/* ==========================================================================
	GLOBAL VARIABLES
/* ========================================================================== */
/* cyrillic */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mZ8WDm7Q.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mf8WDm7Q.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mT8WDm7Q.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  src: local("Rubik Light"), local("Rubik-Light"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  src: local("Rubik"), local("Rubik-Regular"), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmZ8WDm7Q.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmf8WDm7Q.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmT8WDm7Q.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: local("Rubik Medium"), local("Rubik-Medium"), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/fonts/icomoon.eot?4b5xux");
  src: url("../../assets/fonts/fonts/icomoon.eot?4b5xux#iefix") format("embedded-opentype"), url("../../assets/fonts/fonts/icomoon.ttf?4b5xux") format("truetype"), url("../../assets/fonts/fonts/icomoon.woff?4b5xux") format("woff"), url("../../assets/fonts/fonts/icomoon.svg?4b5xux#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-support-client .path1:before {
  content: "\e978";
  color: rgb(37, 41, 46);
}

.icon-support-client .path2:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-bimC .path1:before {
  content: "\e900";
  color: rgb(250, 181, 0);
}

.icon-bimC .path2:before {
  content: "\e901";
  margin-left: -1.01953125em;
  color: rgb(224, 124, 0);
}

.icon-bimC .path3:before {
  content: "\e902";
  margin-left: -1.01953125em;
  color: rgb(224, 124, 0);
}

.icon-bimC .path4:before {
  content: "\e903";
  margin-left: -1.01953125em;
  color: rgb(255, 255, 255);
}

.icon-deviSOC .path1:before {
  content: "\e904";
  color: rgb(228, 3, 45);
}

.icon-deviSOC .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(172, 24, 45);
}

.icon-deviSOC .path3:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(228, 3, 45);
}

.icon-deviSOC .path4:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(228, 3, 45);
}

.icon-deviSOC .path5:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(172, 24, 45);
}

.icon-deviSOC .path6:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-justBIM .path1:before {
  content: "\e90a";
  color: rgb(84, 200, 232);
}

.icon-justBIM .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(0, 147, 201);
}

.icon-justBIM .path3:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-justBIM .path4:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-d .path1:before {
  content: "\e90e";
  color: rgb(37, 41, 46);
}

.icon-d .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-add:before {
  content: "\e910";
}

.icon-addlocation:before {
  content: "\e911";
}

.icon-arrowback:before {
  content: "\e912";
}

.icon-arrowbotom:before {
  content: "\e913";
}

.icon-arrowright:before {
  content: "\e914";
}

.icon-arrowup:before {
  content: "\e915";
}

.icon-bullet:before {
  content: "\e916";
}

.icon-bureau-distance .path1:before {
  content: "\e917";
  color: rgb(0, 0, 0);
}

.icon-bureau-distance .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-cards:before {
  content: "\e919";
}

.icon-cards-2:before {
  content: "\e91a";
}

.icon-chat:before {
  content: "\e91b";
}

.icon-check:before {
  content: "\e91c";
}

.icon-close:before {
  content: "\e91d";
}

.icon-comments:before {
  content: "\e91e";
}

.icon-creditcard:before {
  content: "\e91f";
}

.icon-date:before {
  content: "\e920";
}

.icon-delete:before {
  content: "\e921";
}

.icon-description:before {
  content: "\e922";
}

.icon-doc:before {
  content: "\e923";
}

.icon-download:before {
  content: "\e924";
}

.icon-edit:before {
  content: "\e925";
}

.icon-electric:before {
  content: "\e926";
}

.icon-espace-client .path1:before {
  content: "\e927";
  color: rgb(204, 20, 30);
}

.icon-espace-client .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-euros:before {
  content: "\e929";
}

.icon-eye:before {
  content: "\e92a";
}

.icon-eye-blind:before {
  content: "\e92b";
}

.icon-filter:before {
  content: "\e92c";
}

.icon-folder .path1:before {
  content: "\e92d";
  color: rgb(37, 41, 46);
}

.icon-folder .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-folder .path3:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-formation .path1:before {
  content: "\e930";
  color: rgb(37, 41, 46);
}

.icon-formation .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-geomensura .path1:before {
  content: "\e932";
  color: rgb(255, 255, 255);
}

.icon-geomensura .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-geomensura .path3:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-headset:before {
  content: "\e935";
}

.icon-help .path1:before {
  content: "\e936";
  color: rgb(37, 41, 46);
}

.icon-help .path2:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-help .path3:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-help .path4:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-help .path5:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(37, 41, 46);
}

.icon-help .path6:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-help .path7:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(217, 0, 41);
}

.icon-help .path8:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-home:before {
  content: "\e93e";
}

.icon-info:before {
  content: "\e93f";
}

.icon-lightbulb:before {
  content: "\e940";
}

.icon-link:before {
  content: "\e941";
}

.icon-list:before {
  content: "\e942";
}

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

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

.icon-marketplace .path1:before {
  content: "\e945";
  color: rgb(37, 41, 46);
}

