@charset "UTF-8";
/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@font-face {
  font-family: "Ginger Light";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/fonts/GingerLt.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/fonts/GingerLt.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/GingerLt.otf") format("opentype"), url("/wp-content/fonts/GingerLt.ttf") format("truetype"), url("/wp-content/fonts/GingerLt.woff") format("woff"), url("/wp-content/fonts/GingerLt.woff2") format("woff2");
  /* Modern Browsers */
}
@font-face {
  font-family: "Ginger Regular";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("/wp-content/fonts/GingerRg.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/fonts/GingerRg.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/GingerRg.otf") format("opentype"), url("/wp-content/fonts/GingerRg.ttf") format("truetype"), url("/wp-content/fonts/GingerRg.woff") format("woff"), url("/wp-content/fonts/GingerRg.woff2") format("woff2");
  /* Modern Browsers */
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Roboto-Black";
  src: url("/wp-content/fonts/Roboto-Black.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/wp-content/fonts/Roboto-Black.otf") format("opentype"), url("/wp-content/fonts/Roboto-Black.ttf") format("truetype"), url("/wp-content/fonts/Roboto-Black.woff") format("woff"), url("/wp-content/fonts/Roboto-Black.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* Page header */
/* Specific link color for content */
.text-content-link-reverse {
  color: #d10074 !important;
}

.text-content-link-reverse:hover {
  color: #fff !important;
}

/* Border color for cookies table */
.cookies-table td {
  border: 1px solid gray;
}

h1, h2, h3, h4, h5, h6,
.stats-number {
  font-family: "Ginger Regular" !important;
  font-weight: 100;
}

/*FIX SELECT ARROW */
select:not(.elementor-field) {
  -webkit-appearance: menulist-button !important;
}

/* ********************************* */
html svg {
  width: 100%;
}
html.ie svg:not(#line-svg) {
  /* svg size broken */
  height: 100%;
}

html.vc_desktop * {
  vector-effect: non-scaling-stroke !important;
}

/* Ipad Pro 10.5 - Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  html.safari * {
    vector-effect: none !important;
  }
}
/* **************************************** */
/* More btn */
.vc_btn3-color-more-btn-color-normal,
.vc_btn3-color-more-btn-color-reverse {
  font-family: "Ginger Regular" !important;
  font-size: 0.9em !important;
  text-transform: uppercase;
  padding: 8px !important;
}

.vc_btn3-color-more-btn-color-normal {
  border: 2px solid #752864 !important;
  color: #752864 !important;
}
.vc_btn3-color-more-btn-color-normal:hover {
  background-color: #752864;
  color: #fff !important;
}

.vc_btn3-color-more-btn-color-reverse {
  border: 2px solid #fff !important;
  color: #fff !important;
}
.vc_btn3-color-more-btn-color-reverse:hover {
  color: #752864 !important;
  background-color: #fff;
}

/* **************************************** */
/* Section title */
.section-title {
  font-family: "Roboto-Black" !important;
  font-weight: bold;
  letter-spacing: normal;
  font-size: 18px;
  margin-bottom: 11px;
}
.section-title.color-purple {
  color: #752864;
}
.section-title.with-letter-spacing {
  letter-spacing: 1.5px;
}
.section-title .bloc-text p {
  line-height: 1.5;
  letter-spacing: normal;
}

#main {
  margin-bottom: -1px;
}

#btn-see-example {
  display: none;
  margin-top: 20px;
}

/* **************************************** */
.visually-hidden {
  opacity: 0;
}

/* **************************************** */
/*
Different Fix when font size module is activated
*/
.fontsize h1, .fontsize h2, .fontsize h3, .fontsize h4, .fontsize h5, .fontsize h6 {
  font-size: 3.5em !important;
  line-height: 100% !important;
}
.fontsize span,
.fontsize a.vc_btn3 {
  font-size: 115% !important;
}
.fontsize #inner-works svg#line-svg {
  /* Hide SVG Line */
  display: none !important;
}
.fontsize #wrapper-contact__content #wrapper-contact__text {
  /* Fix contact span size */
  font-size: 180% !important;
}

