/*
 * mo-qodef-extracted.css — OPTIONNEL.
 * Règles qodef-* propres aux widgets, extraites automatiquement de
 * plugins/loire-core/assets/css/loire-core.css (couche STRUCTURE).
 *
 * NE PAS charger tant que le thème Loire est actif (styles en double).
 * Pour l'activer quand tu retires loire-core/le thème :
 *   define('MO_WIDGETS_LOAD_QODEF_CSS', true);  // dans wp-config.php
 *   ou add_filter('mo_widgets_load_qodef_css', '__return_true');
 *
 * ATTENTION : ceci ne contient PAS la typographie globale du thème
 * (Belleza/Lato, tailles h1..h6). Voir mo-typography.css pour cette couche.
 */

/* ===== Règles issues de loire-core (widgets) ===== */
#qodef-age-verification-modal .qodef-button.qodef-prevent--yes {margin-right: 10px;}
#qodef-age-verification-modal .qodef-button.qodef-prevent--no {color: #fff;
  border-color: #a3a19e;}
#qodef-age-verification-modal .qodef-button.qodef-prevent--no:hover {color: #fff;
  border-color: #28201e;
  background-color: #28201e;}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .product-category a,
.qodef-woo-product-list .product-category a {position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .product-category a:hover .qodef-e-content,
.qodef-woo-product-list .product-category a:hover .qodef-e-content {opacity: 1;}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .product-category a:hover .woocommerce-loop-category__title,
.qodef-woo-product-list .product-category a:hover .woocommerce-loop-category__title {transform: translateY(0);}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .product-category .qodef-e-content,
.qodef-woo-product-list .product-category .qodef-e-content {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  background-color: rgba(42, 0, 0, 0.5);
  text-align: center;
  opacity: 0;
  transition: opacity .3s ease-out;}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .product-category .woocommerce-loop-category__title,
.qodef-woo-product-list .product-category .woocommerce-loop-category__title {color: #ffffff;
  transform: translateY(-30px);
  transition: transform .6s ease;}
.qodef-woo-product-category-list.qodef-item-layout--info-on-image .count,
.qodef-woo-product-list .count {display: none;}
.qodef-clients-list .qodef-e {position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;}
@media only screen and (max-width: 480px) {
.qodef-clients-list .qodef-e .qodef-e-image {margin-bottom: 15px;}
}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e {display: flex;
  align-items: center;
  justify-content: center;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image {line-height: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image a {display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-logo {width: auto;
  opacity: 1;
  will-change: opacity;
  transition: opacity .15s ease-out;
  display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-hover-logo {position: absolute;
  top: 0;
  left: 0;
  width: auto;
  opacity: 0;
  will-change: opacity;
  transition: opacity .15s ease-out;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {opacity: 0;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-hover-logo {opacity: 1;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e {display: flex;
  align-items: center;
  justify-content: center;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-image {line-height: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-image a {display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-logo {width: auto;
  opacity: var(--qodef-client-initial-opacity, 1);
  will-change: opacity;
  transition: opacity .3s ease;
  display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e .qodef-e-hover-logo {display: none;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade .qodef-e:hover .qodef-e-logo {opacity: var(--qodef-client-hover-opacity, 0.5);}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e {display: flex;
  align-items: center;
  justify-content: center;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-image {line-height: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-image a {display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-logo {width: auto;
  display: inline-block;}
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--no-hover .qodef-e .qodef-e-hover-logo {display: none;}
.qodef-testimonials-list .qodef-e-inner {padding-bottom: 40px;}
.qodef-testimonials-list .qodef-m-mark {margin: 0 0 31px;}
.qodef-testimonials-list .qodef-e-media-image {line-height: 0;
  margin-bottom: 25px;}
.qodef-testimonials-list .qodef-e-media-image img {width: auto;}
.qodef-testimonials-list .qodef-e-title {margin: 0 0 25px;}
.qodef-testimonials-list .qodef-e-text {margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 34px;}
.qodef-testimonials-list .qodef-e-author {margin: 34px 0 0;}
.qodef-testimonials-list .qodef-nav-holder .swiper-button-prev {left: 0 !important;}
.qodef-testimonials-list .qodef-nav-holder .swiper-button-next {right: 0 !important;}
.qodef-testimonials-list.qodef-narrow-layout--enabled .qodef-e-content {padding: 0 20%;}
.qodef-testimonials-list.qodef-nav-position--below .qodef-nav-holder {display: inline-flex;
  margin: 30px 0 0;}
.qodef-testimonials-list.qodef-nav-position--below .qodef-nav-holder .swiper-button-prev,
.qodef-testimonials-list.qodef-nav-position--below .qodef-nav-holder .swiper-button-next {position: relative;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none;}
.qodef-testimonials-list.qodef-nav-position--below .qodef-nav-holder .swiper-button-prev {margin-right: 17px !important;}
.qodef-testimonials-list.qodef-nav-position--below .qodef-nav-holder .swiper-button-next {margin-left: 17px !important;}
.qodef-testimonials-list.qodef-skin--light .qodef-e-static-title,
.qodef-testimonials-list.qodef-skin--light .qodef-m-mark,
.qodef-testimonials-list.qodef-skin--light .qodef-e-title,
.qodef-testimonials-list.qodef-skin--light .qodef-e-text,
.qodef-testimonials-list.qodef-skin--light .qodef-e-author {color: #fff;}
.qodef-testimonials-list.qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet {background-color: #fff;}
.qodef-testimonials-list.qodef-skin--light .swiper-pagination-bullets .swiper-pagination-bullet:hover {background-color: #fff;}
.qodef-testimonials-list.qodef-skin--light .swiper-button-prev,
.qodef-testimonials-list.qodef-skin--light .swiper-button-next {color: #fff;}
.qodef-testimonials-list.qodef-skin--light .swiper-button-prev:hover,
.qodef-testimonials-list.qodef-skin--light .swiper-button-next:hover {color: #fff;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide {transition: 0s ease;
  opacity: 1 !important;
  z-index: 0;
  overflow: hidden;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide .qodef-e-text {animation: qode-side-text-out 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96) both 0.1s;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide .qodef-e-author {animation: qode-side-text-out 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96) both 0.15s;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide.swiper-slide-active {opacity: 1 !important;
  z-index: 1;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide.swiper-slide-active .qodef-e-text {animation: qode-side-text-in 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96) both 0.5s;}
.qodef-testimonials-list.swiper-container-fade.qodef-col-num--1 .swiper-slide.swiper-slide-active .qodef-e-author {animation: qode-side-text-in 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96) both 0.55s;}
.qodef-button.qodef-html--link {position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: auto;
  margin: 0;
  font-family: "Belleza", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.625em;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0;
  outline: none;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
  padding: 11px 54px;}
.qodef-button.qodef-size--small {padding: 9px 39px;}
.qodef-button.qodef-size--large {padding: 13px 69px;}
.qodef-button.qodef-size--full {width: 100%;
  padding: 11px 20px;
  justify-content: center;
  text-align: center;}
.qodef-button.qodef-layout--filled.qodef-html--link {color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;}
.qodef-button.qodef-layout--filled.qodef-html--link:hover {color: #000000;
  background-color: transparent;
  border-color: #000000;}
.qodef-button.qodef-layout--outlined {color: #000000;
  background-color: transparent;
  border: 1px solid #000000;}
.qodef-button.qodef-layout--outlined:hover {color: #ffffff;
  background-color: #000000;
  border-color: #000000;}
.qodef-button.qodef-layout--textual {padding: 0 !important;
  color: #000000;
  background-color: transparent !important;
  letter-spacing: .2em !important;
  border: 0 !important;}
.qodef-button.qodef-layout--textual .qodef-m-text {position: relative;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  position: relative;
  overflow: hidden;}
.qodef-button.qodef-layout--textual .qodef-m-text:before, .qodef-button.qodef-layout--textual .qodef-m-text:after {content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 1px;
  background-color: currentColor;
  transition: transform 0.4s cubic-bezier(0.31, 0.29, 0.05, 0.96);}
.qodef-button.qodef-layout--textual .qodef-m-text:before {left: 0;}
.qodef-button.qodef-layout--textual .qodef-m-text:after {left: -100%;
  transition-delay: .3s;}
.qodef-button.qodef-layout--textual:hover {color: #000000;}
.qodef-button.qodef-layout--textual:hover .qodef-m-text:before, .qodef-button.qodef-layout--textual:hover .qodef-m-text:after {transform: translateX(100%);}
.qodef-custom-font {position: relative;
  margin: 0;}
.qodef-custom-font.qodef-has-appear {opacity: 0;
  transition: opacity 0s;}
.qodef-custom-font.qodef-has-appear.qodef--appeared {opacity: 1;}
.qodef-icon-with-text .qodef-m-title {margin: 0;}
.qodef-icon-with-text .qodef-m-title a {display: block;}
.qodef-icon-with-text .qodef-m-title a:hover {color: currentColor;}
.qodef-icon-with-text .qodef-m-text {margin: 7px 0 0;}
.qodef-icon-with-text .qodef-m-icon-wrapper {line-height: 1;}
.qodef-icon-with-text .qodef-icon-holder {float: none;}
.qodef-icon-with-text .qodef-m-icon {position: relative;
  display: inline-block;}
.qodef-icon-with-text .qodef-m-icon a {display: inline-block;}
.qodef-icon-with-text .qodef-m-content {position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;}
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper {position: relative;
  display: inline-block;
  vertical-align: top;}
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper a, .qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper img {display: block;}
.qodef-icon-with-text.qodef-layout--before-content {display: flex;
  align-items: flex-start;}
.qodef-icon-with-text.qodef-layout--before-content .qodef-m-icon-wrapper {flex-shrink: 0;
  margin-right: 23px;}
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title {line-height: 1;}
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-title-inner {display: flex;
  align-items: center;}
.qodef-icon-with-text.qodef-layout--before-title .qodef-m-icon-wrapper {flex-shrink: 0;
  margin-right: 5px;}
.qodef-icon-with-text.qodef-layout--before-title.qodef--retina img {max-width: 50%;}
.qodef-icon-with-text.qodef-layout--top .qodef-m-title {margin-top: 23px;}
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--center {text-align: center;}
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--left {text-align: left;}
.qodef-icon-with-text.qodef-layout--top.qodef-alignment--right {text-align: right;}
.qodef-icon-with-text.qodef-layout--top.qodef--retina img {max-width: 50%;
  margin: 0 auto;}
.qodef-pricing-table .qodef-m-button .qodef-button {margin: 36px 0 0;}
.qodef-roadmap {position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 45px 0;
  overflow: hidden;}
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 97px;}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 27px;}
}
@media only screen and (max-width: 1366px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 14px;}
}
@media only screen and (max-width: 1280px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 13px;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 40px;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 99px;}
}
@media only screen and (max-width: 480px) {
.qodef-roadmap.qodef-custom-decoration-placement--enabled .qodef-m-decoration {margin: 0 0 35px;}
}
.qodef-roadmap .qodef-m-decoration {margin: 0 0 62px;}
.qodef-roadmap .qodef-m-decoration svg {display: block;
  margin: 0 auto;}
.qodef-roadmap .qodef-m-holder {position: relative;
  overflow: hidden;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line {width: 100%;
  height: 1px;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-left,
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-right {position: absolute;
  top: 50%;
  color: #9a9a9a;
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 50;
  transition: color 0.3s ease-out;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-left > svg,
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-right > svg {margin-top: 7px;
  margin-right: -1px;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-left > svg polyline,
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-right > svg polyline {fill: none;
  stroke: #ffffff;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-left {left: 35px;
  padding: 10px 10px 10px 0;
  transform: translateY(-50%);}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-left.qodef-roadmap-start-reached {cursor: not-allowed;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-right {right: 35px;
  padding: 10px 0 10px 10px;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-line .qodef-m-arrow-right.qodef-roadmap-end-reached {cursor: not-allowed;}
.qodef-roadmap.qodef-layout--interactive .qodef-m-inner {transition: all .6s ease-in-out;}
.qodef-roadmap.qodef-layout--interactive .qodef-e {float: left;
  transform: translateY(calc(-50% - 2px));}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef--appeared .qodef-e-stage-image-holder {-webkit-clip-path: inset(0 -1px 0 0);
          clip-path: inset(0 -1px 0 0);}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef--appeared .qodef-e-point {transform: translateX(-50%) rotate(30deg) scaleX(1);}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content-year,
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content-title,
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content {opacity: 1 !important;
  transform: translateY(0) !important;}
.qodef-browser--ms-explorer .qodef-roadmap.qodef-layout--interactive .qodef-e {transform: translateY(-50%) translateY(-2px);}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-point-holder {top: 1px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-before-point,
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-after-point {width: 50%;
  height: 1px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-point {left: 50%;
  transform: translateX(-50%) rotate(30deg) scaleX(0);
  transition: transform .3s ease-out .3s;}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-stage-image-holder {position: absolute;
  left: 0;
  width: 100%;
  padding: 0 35px;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1), -webkit-clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 16%;}
@media screen and (min-width: 1921px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 25%;}
}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 10%;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 5%;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 10%;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 4%;}
}
@media only screen and (max-width: 480px) {
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder {padding: 0 10%;}
}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-holder .qodef-e-content-title {margin: 0 0 26px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-above .qodef-e-stage-image-holder {top: 105px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {bottom: 90px;
  flex-direction: column-reverse;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder .qodef-e-content-year {margin: 26px 0 0;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder .qodef-e-content-title {margin: 15px 0 0;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .15s;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder .qodef-e-content {opacity: 0;
  transform: translateY(-50px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .3s;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-below .qodef-e-stage-image-holder {bottom: 90px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {top: 102px;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder .qodef-e-content-year {margin: 0 0 26px;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .6s ease-out, transform .6s ease-out;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder .qodef-e-content-title {margin: 0 0 15px;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .15s;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder .qodef-e-content {opacity: 0;
  transform: translateY(50px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .3s;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap--reached-item .qodef-e-point {background-color: #000000;}
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap-active-item .qodef-e-content-title,
.qodef-roadmap.qodef-layout--interactive .qodef-e.qodef-roadmap-active-item .qodef-e-content {opacity: 1;}
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content-title,
.qodef-roadmap.qodef-layout--interactive .qodef-e .qodef-e-content {opacity: 0;
  transition: opacity 0.3s ease-out;}
.qodef-roadmap.qodef-layout--simple .qodef-m-line {position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #9a9a9a;}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-m-line {display: none;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e {display: flex;
  align-items: center;
  justify-content: center;}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef--appeared .qodef-e-stage-image-holder {-webkit-clip-path: inset(0 -1px 0 0);
          clip-path: inset(0 -1px 0 0);}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef--appeared .qodef-e-point {transform: translateX(-50%) translateY(-50%) rotate(30deg) scaleX(1);}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content-year,
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content-title,
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef--appeared .qodef-e-content-holder .qodef-e-content {opacity: 1;
  transform: translateY(0);}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e {flex-direction: column !important;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-stage-image-holder {-webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1), -webkit-clip-path 1s cubic-bezier(0.39, 0.58, 0.57, 1);}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-stage-image-holder,
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder {width: 50%;}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-stage-image-holder,
  .qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder {width: 100%;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above {flex-direction: row-reverse;}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-stage-image-holder {padding: 50px 0 50px 160px;}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-stage-image-holder {padding: 50px 0 50px 120px;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-stage-image-holder {padding: 50px 0 50px 80px;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-stage-image-holder {padding: 0;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 0;
  text-align: right;}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 120px 50px 0;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 80px 50px 0;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 20px 25px 80px;
    text-align: left;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-stage-image-holder {padding: 50px 160px 50px 0;}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-stage-image-holder {padding: 50px 120px 50px 0;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-stage-image-holder {padding: 50px 80px 50px 0;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-stage-image-holder {padding: 0;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 0 50px 160px;
  text-align: left;}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 0 50px 120px;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 0 50px 80px;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 20px 0 80px;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder .qodef-e-content-year {margin: 0;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity .6s ease-out, transform .6s ease-out;}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder .qodef-e-content-year {margin-top: 9px;}
}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder .qodef-e-content-title {margin: 18px 0 0;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .2s;}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-content-holder .qodef-e-content {margin: 17px 0 0;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition-delay: .4s;}
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-point {top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(30deg) scaleX(0);
  transition: transform .3s ease-out .3s;}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple .qodef-e .qodef-e-point {display: none;}
}
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 17%;}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 10%;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 120px 50px 11%;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 80px 50px 4%;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 20px 0 80px;}
}
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 17% 50px 160px;}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 10% 50px 160px;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 11% 50px 120px;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 4% 50px 80px;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--semi-narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 20px 0 80px;}
}
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 25%;}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 16%;}
}
@media only screen and (max-width: 1366px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 15%;}
}
@media only screen and (max-width: 1280px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 160px 50px 10%;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 120px 50px 6%;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 50px 80px 50px 4%;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-above .qodef-e-content-holder {padding: 20px 0 80px;}
}
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 25% 50px 160px;}
@media only screen and (max-width: 1440px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 16% 50px 160px;}
}
@media only screen and (max-width: 1366px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 15% 50px 160px;}
}
@media only screen and (max-width: 1280px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 10% 50px 160px;}
}
@media only screen and (max-width: 1024px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 6% 50px 120px;}
}
@media only screen and (max-width: 768px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 50px 4% 50px 80px;}
}
@media only screen and (max-width: 680px) {
.qodef-roadmap.qodef-layout--simple.qodef-content-layout--narrow .qodef-e.qodef-roadmap--item-below .qodef-e-content-holder {padding: 20px 0 80px;}
}
.qodef-roadmap .qodef-m-line {position: relative;
  background-color: #9a9a9a;}
.qodef-roadmap .qodef-e {position: relative;}
.qodef-roadmap .qodef-e .qodef-e-point-holder {position: relative;
  font-size: 0;}
.qodef-roadmap .qodef-e .qodef-e-before-point,
.qodef-roadmap .qodef-e .qodef-e-after-point {display: inline-block;
  vertical-align: middle;
  background-color: #9a9a9a;}
.qodef-roadmap .qodef-e .qodef-e-point {position: absolute;
  display: block;
  width: 61px;
  height: 1px;
  background-color: #9a9a9a;}
.qodef-roadmap .qodef-e .qodef-e-stage-image-holder {box-sizing: border-box;}
.qodef-roadmap .qodef-e .qodef-e-stage-image-holder img {display: block;
  width: 100%;}
.qodef-roadmap .qodef-e .qodef-e-content-holder {box-sizing: border-box;}
.qodef-roadmap .qodef-e .qodef-e-content-holder .qodef-e-content-year {font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 400;
  color: #b46d66;}
.qodef-roadmap .qodef-e .qodef-e-content-holder .qodef-e-content {font-family: "Lato", sans-serif;
  font-size: 19px;
  line-height: 1.474em;
  font-weight: 300;
  font-style: italic;
  letter-spacing: normal;}
.qodef-roadmap.qodef-skin--light .qodef-m-decoration,
.qodef-roadmap.qodef-skin--light .qodef-e-content-title,
.qodef-roadmap.qodef-skin--light .qodef-e-content {color: #fff;}
.qodef-roadmap.qodef-skin--light.qodef-layout--interactive .qodef-e.qodef-roadmap--reached-item .qodef-e-point {background-color: #fff;}
.qodef-section-title {position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;}
.qodef-section-title .qodef-m-title {margin: 0;}
.qodef-section-title .qodef-m-subtitle {font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 400;
  color: #b46d66;
  margin: 0 0 14px;}
.qodef-section-title .qodef-m-text {margin: 19px 0 0;}
.qodef-section-title.qodef-alignment--center {text-align: center;}
.qodef-section-title.qodef-alignment--left {text-align: left;}
.qodef-section-title.qodef-alignment--right {text-align: right;}
.qodef-single-image.qodef-has-appear .qodef-m-image {-webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: 1s cubic-bezier(0.39, 0.58, 0.57, 1);}
.qodef-single-image.qodef-has-appear.qodef--appeared .qodef-m-image {-webkit-clip-path: inset(0 -1px 0 0);
          clip-path: inset(0 -1px 0 0);}
.qodef-single-image .qodef-m-image a {position: relative;
  display: block;}
.qodef-single-image img {display: block;}
.qodef-single-image.qodef-image-alignment--left img {margin: 0 auto 0 0;}
.qodef-single-image.qodef-image-alignment--center img {margin: 0 auto;}
.qodef-single-image.qodef-image-alignment--right img {margin: 0 0 0 auto;}
.qodef-video-button {position: relative;
  display: inline-block;
  vertical-align: middle;}
@media screen and (min-width: 1921px) {
.qodef-video-button {width: 100%;}
.qodef-video-button .qodef-m-image img {width: 100%;}
}
.qodef-video-button .qodef-m-play {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 55px;
  line-height: 1;}
.qodef-video-button .qodef-m-play .qodef-icon-ionicons {display: block;
  position: relative;
  z-index: 1;}
.qodef-video-button .qodef-m-play .qodef-icon-ionicons:before {display: block;
  line-height: inherit;}
.qodef-video-button .qodef-m-play .qodef-m-play-circle {position: absolute;
  top: 50%;
  left: 50%;
  width: 235px;
  height: 235px;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(1.05);
  transition: transform .3s ease-out;}
@media only screen and (max-width: 1024px) {
.qodef-video-button .qodef-m-play .qodef-m-play-circle {width: 120px;
    height: 120px;}
}
.qodef-video-button .qodef-m-play:hover .qodef-m-play-inner .qodef-m-play-circle {transform: translate(-50%, -50%) scale(1);}
.qodef-video-button.qodef-fullscreen-layout--enabled .qodef-m-image img {display: block;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;}
@media only screen and (max-width: 1024px) {
.qodef-section-title.qodef-title-break--disabled .qodef-m-title br {display: none;}
}