.icon-marketplace .path2:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-marketplace .path3:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-menu:before {
  content: "\e948";
}

.icon-miniarrowbottom:before {
  content: "\e949";
}

.icon-miniarrowleft:before {
  content: "\e94a";
}

.icon-miniarrowright:before {
  content: "\e94b";
}

.icon-miniarrowup:before {
  content: "\e94c";
}

.icon-minicards:before {
  content: "\e94d";
}

.icon-minimize:before {
  content: "\e94e";
}

.icon-more:before {
  content: "\e94f";
}

.icon-mylocation:before {
  content: "\e950";
}

.icon-navigation:before {
  content: "\e951";
}

.icon-network .path1:before {
  content: "\e952";
  color: rgb(29, 29, 27);
}

.icon-network .path2:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-options:before {
  content: "\e954";
}

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

.icon-phone-big .path1:before {
  content: "\e956";
  color: rgb(37, 41, 46);
}

.icon-phone-big .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-phone-big .path3:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-phone-big .path4:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-place:before {
  content: "\e95a";
}

.icon-place-map .path1:before {
  content: "\e95b";
  color: rgb(204, 20, 30);
}

.icon-place-map .path2:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-play:before {
  content: "\e95d";
}

.icon-play-big .path1:before {
  content: "\e95e";
  color: rgb(37, 41, 46);
}

.icon-play-big .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-question:before {
  content: "\e960";
}

.icon-reload:before {
  content: "\e961";
}

.icon-satisfaction:before {
  content: "\e962";
}

.icon-schedule:before {
  content: "\e963";
}

.icon-search:before {
  content: "\e964";
}

.icon-share:before {
  content: "\e965";
}

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

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

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

.icon-social-pinterest:before {
  content: "\e969";
}

.icon-social-twitter:before {
  content: "\e96a";
}

.icon-social-viadeo:before {
  content: "\e96b";
}

.icon-social-vimeo:before {
  content: "\e96c";
}

.icon-social-youtube:before {
  content: "\e96d";
}

.icon-star:before {
  content: "\e96e";
}

.icon-star-empty:before {
  content: "\e96f";
}

.icon-star-half:before {
  content: "\e970";
}

.icon-teleassistance .path1:before {
  content: "\e971";
  color: rgb(37, 41, 46);
}

.icon-teleassistance .path2:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-ticket .path1:before {
  content: "\e973";
  color: rgb(37, 41, 46);
}

.icon-ticket .path2:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(204, 20, 30);
}

.icon-touch:before {
  content: "\e975";
}

.icon-user:before {
  content: "\e976";
}

.icon-work:before {
  content: "\e977";
}

/* ===================
	    Colors (Same variables as Figma)
/* ===================*/
/* ===================
	    Fonts
/* ===================*/
/* ===================
    Config
/* ===================*/
/* ===================
    Dauphine var default
/* ===================*/
/* ===================
    FlexContent
/* ===================*/
/* ===================
    Animations
/* ===================*/
/* ==========================================================================
	LIB - PACKAGE
/* ========================================================================== */
/******************************
**
** Container/Gutters
**
******************************/
.flex-text-image .video-gallery .legend .wrap .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.flex-text-image .video-gallery .legend .wrap .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==========================================================================
	MIXINS
/* ========================================================================== */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* $animation-hover : Dauphine variable */
/* Animation for waiting block as Facebook */
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* ===================
	    Icomoon
/* ===================*/
/* ===================
	    Image
/* ===================*/
/* ===================
	    Misc
/* ===================*/
/* ===================
	    Spacing
/* ===================*/
/* ===================
	    Functions
/* ===================*/
/* ===================
	   Padding
/* ===================*/
/* ===================
	   Margin
/* ===================*/
.flex-cta__container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-cta__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-cta__container {
    padding-right: 12px;
  }
}