/* **************************************** */
/* MENU */
/* Login button */
.branding a img {
  width: 200px;
}

#primary-menu li:not(.menu-login-btn) .menu-text, #mobile-menu li:not(.menu-login-btn) .menu-text {
  font-family: "Ginger Light" !important;
  font-size: 18px;
}
#primary-menu .mymconcept-btn .menu-text, #mobile-menu .mymconcept-btn .menu-text {
  font-family: "Ginger Regular" !important;
  font-size: 1rem !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  color: white !important;
}
#primary-menu .mymconcept-btn a, #mobile-menu .mymconcept-btn a {
  background-color: #752864;
  height: 45px;
  padding: 0 20px !important;
  border-radius: 5px;
  border: 3px solid #752864;
  transition: 0.2s;
  font-size: 17px;
}
#primary-menu .mymconcept-btn a:hover, #mobile-menu .mymconcept-btn a:hover {
  background-color: white;
}
#primary-menu .mymconcept-btn a:hover .menu-text, #mobile-menu .mymconcept-btn a:hover .menu-text {
  color: #752864 !important;
}

/* Menu login */
.menu-login-btn a {
	padding: 0px;
}
.menu-login-btn .menu-item-text {
	background: #752864;
	border-radius: 5px;
	border: 2px solid transparent;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.menu-login-btn .menu-text {
	font-family: "Ginger Regular" !important;
	font-size: 0.9em !important;
	text-transform: uppercase !important;
	color: #fff !important;
}
.menu-login-btn a:hover .menu-item-text {
	background-color: transparent;
	border-color: #752864;
}
.menu-login-btn a:hover .menu-text {
	color: #752864 !important;
}
/* Header */
#wrapper-header {
  position: relative;
}
#wrapper-header.header-homepage {
  padding-bottom: calc(620 / 1148 * 100%);
  margin: 50px 0 !important;
}

/* ----------- */
#wrapper-header__headline {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
}
#wrapper-header__headline h2 {
  color: #752864;
  font-size: min(max(14px, 3vw), 50px);
  line-height: min(max(14px, 3vw), 50px);
}
#wrapper-header__headline ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transition-delay: 0.5s;
}
#wrapper-header__headline li {
  font-family: "Ginger Light" !important;
  color: #000;
  font-size: min(max(10px, 3vw), 30px);
  line-height: min(max(10px, 3vw), 40px);
}
#wrapper-header__headline h2, #wrapper-header__headline ul {
  transform: translateY(100px);
  opacity: 0;
  transition: 1s;
}
#wrapper-header__headline.visible h2, #wrapper-header__headline.visible ul {
  transform: translateY(0px);
  opacity: 1;
}

/* ----------- */
#wrapper-header__illustration {
  position: absolute;
  top: 15%;
  bottom: 0;
  left: 10%;
  right: 5%;
  transform: translateX(0%);
  background: transparent !important;
}
#wrapper-header__illustration .illustration__container {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: transparent !important;
}
#wrapper-header__illustration #illustration__container__bureau-blob {
  position: absolute;
  z-index: -1;
  width: calc(100% / 1.8);
  left: calc(-100% / 4.5);
  bottom: calc(-100% / 5);
}
#wrapper-header__illustration #illustration__container__salon-blob {
  position: absolute;
  z-index: -1;
  width: calc(100% / 1.8);
  right: calc(-100% / 5);
}

/* Page header */
#page-header .header-subtitle {
  font-family: "Ginger Light" !important;
  color: #000;
  font-size: 28px;
}
#page-header .illustration__container_header {
  position: relative;
  padding-bottom: calc(400 / 450 * 100%);
}
#page-header .illustration__container_header #illustration__container__blob,
#page-header .illustration__container_header #illustration__container__illu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent !important;
}
#page-header .illustration__container_header.normal #illustration__container__blob {
  transform: translateX(-15%);
}
#page-header .illustration__container_header.normal #illustration__container__illu {
  transform: translate(15%, 15%);
}
#page-header .illustration__container_header.reverse #illustration__container__blob {
  transform: translateX(25%);
}
#page-header .illustration__container_header.reverse #illustration__container__illu {
  transform: translate(0, 15%);
}

/* FIX IE */
.ie #wrapper-header.header-homepage svg {
  height: 520px;
}
.ie #wrapper-header #wrapper-header__headline h2, .ie #wrapper-header #wrapper-header__headline ul {
  transition: none;
  transform: translateY(0px);
  opacity: 1;
}

/* **************************************** */
.svg__item,
.svg__illustration {
  position: relative;
  background: transparent !important;
}

.svg__item {
  width: 50%;
  margin: 0 auto;
}
.svg__item.large {
  width: 65%;
}
.svg__item.big {
  width: 100%;
}
.svg__item .svg__blob {
  position: absolute;
  width: 100%;
  transition: 1.5s;
}
.svg__item.ie-fix-big {
  height: 300px;
}

html.ie .svg__item.big {
  height: 300px;
}

html.ie .svg__item.big .svg__blob,
html.ie .svg__item.big .svg__illustration {
  height: 100%;
}

html.mobile-false .svg__blob.blob_direction_right {
  transform: translateX(200px);
}
html.mobile-false .svg__blob.blob_direction_left {
  transform: translateX(-200px);
}
html.mobile-false .svg__blob.blob_direction_up {
  transform: translateY(200px);
}
html.mobile-false .svg__blob.blob_direction_down {
  transform: translateY(-200px);
}

/* Animation */
html.mobile-false div.animated .svg__blob.blob_direction_right, html.mobile-false div.animated .svg__blob.blob_direction_left {
  transform: translateX(0);
}
html.mobile-false div.animated .svg__blob.blob_direction_up, html.mobile-false div.animated .svg__blob.blob_direction_down {
  transform: translateY(0);
}

/* **************************************** */
.flex-reverse {
  flex-direction: row-reverse;
}

/*-----------------------*/
.first-step {
  align-items: flex-end !important;
}
.first-step .wrapper-works__content {
  padding-bottom: 100px;
}

/*-----------------------*/
#inner-works {
  position: relative;
  margin: 0 auto;
}
#inner-works svg {
  position: absolute;
  top: 0;
}

#wrapper-works .wrapper-works__step {
  display: flex;
  justify-content: space-between;
  /* ie 11 */
  justify-content: space-evenly;
  align-items: center;
  height: 502px;
}
#wrapper-works .wrapper-works__step .wrapper-works__content {
  display: flex;
  flex-direction: column;
  width: 400px;
}
#wrapper-works .wrapper-works__step .wrapper-works__content h4 {
  color: #752864;
  font-size: 24px;
  font-weight: 400;
}
#wrapper-works .wrapper-works__step .wrapper-works__img {
  width: 400px;
  height: 400px;
}
#wrapper-works .wrapper-works__step .wrapper-works__img img {
  width: 100%;
}

#works-wrapper .custom-more-btn {
  position: absolute;
  left: 45%;
  bottom: 46px;
  margin: 0;
}
#works-wrapper .custom-more-btn a {
  background: #f2f1f2;
}
#works-wrapper .custom-more-btn a:hover {
  background: #752864;
}

/* Animation */
.step-animation {
  opacity: 0;
  transition: 2.5s;
}
.step-animation .wrapper-works__content {
  transform: translateX(150px);
  transition: 1s;
}
.step-animation .wrapper-works__img {
  transform: translateX(-150px);
  transition: 1s;
}
.step-animation.visible {
  opacity: 1;
}
.step-animation.visible .wrapper-works__content,
.step-animation.visible .wrapper-works__img {
  transform: translateX(0);
}