@media (max-width: 959.98px) {
  .flex-double-column::before {
    content: attr(data-background-text);
    position: absolute;
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 80px;
    color: #D6D6D6;
    opacity: 0.4;
    z-index: -1;
    left: 0;
    margin-top: -calc(40px-10px);
  }
}
@media (max-width: 959.98px) and (min-width: 720px) and (max-width: 959.98px) {
  .flex-double-column::before {
    padding-left: 36px;
  }
}
@media (min-width: 960px) {
  .flex-double-column .container::before {
    margin-top: -calc(60px-10px);
  }
}
@media (min-width: 1280px) {
  .flex-double-column .container::before {
    margin-top: -calc(40px-10px);
  }
}
@media (min-width: 960px) {
  .flex-double-column .container::before {
    content: attr(data-background-text);
    position: absolute;
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 156px;
    line-height: 185px;
    color: #D6D6D6;
    opacity: 0.4;
    z-index: -1;
    left: 0;
    margin-left: 8.3333333333%;
  }
}
.flex-double-column .w-double-column {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 720px) {
  .flex-double-column .w-double-column {
    margin-left: 8.3333333333%;
    width: 83.3333333333%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .flex-double-column .w-double-column {
    margin-left: 16.6666666667%;
    width: 66.6666666667%;
    padding-left: 0;
    padding-right: 0;
  }
}
.flex-double-column__desc {
  margin-top: 15px;
  margin-bottom: 30px;
}
@media (min-width: 960px) {
  .flex-double-column__desc {
    margin-bottom: 40px;
  }
}
.flex-double-column__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}
@media (min-width: 720px) {
  .flex-double-column__row {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.flex-double-column__left, .flex-double-column__right {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-double-column__left, .flex-double-column__right {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-double-column__left, .flex-double-column__right {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-double-column__left, .flex-double-column__right {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-double-column__left, .flex-double-column__right {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-double-column__left, .flex-double-column__right {
    padding-right: 12px;
  }
}

.flex-image-full__image {
  position: relative;
  overflow: hidden;
}
.flex-image-full__image:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 60%;
}
@media (min-width: 960px) {
  .flex-image-full__image:before {
    padding-top: 40%;
  }
}
.flex-image-full__image img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.flex-latest {
  position: relative;
}
.flex-latest:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  background-color: #F4F4F4;
  z-index: -1;
}
@media (min-width: 720px) {
  .flex-latest:after {
    height: 310px;
  }
}
@media (min-width: 960px) {
  .flex-latest:after {
    height: 230px;
  }
}
.flex-latest .w-latest {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}
@media (min-width: 720px) {
  .flex-latest .w-latest {
    margin-bottom: 35px;
  }
}
@media (min-width: 1280px) {
  .flex-latest .w-latest {
    margin-bottom: 50px;
  }
}
@media (min-width: 960px) {
  .flex-latest .w-latest {
    flex-direction: row;
    align-items: center;
  }
}
.flex-latest .w-latest .btn {
  padding: 0;
}
.flex-latest__title {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  color: #25292E;
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .flex-latest__title {
    margin-left: 8.3333333333%;
    width: 66.6666666667%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .flex-latest__list {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.flex-latest__list .card {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 719.98px) {
  .flex-latest__list .card:nth-child(n+2) {
    display: none;
  }
}
@media (min-width: 720px) {
  .flex-latest__list .card {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-latest__list .card {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-latest__list .card {
    width: 33.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-latest__list .card {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-latest__list .card {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-latest__list .card {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.flex-list-files__container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-list-files__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-list-files__container {
    padding-right: 12px;
  }
}

.flex-media--video__container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}
@media (min-width: 720px) {
  .flex-media--video__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-media--video__container {
    padding-right: 12px;
  }
}
.flex-media--video__container > * {
  margin: 0 auto;
}
.flex-media--img__container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}
@media (min-width: 720px) {
  .flex-media--img__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-media--img__container {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-media--img__container {
    margin-left: 8.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-media--img__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-media--img__container {
    padding-right: 12px;
  }
}
.flex-media--img__container > img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  height: auto;
}
.flex-media--cta {
  text-align: center;
  width: 100%;
  margin-top: 16px;
}

.flex-pages {
  position: relative;
  overflow: hidden;
}
.flex-pages__bg {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  background: #F4F4F4;
  height: 245px;
  top: auto;
  bottom: 0;
}
@media (min-width: 720px) {
  .flex-pages__bg {
    width: calc(12 / 12 * 100% + 0px);
    right: 0;
  }
}
@media (min-width: 960px) {
  .flex-pages__bg {
    width: calc(12 / 12 * 100% + 0px);
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flex-pages__bg {
    width: calc(12 / 12 * 100% + 0px);
    right: 0;
  }
}
@media (min-width: 1600px) {
  .flex-pages__bg {
    width: calc(12 / 12 * 100% + 0px);
    right: 0;
  }
}
@media (min-width: 720px) {
  .flex-pages__bg {
    width: calc(12 / 12 * 100% + 0px);
    right: 0;
  }
}
@media (min-width: 960px) {
  .flex-pages__bg {
    width: calc(7 * (940px - 0px) / 12 + 0px + 300px);
    left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 7) * 940px / 12 - 0px);
    right: inherit;
  }
}
@media (min-width: 1280px) {
  .flex-pages__bg {
    width: calc(7 * (1200px - 0px) / 12 + 0px + 300px);
    left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 7) * 1200px / 12 - 0px);
    right: inherit;
  }
}
@media (min-width: 1600px) {
  .flex-pages__bg {
    width: calc(7 * (1400px - 0px) / 12 + 0px + 300px);
    left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 7) * 1400px / 12 - 0px);
    right: inherit;
  }
}
@media (min-width: 720px) {
  .flex-pages__bg {
    height: 500px;
  }
}
@media (min-width: 960px) {
  .flex-pages__bg {
    height: 100%;
    top: 0;
    bottom: 80px;
  }
}
.flex-pages .w-flex-pages {
  display: flex;
  width: 100%;
}
@media (max-width: 959.98px) {
  .flex-pages .w-flex-pages {
    flex-direction: column;
  }
}
.flex-pages__content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 720px) {
  .flex-pages__content {
    width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-pages__content {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-pages__content {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-pages__content {
    width: 25%;
    padding-left: 0;
    padding-right: 0;
  }
}
.flex-pages__content h2 + p {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .flex-pages__content h2 + p {
    margin-top: 40px;
  }
}
.flex-pages__navigation {
  display: flex;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (min-width: 960px) {
  .flex-pages__navigation {
    margin-top: 60px;
    margin-bottom: 0;
  }
}
.flex-pages__navigation .slider-btn {
  position: relative;
  transform: none;
  top: 0;
}
.flex-pages__slider {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-pages__slider {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-pages__slider {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-pages__slider {
    width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-pages__slider {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-pages__slider {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-pages__slider {
    width: 66.6666666667%;
    padding-left: 0;
    padding-right: 0;
  }
}
.flex-pages__slider .slider-pagination {
  justify-content: center;
  margin-top: 35px;
}
@media (min-width: 960px) {
  .flex-pages__slider .slider-pagination {
    margin-top: 60px;
  }
}
.flex-pages__slider .swiper-slide {
  height: auto;
}
.flex-pages__slider .swiper-slide .card {
  height: 100%;
}
.flex-pages__title {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-pages__title {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-pages__title {
    padding-right: 12px;
  }
}
.flex-pages__card {
  background-color: #fff;
}
.flex-pages__card .card__content {
  align-items: flex-start;
  padding-bottom: 40px;
}
.flex-pages .w-card img {
  width: 100%;
}

.flex-partners__title {
  margin-bottom: 20px;
}
@media (min-width: 960px) {
  .flex-partners__title {
    margin-left: 8.3333333333%;
    margin-bottom: 45px;
  }
}
.flex-partners .partners-swiper {
  margin: 10px;
}
.flex-partners__slider {
  width: 100%;
  position: relative;
}
@media (min-width: 720px) {
  .flex-partners__slider {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    width: 83.3333333333%;
    padding-left: 0;
    padding-right: 0;
  }
}
.flex-partners__slider .swiper-container {
  width: 60%;
}
@media (min-width: 720px) {
  .flex-partners__slider .swiper-container {
    width: 100%;
  }
}
.flex-partners__slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
.flex-partners__slider .swiper-container .swiper-wrapper .w-img img {
  max-width: 100%;
  width: 100%;
  height: auto;
  filter: grayscale(0);
  transition: all 250ms ease-out;
}
@media (min-width: 960px) {
  .flex-partners__slider .swiper-container .swiper-wrapper .w-img:hover img {
    filter: grayscale(1);
  }
}
.flex-partners__slider .slider-btn__prev {
  left: 0;
}
@media (min-width: 720px) {
  .flex-partners__slider .slider-btn__prev {
    left: -48px;
  }
}
@media (min-width: 960px) {
  .flex-partners__slider .slider-btn__prev {
    left: -60px;
  }
}
@media (min-width: 1280px) {
  .flex-partners__slider .slider-btn__prev {
    left: -80px;
  }
}
.flex-partners__slider .slider-btn__next {
  right: 0;
}
@media (min-width: 720px) {
  .flex-partners__slider .slider-btn__next {
    right: -48px;
  }
}
@media (min-width: 960px) {
  .flex-partners__slider .slider-btn__next {
    right: -60px;
  }
}
@media (min-width: 1280px) {
  .flex-partners__slider .slider-btn__next {
    right: -80px;
  }
}
.flex-partners .slider-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
}
.flex-partners__title {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-partners__title {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-partners__title {
    padding-right: 12px;
  }
}

.flex-quote__container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-quote__container {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-quote__container {
    padding-right: 12px;
  }
}

.flex-text-image {
  position: relative;
  /***************** */
  /* Video Gallery  */
  /***************** */
}
.flex-text-image__row {
  align-items: center;
}
@media (min-width: 720px) {
  .flex-text-image__row--left {
    flex-direction: row-reverse;
  }
}
.flex-text-image__text, .flex-text-image__image {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-text-image__text, .flex-text-image__image {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-text-image__text, .flex-text-image__image {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-text-image__text, .flex-text-image__image {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-image__text, .flex-text-image__image {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-image__text, .flex-text-image__image {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-text-image__text {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
  }
}
.flex-text-image__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  filter: grayscale(100%);
  opacity: 0.4;
  background-repeat: no-repeat;
  background-size: cover;
}
.flex-text-image__background::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #F4F4F4;
}
@media (min-width: 960px) {
  .flex-text-image__background {
    height: 100%;
    width: 66.6666666667%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-image__background {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-image__background {
    padding-right: 12px;
  }
}
@media (max-width: 959.98px) {
  .flex-text-image__image {
    margin-top: 40px;
  }
}
.flex-text-image__image--with-square .img-container::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  bottom: 3px;
  background: #CC141E;
}
@media (min-width: 720px) {
  .flex-text-image__image .img-container {
    position: relative;
    overflow: hidden;
  }
  .flex-text-image__image .img-container > img {
    width: 100%;
  }
  .flex-text-image__image .img-container.portrait:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-text-image__image .img-container.portrait:before {
    padding-top: 133.333%;
  }
}
@media (min-width: 720px) {
  .flex-text-image__image .img-container.portrait > img {
    position: absolute;
    text-align: center;
    max-width: none;
    max-height: 100%;
    height: 100%;
    width: auto;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .flex-text-image__image .img-container.landscape:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-text-image__image .img-container.landscape:before {
    padding-top: 75%;
  }
}
@media (min-width: 720px) {
  .flex-text-image__image .img-container.landscape > img {
    position: absolute;
    text-align: center;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.flex-text-image__image iframe {
  max-width: 100%;
}
.flex-text-image .headline {
  margin-bottom: 6px;
}
.flex-text-image .btn {
  margin-top: 16px;
  margin-bottom: 48px;
}
.flex-text-image .video-gallery .iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Pour un ratio d'aspect de 16:9. Ajustez selon vos besoins. */
  overflow: hidden;
}
.flex-text-image .video-gallery .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flex-text-image .video-gallery .legend {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 3px;
}
.flex-text-image .video-gallery .legend .wrap {
  position: relative;
  width: 89px;
  height: 60px;
  cursor: pointer;
}
@media (min-width: 960px) and (max-width: 1279.98px) {
  .flex-text-image .video-gallery .legend .wrap {
    width: 67px;
    height: 45px;
  }
}
.flex-text-image .video-gallery .legend .wrap.active {
  outline: 3px solid #25292E;
}
.flex-text-image .video-gallery .legend .wrap img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-text-image .video-gallery .legend .wrap .icon {
  font-size: 30px;
  color: #fff;
}
.flex-text-image .video-gallery .caption {
  margin-top: 12px;
}

.flex-title-text__title, .flex-title-text__text {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-title-text__title, .flex-title-text__text {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-title-text__title, .flex-title-text__text {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-title-text__title, .flex-title-text__text {
    margin-left: 8.3333333333%;
    width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-title-text__title, .flex-title-text__text {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-title-text__title, .flex-title-text__text {
    padding-right: 12px;
  }
}
.flex-title-text__title {
  margin-bottom: 8px;
}
@media (min-width: 960px) {
  .flex-title-text__title {
    margin-left: 16.6666666667%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text__title {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text__title {
    padding-right: 12px;
  }
}
.flex-title-text__title::before {
  content: attr(data-background-text);
  position: absolute;
  font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 80px;
  color: #D6D6D6;
  opacity: 0.4;
  z-index: -1;
  left: 0;
  margin-top: calc(-40px);
}
@media (min-width: 1280px) {
  .flex-title-text__title::before {
    margin-top: calc(-40px);
  }
}
@media (min-width: 960px) {
  .flex-title-text__title::before {
    margin-left: 8.3333333333%;
    font-size: 136px;
    line-height: 110px;
  }
}
@media (min-width: 960px) {
  .flex-title-text__text {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text__text {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text__text {
    padding-right: 12px;
  }
}
@media (max-width: 959.98px) {
  .flex-title-text .btn {
    margin-top: 16px;
  }
}
@media (min-width: 960px) {
  .flex-title-text .btn {
    margin-left: auto;
  }
}
.flex-title-text.cta-block .row {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 960px) {
  .flex-title-text.cta-block .row {
    margin-left: 8.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
    flex-direction: row;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text.cta-block .row {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-title-text.cta-block .row {
    padding-right: 12px;
  }
}
.flex-title-text.cta-block .row .flex-title-text__title {
  width: 100%;
  text-align: center;
}
.flex-title-text.cta-block .row .flex-title-text__title:before {
  margin-left: 0;
}
@media (min-width: 720px) {
  .flex-title-text.cta-block .row .flex-title-text__title {
    margin: 0;
    padding: 0;
    flex: 1;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .flex-title-text.cta-block .row .flex-title-text__title {
    text-align: left;
  }
}

@media (min-width: 960px) {
  .flex-wysiwyg {
    position: relative;
  }
}
@media (max-width: 959.98px) {
  .flex-wysiwyg::before {
    content: attr(data-background-text);
    position: absolute;
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 80px;
    color: #D6D6D6;
    opacity: 0.4;
    z-index: -1;
    margin-top: -70px;
    left: 0;
  }
}
@media (max-width: 959.98px) and (min-width: 720px) and (max-width: 959.98px) {
  .flex-wysiwyg::before {
    padding-left: 36px;
  }
}
@media (min-width: 960px) {
  .flex-wysiwyg .container::before {
    content: attr(data-background-text);
    position: absolute;
    font-family: "Rubik", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 156px;
    line-height: 185px;
    color: #D6D6D6;
    opacity: 0.4;
    z-index: -1;
    margin-top: -30px;
    left: 0;
    margin-left: 8.3333333333%;
  }
}
.flex-wysiwyg .wysiwyg {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-right: 12px;
  }
}
@media (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    margin-left: 8.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-wysiwyg .wysiwyg {
    margin-left: 16.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-wysiwyg .wysiwyg {
    padding-right: 12px;
  }
}
.flex-wysiwyg .headline {
  margin-bottom: 6px;
}
.flex-wysiwyg .btn {
  margin-top: 35px;
}

@media (min-width: 1280px) {
  .page-list .inner {
    margin-left: 8.3333333333%;
    width: 83.3333333333%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 720px) {
  .page-list .row {
    justify-content: center;
  }
}
.page-list .card {
  justify-content: start;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  /*@include breakpoint(xsm) {
  	@include col(4);
  }
  @include breakpoint(md) {
  	@include col(6);
  }*/
}
@media (min-width: 720px) {
  .page-list .card {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .page-list .card {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .page-list .card-half {
    width: 50%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .page-list .card-half {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .page-list .card-half {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .page-list .card-third {
    width: 33.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .page-list .card-third {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .page-list .card-third {
    padding-right: 12px;
  }
}
.page-list .card + .card {
  margin-top: 32px;
}
@media (min-width: 480px) {
  .page-list .card + .card {
    margin-top: 0;
  }
}
.page-list .card .icon {
  height: 40px;
  width: 40px;
  margin: 0 auto 15px;
  display: inline-block;
}
.page-list .card .icon.large {
  height: 80px;
  width: 80px;
  margin: 0 auto 30px;
}
@media (min-width: 960px) {
  .page-list .card .icon.large {
    margin: 0 auto 45px;
  }
}
.page-list .card .icon use {
  fill: #CC141E;
}
.page-list .card .card__img + .title {
  margin-top: 16px;
}
.page-list .card .card__img.small {
  width: 132px;
  height: 132px;
  margin: 0 auto;
}
.page-list .card .card__img.small:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 51.85%);
}
.page-list .card .text {
  margin: 8px 0 16px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.02em;
}

.modal-video .modal__content {
  width: 80vw;
  height: 70vh;
}
.modal-video .modal__content iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 720px) {
  .single-news .page-list .inner {
    margin-left: 8.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .single-news .page-list .inner {
    padding-left: 12px;
  }
}
@media (min-width: 720px) and (min-width: 720px) {
  .single-news .page-list .inner {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .single-news .page-list .inner {
    margin-left: 16.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .single-news .page-list .inner {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .single-news .page-list .inner {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .single-news .page-list .inner .amount-2 .card {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .single-news .page-list .inner .amount-2 .card {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .single-news .page-list .inner .amount-2 .card {
    padding-right: 12px;
  }
}

.flex-text-form {
  position: relative;
}
.flex-text-form .container {
  background: white;
}
@media (min-width: 720px) {
  .flex-text-form .container {
    padding-top: 40px;
  }
}
@media (min-width: 1280px) {
  .flex-text-form .container {
    padding-top: 56px;
  }
}
.flex-text-form .wysiwyg,
.flex-text-form .form {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 720px) {
  .flex-text-form .wysiwyg,
  .flex-text-form .form {
    padding-left: 12px;
  }
}
@media (min-width: 720px) {
  .flex-text-form .wysiwyg,
  .flex-text-form .form {
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .flex-text-form .wysiwyg,
  .flex-text-form .form {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-form .wysiwyg,
  .flex-text-form .form {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-text-form .wysiwyg,
  .flex-text-form .form {
    padding-right: 12px;
  }
}
@media (max-width: 959.98px) {
  .flex-text-form .wysiwyg {
    padding-bottom: 24px;
  }
}
@media (min-width: 1280px) {
  .flex-text-form .wysiwyg {
    padding-right: 24px;
  }
}
.flex-text-form .wysiwyg img {
  width: 100%;
}
.flex-text-form .wysiwyg p:has(> img) {
  position: relative;
  display: flex;
}
.flex-text-form .wysiwyg p:has(> img):before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(238, 238, 238, 0.94) 0%, rgba(255, 255, 255, 0) 52.6%);
}
.flex-text-form .wysiwyg p {
  font-size: 20px;
  line-height: 32px;
}
@media (min-width: 960px) {
  .flex-text-form .gform_wrapper {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .flex-text-form .gform_wrapper {
    max-width: 490px;
    margin: 0 auto;
  }
}

.flex-faq-list .row {
  row-gap: 24px;
}
@media (min-width: 960px) {
  .flex-faq-list__content {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 12px;
    padding-right: 60px;
  }
}
@media (min-width: 960px) {
  .flex-faq-list__list {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-faq-list__list {
    padding-left: 12px;
  }
}
@media (min-width: 960px) and (min-width: 720px) {
  .flex-faq-list__list {
    padding-right: 12px;
  }
}
.flex-faq-list__title {
  margin-bottom: 16px;
}
.flex-faq-list__btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
@media (min-width: 960px) {
  .flex-faq-list__btn-group {
    margin-top: 36px;
  }
}
.flex-faq-list__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flex-comparative-chart .titles {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 960px) {
  .flex-comparative-chart .titles {
    max-width: 600px;
    margin: 0 auto;
  }
}
.flex-comparative-chart .titles .title {
  color: #CC141E;
  font-size: 46px;
  line-height: 55px;
}
.flex-comparative-chart .table {
  position: relative;
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 960px) {
  .flex-comparative-chart .table {
    margin-top: 48px;
    overflow-x: auto;
    display: flex;
  }
}
.flex-comparative-chart .table select {
  height: 68px;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid rgb(214, 214, 214);
  appearance: none;
  background-color: #f4f4f4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M212.7 331.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4 75.3 148.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z'/%3E%3C/svg%3E");
  background-position: right 1rem top 50%;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  .flex-comparative-chart .table select {
    display: none;
  }
}
.flex-comparative-chart .table #btn-list {
  background-color: #f4f4f4;
  border: 1px solid rgb(214, 214, 214);
  border-top: 0;
  padding: 16px;
}
@media (min-width: 960px) {
  .flex-comparative-chart .table #btn-list {
    display: none;
  }
}
.flex-comparative-chart .table #btn-list .btn {
  width: 100%;
  margin-top: 0 !important;
}
.flex-comparative-chart .table #btn-list .btn:not([data-index="0"]):not(.show) {
  display: none;
}
.flex-comparative-chart .table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
@media (min-width: 960px) {
  .flex-comparative-chart .table table {
    min-width: 1224px;
  }
}
@media (max-width: 959.98px) {
  .flex-comparative-chart .table table thead {
    display: none;
  }
}
.flex-comparative-chart .table table thead th {
  padding: 24px;
  text-align: center;
  vertical-align: middle;
}
.flex-comparative-chart .table table thead th:not(:first-child) {
  border-top: 1px solid rgb(214, 214, 214);
  background-color: #f4f4f4;
}
.flex-comparative-chart .table table thead th:last-child {
  border-right: 1px solid rgb(214, 214, 214);
}
@media (min-width: 960px) {
  .flex-comparative-chart .table table thead th {
    width: auto;
  }
  .flex-comparative-chart .table table thead th:first-child {
    width: 30%;
  }
}
.flex-comparative-chart .table table thead th.highlight {
  background-color: #25292E;
}
.flex-comparative-chart .table table thead th .name {
  margin-bottom: 8px;
}
.flex-comparative-chart .table table thead th .subtitle {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 600;
}
.flex-comparative-chart .table table thead th .price {
  font-size: 20px;
  font-weight: 500;
}
.flex-comparative-chart .table table thead th .btn {
  margin-top: 16px;
  max-width: 100%;
}
.flex-comparative-chart .table table th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
}
.flex-comparative-chart .table table tbody tr, .flex-comparative-chart .table table tbody th, .flex-comparative-chart .table table tbody td {
  min-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.flex-comparative-chart .table table tbody tr.highlight, .flex-comparative-chart .table table tbody th.highlight, .flex-comparative-chart .table table tbody td.highlight {
  background-color: rgb(236, 236, 236);
}
.flex-comparative-chart .table table tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(214, 214, 214, 0.5);
}
@media (min-width: 960px) {
  .flex-comparative-chart .table table tbody tr:first-child {
    border-top: 1px solid rgb(214, 214, 214);
  }
  .flex-comparative-chart .table table tbody tr:last-child {
    border-bottom: 1px solid rgb(214, 214, 214);
  }
}
.flex-comparative-chart .table table tbody tr th:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  border-left: 1px solid rgb(214, 214, 214);
  border-right: 1px solid rgb(214, 214, 214);
  padding: 10px 16px 10px 16px;
}
.flex-comparative-chart .table table tbody tr th:first-child.highlight {
  font-weight: 600;
}
.flex-comparative-chart .table table tbody tr th:first-child .tooltip .icon {
  color: #949494;
  font-size: 20px;
}
@media (max-width: 959.98px) {
  .flex-comparative-chart .table table tbody tr.cta-line {
    display: none;
  }
}
.flex-comparative-chart .table table tbody tr.cta-line th {
  height: 88px;
}
.flex-comparative-chart .table table tbody td {
  width: 140px;
  background-color: rgb(236, 236, 236);
}
@media (min-width: 480px) {
  .flex-comparative-chart .table table tbody td {
    width: 200px;
  }
}
@media (max-width: 959.98px) {
  .flex-comparative-chart .table table tbody td {
    border-right: 1px solid rgb(214, 214, 214);
  }
}
@media (min-width: 960px) {
  .flex-comparative-chart .table table tbody td {
    background-color: #f4f4f4;
  }
  .flex-comparative-chart .table table tbody td:last-child {
    border-right: 1px solid rgb(214, 214, 214);
  }
}
@media (max-width: 959.98px) {
  .flex-comparative-chart .table table tbody td:not([data-index="0"]):not(.show-table-cell) {
    display: none;
  }
}
.flex-comparative-chart .table table tbody td .icon-check {
  font-size: 20px;
  color: #40CB67;
}
.flex-comparative-chart .table table tbody td .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.flex-comparative-chart .table table tbody td .wrap .icon {
  font-size: 20px;
}

[data-tippy-root] .tippy-content {
  background-color: #25292E;
  border-radius: 4px;
  font-size: 12px;
  max-width: 180px;
}

.flex-anchor {
  border-bottom: 1px solid #D6D6D6;
  position: sticky;
  top: 70px;
  background-color: white;
  width: 100%;
  z-index: 9999;
}
@media (min-width: 1280px) {
  .flex-anchor {
    top: 80px;
  }
}
.flex-anchor .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1279.98px) {
  .flex-anchor .container {
    overflow-x: scroll;
  }
}
.flex-anchor .anchor-name {
  padding: 16px 20px;
  cursor: pointer;
  transition: all 250ms ease-out;
  flex-shrink: 0;
}
.flex-anchor .anchor-name.active {
  border-bottom: 3px solid #CC141E;
}
.flex-anchor .anchor-name:hover {
  background: #F4F4F4;
}

.home-slider {
  margin-bottom: 40px;
}
@media (min-width: 720px) {
  .home-slider {
    margin-bottom: 60px;
  }
}
@media (min-width: 960px) {
  .home-slider {
    margin-bottom: 80px;
  }
}
.home-slider .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}
.home-slider__pagination {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 40px;
}
@media (min-width: 720px) {
  .home-slider__pagination {
    margin-top: 60px;
  }
}
@media (min-width: 960px) {
  .home-slider__pagination {
    margin-bottom: 40px;
  }
}
.home-slider__pagination .container {
  height: 100%;
}
.home-slider__pagination .slider-pagination {
  position: absolute;
  top: 0;
  transform: rotateZ(90deg);
  width: auto;
}
@media (min-width: 960px) {
  .home-slider__pagination .slider-pagination {
    top: 50%;
    transform: rotateZ(90deg) translateX(-50%);
  }
}

.tranings__img .img-container:after {
  bottom: 0;
}

@media (min-width: 1280px) {
  .bim {
    padding: 120px 0;
  }
}
.bim:before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #F4F4F4;
}
@media (min-width: 960px) {
  .bim:before {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 960px) {
  .bim:before {
    width: calc(9 * (940px - 0px) / 12 + 0px + (100% - (940px - 0px / 2)) / 2);
    left: calc((100% - (940px - 0px / 2)) / 2 + (12 - 9) * 940px / 12 - 0px);
    right: inherit;
  }
}
@media (min-width: 1280px) {
  .bim:before {
    width: calc(9 * (1200px - 0px) / 12 + 0px + (100% - (1200px - 0px / 2)) / 2);
    left: calc((100% - (1200px - 0px / 2)) / 2 + (12 - 9) * 1200px / 12 - 0px);
    right: inherit;
  }
}
@media (min-width: 1600px) {
  .bim:before {
    width: calc(9 * (1400px - 0px) / 12 + 0px + (100% - (1400px - 0px / 2)) / 2);
    left: calc((100% - (1400px - 0px / 2)) / 2 + (12 - 9) * 1400px / 12 - 0px);
    right: inherit;
  }
}

@media (min-width: 1280px) {
  .digital {
    padding: 120px 0;
  }
}
.digital .flex-text-image__background {
  background-color: #F4F4F4;
  background-image: none !important;
  opacity: 1;
}
@media (min-width: 960px) {
  .digital .flex-text-image__background {
    height: 127%;
  }
}
.digital .flex-text-image__background:before {
  display: none;
}
.digital .btn {
  margin-bottom: 0;
}

.tranings__text {
  position: relative;
  z-index: 1;
}
@media (min-width: 720px) {
  .tranings__text {
    padding-top: 200px;
    width: 66.6666666667%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .tranings__text {
    margin-left: 35px;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }
}
.tranings__text .w-text {
  background-color: #fff;
}
@media (min-width: 720px) {
  .tranings__text .w-text {
    padding: 40px;
  }
}
@media (min-width: 960px) {
  .tranings__text .w-text {
    padding: 80px;
  }
}
.tranings__text .w-text h2 {
  color: #25292E;
}
.tranings__img {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 0;
}
@media (max-width: 719.98px) {
  .tranings__img {
    margin-top: 40px;
  }
}
@media (min-width: 720px) {
  .tranings__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
  }
}
@media (min-width: 1280px) {
  .tranings__img {
    width: 58.3333333333%;
    padding-left: 0;
    padding-right: 0;
    right: 8.3333%;
  }
}
.tranings__img .img-container {
  position: relative;
  padding-top: 67%;
}
.tranings__img .img-container img {
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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