.ie .step-animation {
  transition: none;
  opacity: 1;
  transform: translateX(0);
}
.ie .step-animation.flex-reverse .wrapper-works__content {
  transform: translateX(-150px);
  transition: 1s;
}
.ie .step-animation.flex-reverse .wrapper-works__img {
  transform: translateX(150px);
  transition: 1s;
}

/* **************************************** */
/* section Qui profite d’une mobilité durable ? */
.profite-text-wrapper {
  position: relative;
}
.profite-text-wrapper::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10 preview */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  /* IE6-8 */
}

/* **************************************** */
#wrapper-contact {
  position: relative;
  height: 0;
  padding-bottom: 55%;
}

#wrapper-contact__inner {
  position: absolute;
  top: 0;
  left: 75%;
  background: url(/wp-content/uploads/2020/05/contact-blob-grand.svg) no-repeat;
  width: 50%;
  transform: translate(-50%, 60%);
}
#wrapper-contact__inner::before {
  content: url("/wp-content/uploads/2020/04/contact-illustration.svg");
  width: 135%;
  left: -110%;
  top: -70%;
  position: absolute;
  background: transparent !important;
}
#wrapper-contact__inner::after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

body.page-decouvrez-best-practice #wrapper-contact,
body.page-discover-best-practices #wrapper-contact,
body.page-entdecken-sie-best-practice #wrapper-contact {
  padding-bottom: 60%;
}

#wrapper-contact__content {
  font-family: "Ginger Regular" !important;
  position: absolute;
  top: 50%;
  left: 15%;
  right: 5%;
  transform: translateY(-50%);
}
#wrapper-contact__content h1, #wrapper-contact__content span {
  color: #fff;
  display: block;
}
#wrapper-contact__content h1 {
  font-size: calc(1.8em + 1vw);
  line-height: calc(.7em + 1vw);
  font-weight: 100;
}
#wrapper-contact__content #wrapper-contact__text {
  font-size: calc(.9em + .5vw);
  line-height: calc(1em + .5vw);
  margin-bottom: 1em;
}
#wrapper-contact__content a {
  font-family: "Ginger Regular" !important;
  display: inline-block;
  padding: 0.8em 2em;
  background-color: #752864;
  border: 3px solid #752864;
  border-radius: 5px;
  text-decoration: none;
  font-size: calc(.7em + .5vw);
  color: #fff;
}
#wrapper-contact__content a:hover {
  color: #752864;
  background-color: transparent;
}

/* **************************************** */
.polygon-symbol {
  fill: #752864;
}

.polygon-wrapper {
  background: #752864;
  min-height: 400px;
}
.polygon-wrapper h1 {
  margin: 0;
  color: #fff;
}

/* **************************************** */
/* Slider page comment ? */
#content-carousel .slick-prev:before {
  content: url("/wp-content/uploads/assets/back-purple.svg") !important;
}
#content-carousel .slick-next:before {
  content: url("/wp-content/uploads/assets/next-purple.svg") !important;
}

#bottom-slider-wrapper-polygon {
  margin-bottom: 0;
}
#bottom-slider-wrapper-polygon svg {
  height: 7.75vw;
  position: relative;
  bottom: -9px;
}

[id^=tdt-slider-] .slick-slide {
  margin: 0 10px !important;
}
[id^=tdt-slider-] .slick-slide .carousel-caption > div > a {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 15px;
}
[id^=tdt-slider-] .slick-slide img {
  transition: 0.5s;
  margin: 0 !important;
}
[id^=tdt-slider-] .slick-slide img:hover {
  transform: scale(1.2);
}
[id^=tdt-slider-] .slick-slide .content-section {
  margin: 0 auto !important;
  font-size: 16px;
}
[id^=tdt-slider-] .slick-slide .content-section h2 {
  font-size: 18px !important;
  line-height: 22px !important;
}
[id^=tdt-slider-] .slick-slide .content-section .slider-title-link {
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.5px;
}
[id^=tdt-slider-] .slick-slide .content-section .slider-title-link:hover {
  text-decoration: underline;
}
[id^=tdt-slider-] .slick-arrow {
  width: 38px;
  height: 40px;
}
[id^=tdt-slider-] .slick-prev {
  left: -40px !important;
}
[id^=tdt-slider-] .slick-next {
  right: -40px !important;
}
[id^=tdt-slider-] .slick-prev:before, [id^=tdt-slider-] .slick-next:before {
  display: block;
  height: 31px;
  line-height: 30px;
  border-radius: 50%;
}
[id^=tdt-slider-] .slick-prev:before {
  content: url("/wp-content/uploads/assets/back.svg") !important;
}
[id^=tdt-slider-] .slick-next:before {
  content: url("/wp-content/uploads/assets/next.svg") !important;
  text-indent: 2px;
}

#bottom-slider-wrapper .slick-slide .content-section {
  color: #fff;
}
#bottom-slider-wrapper .slick-slide .content-section h2 {
  font-family: "Roboto-Black" !important;
  font-weight: bold !important;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  [id^=tdt-slider-] .slick-prev {
    left: 0 !important;
  }
  [id^=tdt-slider-] .slick-next {
    right: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  [id^=tdt-slider-] .content-section {
    width: 80%;
  }
}
/* **************************************** */
/*FOOTER*/
#footer .footer-links {
  margin-bottom: 30px;
}
#footer .footer-links li {
  display: inline-block;
  padding: 0 10px;
  font-size: 0.8rem;
  font-weight: 300;
  color: white;
}
#footer .footer-links a:hover {
  color: #d10074 !important;
}
#footer .wpml-ls-link:hover,
#footer .wpml-ls-current-language > a {
  color: #d10074 !important;
}
#footer #text-5 .textwidget, #footer #text-10 .textwidget, #footer #text-11 .textwidget {
  text-align: right;
}

#bottom-bar .wf-container-bottom {
  border-top: none;
}
#bottom-bar .wf-container-bottom .wf-float-left {
  font-size: 0.9rem;
  font-weight: 300;
}

/* **************************************** */
/* CONTRAST */
body.contrast .sticky-on.masthead:not(.masthead-mobile) {
  background: #000 !important;
}
body.contrast .polygon-symbol {
  fill: #000;
}
body.contrast #works-wrapper,
body.contrast .mobile-wrapper-concept,
body.contrast .vc_custom_1591098947446 {
  background-color: #000 !important;
}
body.contrast #inner-works svg {
  display: none;
}
body.contrast input, body.contrast textarea, body.contrast select {
  border: 1px solid grey !important;
}

/* PAGE */
/* Créons des habitudes durables dans votre entreprise */
#durable-carousel .slick-slider {
  width: 400px;
}

/* Page Best Practice */
#best-practice-list img {
  border-radius: 20px;
}

/* break work for best practice DE */
html[lang=de-DE] #best-practice-list .section-title,
html[lang=de-DE].fontsize * {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

div.wpforms-container-full .wpforms-form h3 {
  color: #752864;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #752864;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  width: 48%;
  float: right;
}
div.wpforms-container-full .wpforms-form .wpforms-field input, div.wpforms-container-full .wpforms-form .wpforms-field textarea, div.wpforms-container-full .wpforms-form .wpforms-field select {
  background-color: #f4f4f4;
  border: none;
  height: 60px;
  padding: 0 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-field textarea {
  height: 112px;
  padding: 15px;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
  font-family: "Ginger Regular" !important;
  background-color: #752864;
  border: 2px solid #752864 !important;
  border-radius: 5px;
  color: #fff !important;
  font-size: 0.9rem !important;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: transparent;
  color: #752864 !important;
}

/* Mobile */
@media only screen and (max-width: 600px) {
  div.wpforms-container-full .wpforms-form .wpforms-mobile-full {
    padding-left: 20px;
    padding-right: 20px;
  }
  div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    width: inherit;
    float: inherit;
  }
  div.wpforms-container-full .wpforms-form button[type=submit] {
    float: inherit;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (min-width: 2000px) {
  #wrapper-contact__content #wrapper-contact__text {
    font-size: 28px !important;
  }

  #wrapper-contact__content a {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 1650px) {
  body.page-best-practices #wrapper-contact-element {
    margin-bottom: 0;
  }
  body.page-best-practices #wrapper-contact {
    height: 750px;
  }
  body.page-best-practices #wrapper-contact #wrapper-contact__inner {
    top: 35%;
  }
}
/* Laptop - ipad pro 12.5 */
@media screen and (max-width: 1024px) {
  #inner-works svg#line-svg {
    height: 1320px;
  }

  #wrapper-works .wrapper-works__step {
    height: 420px;
  }
  #wrapper-works .wrapper-works__step .wrapper-works__img {
    width: 320px;
    height: 320px;
  }

  /* font size activated */
  html[lang=fr-FR].fontsize #wrapper-header.header-homepage {
    padding-bottom: calc(2200 / 1148 * 100%);
  }

  html[lang=en-US].fontsize #wrapper-header.header-homepage {
    padding-bottom: calc(1500 / 1148 * 100%);
  }

  html[lang=de-DE].fontsize #wrapper-header.header-homepage {
    padding-bottom: calc(1500 / 1148 * 100%);
  }

  .fontsize #wrapper-works .wrapper-works__step {
    height: 500px;
  }
  .fontsize #wrapper-contact__content h1 {
    font-size: 190% !important;
  }
  .fontsize #wrapper-contact__content #wrapper-contact__text {
    font-size: 150% !important;
  }
}
/* Laptop - ipad pro 10.5 */
@media screen and (max-width: 834px) {
  #inner-works svg#line-svg {
    height: 1060px;
  }

  #wrapper-works .wrapper-works__step {
    height: 340px;
  }
  #wrapper-works .wrapper-works__step .wrapper-works__img {
    width: 230px;
    height: 230px;
  }
  #wrapper-works.how-page .first-step .wrapper-works__content {
    padding-bottom: 30px;
  }
  #wrapper-works.how-page .wrapper-works__step .wrapper-works__content h4 {
    font-size: 20px;
  }
  #wrapper-works.how-page .wrapper-works__step .wrapper-works__content span {
    font-size: 13px;
  }

  #works-wrapper .wpb_content_element {
    margin-bottom: 0;
  }
  #works-wrapper .custom-more-btn {
    bottom: 55px;
  }

  /*--------------------------------------*/
  html #footer {
    text-align: center;
  }
  html #footer #text-5 .textwidget, 
  html #footer #text-10 .textwidget,
  html #footer #text-11 .textwidget {
    text-align: center !important;
  }
}
/* Tablet */
@media screen and (max-width: 768px) {
  .svg__item {
    width: 80%;
  }

  /* Page header */
  #page-header .header-subtitle {
    font-family: "Ginger Light" !important;
    color: #000;
    font-size: 22px;
  }
  #page-header .illustration__container_header.reverse {
    transform: translateX(-5%);
  }

  /*--------------------------------------*/
  #inner-works svg#line-svg {
    height: 1005px;
  }

  /*--------------------------------------*/
  #wrapper-works .wrapper-works__step {
    height: 320px;
  }

  .first-step {
    margin-top: inherit;
  }

  .first-step .wrapper-works__content {
    padding-bottom: 30px;
  }

  #wrapper-works .wrapper-works__step .wrapper-works__img {
    width: 200px;
    height: 200px;
  }

  #works-wrapper .custom-more-btn {
    position: relative;
    left: 0;
    bottom: 55px;
  }

  /*--------------------------------------*/
  #footer .wf-container {
    text-align: center;
  }

  #footer-logo {
    float: none;
  }

  #wrapper-works.how-page h4 {
    font-size: 20px;
  }
  #wrapper-works.how-page .wrapper-works__content span {
    font-size: 12px;
  }
}
/* Mobile */
@media screen and (max-width: 576px) {
  #wrapper-header.header-homepage {
    padding-bottom: calc(820 / 1148 * 100%);
  }

  #wrapper-header.header-homepage {
    height: 160px;
  }
  #wrapper-header.header-homepage h2 {
    font-size: 29px;
    line-height: inherit;
  }
  #wrapper-header.header-homepage #wrapper-header__headline li {
    font-size: 20px;
    line-height: inherit;
  }

  /*--------------------------------------*/
  #page-header .illustration__container_header.reverse #illustration__container__blob {
    transform: translateX(20%);
  }

  /*--------------------------------------*/
  #section-one-carousel {
    margin-bottom: 30px;
  }

  /*--------------------------------------*/
  .mobile-reverse-column {
    flex-direction: column-reverse;
  }

  /*--------------------------------------*/
  #wrapper-works .wrapper-works__step {
    height: 500px;
    flex-direction: column-reverse;
  }
  #wrapper-works.how-page .wrapper-works__step {
    height: inherit;
    margin-top: 30px;
  }
  #wrapper-works.how-page .wrapper-works__img {
    margin-bottom: 30px;
  }

  #wrapper-works #inner-works > svg {
    display: none;
  }

  .first-step .wrapper-works__img {
    margin: 0 auto;
  }

  .first-step .wrapper-works__content {
    padding-bottom: 0;
  }

  #wrapper-works .wrapper-works__step .wrapper-works__content {
    width: 100%;
  }

  #wrapper-works.how-page .wrapper-works__content span {
    font-size: inherit;
  }

  .wrapper-works-empty-space-first {
    height: 0 !important;
  }

  .wrapper-works-empty-space-second {
    height: 24px !important;
  }

  .vc_custom_1587543800237 .custom-more-btn {
    position: inherit;
  }

  /*--------------------------------------*/
  #wrapper-contact {
    padding-bottom: 65%;
  }
  #wrapper-contact #wrapper-contact__inner {
    left: 0;
    width: 100%;
    transform: translate(0, 0);
  }
  #wrapper-contact #wrapper-contact__inner::before {
    display: none;
  }

	body.page-decouvrez-best-practice #wrapper-contact,
	body.page-discover-best-practices #wrapper-contact,
	body.page-entdecken-sie-best-practice #wrapper-contact {
    padding-bottom: 75%;
  }

  /*--------------------------------------*/
  #bottom-slider-wrapper-polygon {
    line-height: 27px;
  }
  #bottom-slider-wrapper-polygon svg {
    width: 103%;
  }

  html.mobile-true [id^=tdt-slider-] .slick-arrow {
    display: none !important;
  }

  /*--------------------------------------*/
  #footer .wf-container {
    text-align: center;
  }

  #footer-logo {
    float: none;
  }

  .fontsize #wrapper-header.header-homepage #wrapper-header__headline li {
    line-height: 35px;
  }
  .fontsize #wrapper-works .wrapper-works__step {
    height: 650px;
  }
  .fontsize #wrapper-works.how-page .wrapper-works__step {
    height: 770px;
  }
  .fontsize #wrapper-contact {
    padding-bottom: 80%;
  }
  .fontsize #wrapper-contact #wrapper-contact__inner {
    left: -15px;
    width: 108%;
  }
  .fontsize #wrapper-contact #wrapper-contact__content h1 {
    font-size: 200% !important;
  }
  .fontsize #wrapper-contact #wrapper-contact__content #wrapper-contact__text {
    font-size: 160% !important;
  }
  .fontsize #best-practice-list span.section-title {
    font-size: 150% !important;
  }
}
/* **************************************** */
/* TO REMOVE */
/* **************************************** */
body {
  background-color: #752864 !important;
}

.aiowps-site-lockout-box {
  border: none !important;
}

#under_ct {
  color: #fff;
  margin-top: 80px;
}

.ult-animation.ult-animate-viewport.ult-no-mobile {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
}

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