body { margin: 0; padding: 0; font-family: 'Roboto' !important; display: none }  .appContainer { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }  #openMenuBtn { display: none }  header { background: #fff; position: absolute; top: 0; left: 0; right: 0; color: #fff; text-align: center; z-index: 1; }  header.fullscreen .headerContent { height: auto }  header .headerContent { max-width: 1200px; width: 100%; height: 100px; position: relative; display: inline-block; margin: auto; text-align: left; }  header .headerContent:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0 }  header .headerContent .logo { display: inline-block; vertical-align: middle; margin-left: 20px; margin-bottom: 5px; transition: all ease .3s; }  header .headerContent .logo img { width: 200px }  header .headerContent.isAnimated .logo { animation: showDelay0 ease .5s }  header .headerContent h1.pitch { font-size: 13px; color: #999; text-transform: uppercase; margin: 0; font-weight: normal; padding: 0; margin-left: 10px; vertical-align: middle; position: absolute; left: 220px; top: 50px; }  header .headerContent h1.pitch span { position: relative; display: inline-block }  header .headerContent.isAnimated h1.pitch span { animation: showDelay1 ease .6s; }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+1) { animation: showDelay2 ease .7s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+2) { animation: showDelay3 ease .8s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+3) { animation: showDelay4 ease .9s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+4) { animation: showDelay5 ease 1s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+5) { animation: showDelay6 ease 1.1s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+6) { animation: showDelay6 ease 1.2s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+7) { animation: showDelay6 ease 1.3s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+8) { animation: showDelay6 ease 1.4s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+9) { animation: showDelay6 ease 1.5s }  header .headerContent.isAnimated h1.pitch span:nth-child(10n+10) { animation: showDelay6 ease 1.6s }  @media screen and (max-width: 600px) { header .headerContent .logo { margin-left:15px }  header .headerContent h1.pitch { left: 10px; top: 75px } }  .hiddenBlock { display: none }  .legendImageBlock { text-align: center; }  .legendImageBlock img { margin-top: 40px; max-width: 100% }  .badgeBlock { display: inline-block; margin: 10px; }  @media screen and (max-width: 600px) { .badgeBlock { display:block; margin: 5px; width: 100%; text-align: left } }  .badgeBlock .badgeNumber { display: inline-block; margin-right: 10px; width: 40px; height: 40px; line-height: 36px; text-align: center; font-weight: bold; background: #58c1e7; border-radius: 50%; font-size: 18px; border: 3px solid #2bb0e1; color: #fff; vertical-align: middle }  .badgeBlock .badgeDescription { color: #fff; display: inline-block; font-size: 18px; vertical-align: middle; }  @media screen and (max-width: 600px) { .badgeBlock .badgeDescription { font-size:14px } }  @media screen and (max-width: 600px) { .fullScreen .selectLanguage { top:10px } }  .illuHexagone { margin: 40px 0 }  .hideHiddenBlock i { color: #fff; margin-top: 40px; font-size: 40px; margin-bottom: -40px; cursor: pointer; }  .hideHiddenBlock i:hover { color: #58c1e7 }  .homeVideo { display: none; background-color: #000; }  .fullScreen .homeVideo { width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; position: absolute; display: block }  .mainMenu { position: absolute; top: 60px; right: 0; height: 30px; z-index: 2; line-height: 9px; animation: fadeIn ease 2s; }  .mainMenu .mainMenuItem { display: inline-block; margin: 0 10px; }  .mainMenu .mainMenuItem a { vertical-align: middle; text-decoration: none; color: white; /* fab ex 999*/ }  .mainMenu .mainMenuItem a:hover { color: #333 }  .fullScreen .mainMenu .mainMenuItem a span.title { display: none }  .mainMenu .mainMenuItem.current a { font-weight: bold }  .mainMenu .mainMenuItem:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle }  @media screen and (max-width: 600px) { .fullScreen .mainMenu { width:100%; position: relative; margin: 0; animation: none; height: auto; left: 0; top: 30px; }  .fullScreen .mainMenu .mainMenuContent { text-align: center }  .fullScreen .mainMenu .mainMenuItem { display: block; height: 300px !important; position: relative; margin: 0; animation: showDelay1 ease 1s; }  .fullScreen .mainMenu .mainMenuItem a { z-index: 2; height: 100%; width: 100%; text-align: center; background: rgba(0,0,0,0.1); left: 0; position: absolute; transition: all ease .5s } }  @media screen and (min-width: 600px) { .fullScreen .mainMenu { width:100%; position: relative; margin: 100px auto 0 auto; animation: none; }  .fullScreen .mainMenu .mainMenuItem { top: 100px; position: fixed; font-size: 30px; right: 65%; left: 0; height: 50px; text-align: center; margin: 0; overflow: hidden; transition: width ease .5s,left ease .5s,right ease .5s,border ease .5s; background: #fff; border-top: 0 solid #eee; border-bottom: 0 solid #fff; }  .fullScreen .mainMenu .mainMenuItem:after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; transition: all ease .5s }  .fullScreen .mainMenu .mainMenuItem:hover { right: 50%; z-index: 2; width: auto; }  .fullScreen .mainMenu .mainMenuItem:hover:after { opacity: 1; box-shadow: 0 0 200px #000 inset }  .fullScreen .mainMenu .mainMenuItem:hover .mainMenuItemBigPitchTitle1 { transform: translateY(-20px) }  .fullScreen .mainMenu .mainMenuItem:hover .mainMenuItemBigPitchTitle2 { transform: translateY(-10px) }  .fullScreen .mainMenu .mainMenuItem:hover .mainMenuItemBigPitchAction { opacity: 1; transform: scaleY(1) translateY(40px) }  .fullScreen .mainMenu .mainMenuItem:hover .mainMenuItemImg { opacity: 1; transform: scale(1.1) }  .fullScreen .mainMenu .mainMenuItem:active:after { opacity: 0 }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+2) { left: 35%; right: 35%; }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+2):hover { left: 25%; right: 25% }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+2) .mainMenuItemImg { background-position-x: center; }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+3) { left: 65%; right: 0; width: auto; }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+3):hover { left: 50%; right: 0 }  .fullScreen .mainMenu .mainMenuItem:nth-child(n+3) .mainMenuItemImg { background-position-x: right; }  .fullScreen .mainMenu .mainMenuItem a { z-index: 2; height: 100%; width: 100%; text-align: center; background: rgba(0,0,0,0.1); left: 0; position: absolute; transition: all ease .5s } }  .blocTitle { text-align: center; padding: 40px 20px 0 20px; margin: 0 auto 20px auto; font-size: 35px; border-bottom: 1px solid #58c1e7; max-width: 1200px; font-family: 'Roboto condensed'; color: #58c1e7 }  .illustrationAndSideTextContainer { max-width: 1200px; margin: auto; padding: 20px; text-align: left; display: table; width: 100%; }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration { display: table-cell; width: 40%; vertical-align: top; }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration img { width: 100%; }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration img.circle { border-radius: 50%; height: 300px; object-fit: cover; object-position: top center }  .active .illustrationAndSideTextContainer .illustrationAndSideText_illustration img { animation: scaleDown ease 1s }  .illustrationAndSideTextContainer .illustrationAndSideText_text { display: table-cell; padding: 20px; font-size: 20px; line-height: 30px; color: #999; vertical-align: top; }  .illustrationAndSideTextContainer .illustrationAndSideText_text li { margin: 10px 0; margin-left: -40px; padding-right: 10px }  .contact { background: #333; color: #fff; text-align: center; display: inline-block; width: 100%; }  .contact .contactContainer { width: 100%; max-width: 1200px; margin: auto; }  .contact .contactContainer h2 { text-align: center; padding: 20px; font-size: 30px; font-weight: bold }  .contact .contactContainer .contactContent { padding: 20px; margin-bottom: 40px; }  .contact .contactContainer .contactContent .formElement { margin: 10px; display: inline-block; padding: 5px; width: 40%; }  .contact .contactContainer .contactContent .formElement input { padding: 6px 12px }  .contact .contactContainer .contactContent .formElement input,.contact .contactContainer .contactContent .formElement .formSelect,.contact .contactContainer .contactContent .formElement .btn { margin: 0; font-size: 18px; height: 40px; width: 100%; color: #fff; border: 0; vertical-align: middle; border-bottom: 2px solid #fff; background: rgba(255,255,255,0.1); }  .contact .contactContainer .contactContent .formElement input:focus,.contact .contactContainer .contactContent .formElement .formSelect:focus,.contact .contactContainer .contactContent .formElement .btn:focus { outline: none; border-bottom: 2px solid #58c1e7; color: #58c1e7 }  .contact .contactContainer .contactContent .formElement label { font-size: 15px; display: block; text-align: left; vertical-align: middle }  .blocText { text-align: center; }  .blocText .blocTextContainer { margin: auto; width: 100%; max-width: 1200px; padding: 20px }  .blocText .blocTextContent { font-size: 20px; line-height: 30px; color: #999; text-align: center; margin-bottom: 40px; }  @media screen and (max-width: 600px) { .blocText .blocTextContent p { text-align:justify } }  .blocText img { max-width: 1200px; }  .blocText img.blocReference { max-width: 150px }  .active .blocText img { animation: illustrationAnimationHome ease 1s }  .subMenu { position: absolute; top: 100px; height: 50px; background: #eee; z-index: 1; width: 100%; animation: subMenuAnimation ease 1s; box-shadow: 0 1px 2px rgba(0,0,0,0.35); }  .subMenu .logoMain { position: absolute; left: 20px; top: -10px; opacity: 0; transition: all ease .3s }  .subMenu.isFixed { position: fixed; z-index: 2; top: 0; }  .subMenu.isFixed .logoMain { top: 10px; opacity: 1; left: 20px }  .subMenu.isFixed .subMenuItem:nth-child(2) { margin-left: 160px; }  @media screen and (max-width: 600px) { .subMenu.isFixed .subMenuItem:nth-child(2) { margin:0 } }  .subMenu .subMenuContainer { max-width: 1200px; margin: auto; width: 100%; overflow: hidden; position: relative }  .subMenu .subMenuContent { padding: 0 10px; position: relative; height: 50px }  .subMenu .subMenuItem { text-decoration: none; padding: 0 10px; height: 50px; display: inline-block; color: #999; font-size: 15px; animation: fadeIn ease .6s; vertical-align: middle; line-height: 50px; transition: all ease .3s; border-bottom: 5px solid transparent; }  .subMenu .subMenuItem:hover { color: #333 }  .subMenu .subMenuItem.active { color: #58c1e7; border-bottom: 5px solid #58c1e7 }  .subMenu .subMenuItem:nth-child(10n+2) { animation: showDelay3 ease .8s; padding: 0 10px 0 20px }  .subMenu .subMenuItem:nth-child(10n+3) { animation: showDelay4 ease .9s }  .subMenu .subMenuItem:nth-child(10n+4) { animation: showDelay5 ease 1s }  .subMenu .subMenuItem:nth-child(10n+5) { animation: showDelay6 ease 1.1s }  .subMenu .subMenuItem:nth-child(10n+6) { animation: showDelay6 ease 1.2s }  .subMenu .subMenuItem:nth-child(10n+7) { animation: showDelay6 ease 1.3s }  .subMenu .subMenuItem:nth-child(10n+8) { animation: showDelay6 ease 1.4s }  .subMenu .subMenuItem:nth-child(10n+9) { animation: showDelay6 ease 1.5s }  .subMenu .subMenuItem:nth-child(10n+10) { animation: showDelay6 ease 1.6s }  .anchor { top: -50px; display: block; position: relative; visibility: hidden }  .pageSpecificContent { padding-top: 150px; overflow-x: hidden }  .illustrationSVG { width: 100%; margin-top: 40px }  section.illustration { overflow: hidden; position: relative; text-align: center; z-index: 0; }  section.illustration video { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; background-color: #000 }  section.illustration.caseStudy { min-height: none }  section.illustration.forcedAutoHeight { height: auto !important; min-height: auto !important }  section.illustration:before { content: ""; display: inline-block; position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; animation: fadeIn ease 2s }  section.illustration.blueBg:before { background: #000; opacity: .7; animation: fadeIn2 ease 2s }  section.illustration:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 }  section.illustration .blocFeatureIconContainer { color: #fff }  section.illustration .illustrationPitch { position: absolute; bottom: 0; width: 100%; background: rgba(255,255,255,0.5); color: #fff; text-align: center; font-size: 20px; line-height: 25px; text-shadow: 0 0 5px rgba(0,0,0,0.5); font-weight: bold; top: 0; }  section.illustration .illustrationPitch span { vertical-align: middle; line-height: 35px; font-size: 25px; display: inline-block }  section.illustration .illustrationPitch:before { content: ''; height: 100%; display: inline-block; vertical-align: middle }  section.illustration .illustrationPitch.dark { background: rgba(0,0,0,0.6) }  section.illustration .illustrationPitch.blue { background: rgba(8,41,53,0.67) }  section.illustration .logoMyVoltalis { margin-bottom: 10px }  section.illustration img.bg { display: block; height: 100%; top: 0; position: absolute; width: 100%; object-fit: cover; margin: auto }  section.illustration img.bgSvg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: .7; object-position: center center }  section.illustration.active img.bg,section.illustration.active img.bgSvg { animation: scaleDown ease 1.5s }  section.illustration.active .illustrationPitch span { animation: scaleUp ease .5s }  .active section.illustration img.bg,.active section.illustration img.bgSvg { animation: scaleDown ease 1.5s }  .active section.illustration .illustrationPitch span { animation: scaleUp ease .5s }  .transformOriginLeft { transform-origin: left center; object-position: left center }  .transformOriginCenter { transform-origin: center center; object-position: center center }  .transformOriginRight { transform-origin: right center; object-position: right center }  .membersAccessBtn { font-size: 12px; font-weight: bold; color: #fff; background: #58c1e7; padding: 0 16px; margin-right:4px; position: absolute; top: 10px; right: 40px; height: 25px; line-height: 25px; text-decoration: none; cursor: pointer; transition: all ease .2s; }  .isAnimated .membersAccessBtn { animation: showDelay6 ease 1s }  @media screen and (max-width: 600px) { .membersAccessBtn { top:10px } }  .membersAccessBtn:hover,.membersAccessBtn:active,.membersAccessBtn visited,.membersAccessBtn:focus { text-decoration: none; color: #fff }  .blueBtn { font-size: 18px; font-weight: bold; color: #fff; background: #58c1e7; padding: 10px 20px; display: inline-block; border-radius: 5px; margin-top: 20px; text-decoration: none; cursor: pointer; transition: all ease .3s; box-shadow: 0 1px 3px rgba(0,0,0,0.35); }  .blueBtn.bigOne { font-size: 40px; padding: 20px 40px; }  @media screen and (max-width: 600px) { .blueBtn.bigOne { padding:10px 20px; font-size: 18px } }  .blueBtn:hover,.blueBtn:focus,.blueBtn:active,.blueBtn:visited { text-decoration: none; color: #fff }  .blueBtn:hover { transform: scale(1.05) }  .blueBtn:active { transform: scale(.95) }  .selectLanguage { display: block; position: absolute; top: 10px; right: 10px; color: #bbb; font-size: 12px; }  .isAnimated .selectLanguage { animation: showDelay6 ease 1s }  .selectLanguage .selectLanguageItem { cursor: pointer; color: #999; text-transform: uppercase; border: 1px solid #ccc; height: 25px; line-height: 24px; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 32px; text-align: center }  section.presentation { padding: 60px 20px; font-size: 16px; color: #999; text-align: center; line-height: 25px; position: relative; background: #fff; }  section.presentation.dark { box-shadow: none; background: linear-gradient(to bottom right,#3e3e3e,#232323); background: #fff; color: #ccc; }  section.presentation.dark .presentationContent .presentationDescription h2 { color: #fff }  section.presentation.dark .presentationContent .presentationIllustration svg path { fill: #666 }  section.presentation.dark .presentationContent .presentationIllustration .bluepod { box-shadow: 0 5px 20px rgba(0,0,0,0.35); color: #fff; background: linear-gradient(#444,#222); border-top: 2px solid #666; border-bottom: 2px solid #111 }  section.presentation .presentationContent { max-width: 1200px; margin: auto; text-align: left; display: table; }  section.presentation .presentationContent .presentationIllustration { display: table-cell; vertical-align: middle; }  section.presentation .presentationContent .presentationIllustration svg path { fill: #666 }  section.presentation .presentationContent .presentationIllustration .bluepod { width: 200px; height: 200px; box-shadow: 0 5px 20px rgba(0,0,0,0.35); margin: 20px; font-weight: bold; text-align: center; border-radius: 20px; background: linear-gradient(#eee,#ddd); border-top: 2px solid #fff; border-bottom: 2px solid #999; animation: bluepodAnimation ease .5s; }  section.presentation .presentationContent .presentationIllustration .bluepod:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 }  section.presentation .presentationContent .presentationIllustration .bluepod span { display: inline-block; vertical-align: middle }  section.presentation .presentationContent .presentationDescription { display: table-cell; vertical-align: middle; padding-left: 40px; }  section.presentation .presentationContent .presentationDescription h2 { font-size: 25px; line-height: 30px; text-transform: uppercase; font-weight: normal; color: #666; animation: showDelay0 ease 1s }  section.presentation .presentationContent .presentationDescription p { animation: showDelay1 ease 1s }  section.pitch { margin-top: 60px; text-align: center; background: #fff; padding: 5px 20px 5px 20px; position: relative; }  section.pitch h1 { font-size: 16px; color: #333; line-height: 30px; text-transform: uppercase; font-weight: normal }  footer { height: 100px; line-height: 20px; display: inline-block; width: 100%; text-align: center; padding: 20px; font-size: 13px; color: #999; background: #fff; }  footer:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 }  footer span { display: inline-block; vertical-align: middle }  footer.fullScreen { position: fixed; bottom: 0; }  @media screen and (max-width: 600px) { footer.fullScreen { position:relative; margin-top: 180px !important } }  .specialPitch { padding: 40px; font-size: 25px; line-height: 35px; border-Right: 10px #8bc117 solid; border-radius: 250px; border-left: 10px #58c1e7 solid; font-family: 'Roboto'; background: #efefef; margin-top: 40px; text-align: center; color: #666; font-weight: 100 }  .illustration .animatedBigNumberBlockAnimation { color: #fff }  .illustration .animatedBigNumberBlockTitle { color: #58c1e7 }  .illustrationInfoPitchContainer { position: relative; display: inline-block; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; text-align: center; }  .illustrationInfoPitchContainer:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 }  .blocFeatureIcon.whiteBg img { background: #fff; border: 3px solid #999 }  strong { font-family: 'Roboto condensed' }  .illustrationInfoPitchContent { position: relative; display: inline-block; vertical-align: middle; padding: 40px; z-index: 2; width: 100%; }  .illustrationInfoPitchContent .blocFeatureIcon img { border: 2px solid #fff; background: rgba(255,255,255,0.3); border-radius: 50%; }  .blueBg .illustrationInfoPitchContent .blocFeatureIcon img { background: #404040 }  .forcedAutoHeight .illustrationInfoPitchContent { margin-bottom: 0 }  @media screen and (max-width: 600px) { .illustrationInfoPitchContent { padding:20px }  .caseStudy .illustrationInfoPitchContent { padding: 10px } }  .illustrationInfoPitchContent h1,.illustrationInfoPitchContent h2 { color: #fff }  .illustrationInfoPitchContent h1 { font-size: 40px; line-height: 50px; margin: 20px; font-weight: 100; font-family: 'Roboto'; }  @media screen and (max-width: 600px) { .illustrationInfoPitchContent h1 { margin:10px 0; font-size: 30px; line-height: 40px } }  .illustrationInfoPitchContent h2 { font-size: 30px; line-height: 40px; font-weight: 100; margin: 20px; }  @media screen and (max-width: 600px) { .illustrationInfoPitchContent h2 { font-size:20px; line-height: 25px } }  .active .illustrationInfoPitchContent h1 { animation: showDelay0 ease 2s }  .active .illustrationInfoPitchContent h2 { animation: showDelay2 ease 2s }  .active .illustrationInfoPitchContent img { animation: showDelay3 ease 2s }  .active .illustrationInfoPitchContent .blueBtn { animation: showDelay3 ease 2s }  @media screen and (max-width: 600px) { .mainMenu { top:112px; left: 10px; right: auto }  .subMenu { opacity: 0; width: 0; background: #fff; }  .subMenu.isFixed { opacity: 1; width: 100% }  .subMenu .subMenuContent { padding: 0; }  .subMenu .subMenuContent .subMenuItem { padding: 0 20px; display: none; border: 0; border-left: 5px solid transparent; }  .subMenu .subMenuContent .subMenuItem.active { border: 0; border-left: 5px solid #58c1e7 }  .appContainer:before { content: ""; display: inline-block; position: fixed; top: 0; left: 0; height: 100%; background: #000; opacity: 0; width: 0; transition: opacity ease .5s; z-index: 2 }  .appContainer.menuOpen:before { opacity: .5; width: 100% }  .appContainer.menuOpen .subMenu { height: auto; z-index: 2 }  .appContainer.menuOpen .subMenuContent { height: auto; padding-top: 60px; }  .appContainer.menuOpen .subMenuContent .subMenuItem { display: block; animation: none }  #openMenuBtn { display: none; position: fixed; top: 0; right: 0; background: none; color: #999; padding: 0 20px; font-size: 15px; line-height: 50px; height: 50px; z-index: 10; cursor: pointer; }  #openMenuBtn:hover,#openMenuBtn:active { color: #333 }  #openMenuBtn.canBeDisplay { display: block } }  @media screen and (max-width: 1024px) { .illustrationInfoPitchContainer .illustrationInfoPitchContent h1 { font-size:30px; line-height: 35px; margin: 10px 0 }  .illustrationInfoPitchContainer .illustrationInfoPitchContent h2 { font-size: 20px; line-height: 25px }  .subMenu .subMenuItem { font-size: 13px; padding: 0 5px }  .blocTitle { padding: 20px; font-size: 25px }  .illustrationAndSideTextContainer { display: block; padding: 10px; text-align: justify; }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration,.illustrationAndSideTextContainer .illustrationAndSideText_text { display: block; width: auto }  .illustrationAndSideTextContainer .illustrationAndSideText_text { font-size: 15px; line-height: 24px }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration { text-align: center; width: 100%; }  .illustrationAndSideTextContainer .illustrationAndSideText_illustration img { height: 350px; display: inline-block }  .blocText .blocTextContainer { padding: 10px 20px; width: auto }  .blocText .blocTextContent { font-size: 15px; line-height: 24px } }  @media screen and (max-width: 600px) { header.fullScreen { position:relative }  .contact .contactContainer .contactContent { padding: 0 20px; }  .contact .contactContainer .contactContent .formElement { width: 100%; margin: 10px 0; padding: 0 }  .contact .contactContainer h2 { font-size: 25px; line-height: 35px } }  .featuresWithIconsContainer { display: block; position: relative; width: 100%; max-width: 1280px; margin: auto; padding: 20px 0 }  .specialCaseStudyBlock { background: rgba(255,255,255,0.2); padding: 20px 0 0 0; }  @media screen and (max-width: 600px) { .specialCaseStudyBlock { padding:10px } }  .specialCaseStudyBlockFree { color: #fff; font-size: 50px; line-height: 60px; text-align: center; background: #58c1e7; padding: 20px; font-family: 'Roboto condensed'; }  @media screen and (max-width: 600px) { .specialCaseStudyBlockFree { font-size:40px; line-height: 40px; padding: 10px } }  .marginText { margin: 20px 0 }  .boitier { display: block; margin: 20px auto }  .centerInfos { position: relative; z-index: 1 }  .blocFeatureIconContainer { display: inline-block; text-align: center; vertical-align: top; margin: 20px 0; }  .caseStudyBlock .blocFeatureIconContainer { text-align: left; padding-left: 40px }  @media screen and (max-width: 600px) { .blocFeatureIconContainer { width:100% !important; display: table !important }  .caseStudyBlock .blocFeatureIconContainer { padding-left: 0 } }  .active .blocFeatureIconContainer { animation: scaleDown ease 1s }  @media screen and (max-width: 600px) { .blocFeatureInfo { display:table-cell; text-align: left; vertical-align: middle } }  .blocFeatureIcon { text-align: center; vertical-align: middle; }  .caseStudyBlock .blocFeatureIcon img { width: 200px; height: 200px; }  @media screen and (max-width: 600px) { .caseStudyBlock .blocFeatureIcon img { width:80px; height: 80px } }  .blocFeatureIcon img { width: 100px; height: 100px; border-radius: 50%; font-size: 40px; line-height: 94px; display: inline-block; background: #f0f0f0 }  @media screen and (max-width: 600px) { .blocFeatureIcon { display:table-cell; width: 100px }  .caseStudyBlock .blocFeatureIcon { display: block; padding: 10px 0 }  .blocFeatureIcon img { width: 80px; height: 80px } }  .blocFeatureTitle { margin: 20px auto; font-size: 20px; line-height: 25px; max-width: 200px; font-family: 'Roboto condensed'; }  @media screen and (max-width: 600px) { .blocFeatureTitle { font-size:18px; line-height: 20px; max-width: none; padding: 0 10px; margin: 5px 0 } }  .active .blocFeatureTitle { animation: scaleDown ease 1s }  .blocFeatureDescription { margin: 10px 40px; font-size: 16px; line-height: 24px; }  @media screen and (max-width: 600px) { .blocFeatureDescription { margin:5px 10px; font-size: 15px; line-height: 18px } }  .blocsSquare { display: table }  .blocSquare { display: table-cell; background: #58c1e7; color: #fff; border: 20px solid #fff; width: 25%; vertical-align: middle; }  @media screen and (max-width: 600px) { .blocSquare { display:block; width: auto; border: 0; margin: 20px 0 } }  .blocSquareDescription { display: inline-block; padding: 20px }  .mainMenuItemBigPitch { position: absolute; top: 50%; left: 50%; color: #fff; animation: animationHPTitle ease 1s; display: none; }  .fullScreen .mainMenuItemBigPitch { display: block }  .mainMenuItemBigPitchTitle { position: absolute; top: 0; left: 0; transform: translate(-50%,-50%) }  .mainMenuItemBigPitchTitle1,.mainMenuItemBigPitchTitle2 { transition: all ease .5s; width: 300px; font-size: 45px; line-height: 50px; font-family: 'Roboto condensed'; opacity: 1 }  .mainMenuItemBigPitchTitle2 { margin-top: 10px; font-size: 20px; line-height: 25px; font-family: 'Roboto'; font-weight: 100; top: 20px }  .mainMenuItemBigPitchAction { margin-top: -40px; height: 40px; line-height: 40px; transform: scale(.8) translateY(30px); opacity: 0; overflow: hidden; display: inline-block; transition: all ease .5s; background: #58c1e7; padding: 0 20px; font-size: 20px; font-weight: bold; color: #fff; border-radius: 5px; text-decoration: none; cursor: pointer; text-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.35) }  .blocSquarePitch { background: #efefef; margin: 40px auto; display: block; padding: 40px; font-size: 30px; line-height: 40px; font-family: 'Roboto condensed'; border-Right: 10px #8bc117 solid; border-radius: 100px; border-left: 10px #58c1e7 solid; }  @media screen and (max-width: 600px) { .blocSquarePitch { border:0; margin: 0 0 20px 0 } }  .blocReferencesContainer { margin: 20px 10px; background: #eee; padding: 20px }  .blocReferencesTitle { font-size: 18px; line-height: 24px; font-weight: bold; margin: 10px 0 20px 0 }  .blocReference { margin: 10px; max-width: 150px }  .blocTextCollumn { display: inline-block; width: calc(50% - 20px); vertical-align: top; }  @media screen and (max-width: 600px) { .blocTextCollumn { width:100% } }  .animatedBigNumberBlock { display: inline-block; vertical-align: top; margin: 10px 0; }  @media screen and (max-width: 600px) { .animatedBigNumberBlock { margin:20px 0; display: block; width: auto !important } }  .active .animatedBigNumberBlock { animation: scaleUp ease .5s }  #voltalisisuniqueblock { padding: 40px 0 }  .animatedBigNumberBlockAnimationIcon { font-size: 90px; line-height: 90px }  .animatedBigNumberBlockAnimationValue { font-size: 90px; line-height: 90px; font-weight: bold; vertical-align: baseline; letter-spacing: -10px; }  @media screen and (max-width: 1000px) { .animatedBigNumberBlockAnimationValue { font-size:60px; line-height: 60px } }  .animatedBigNumberBlockAnimationUnit { vertical-align: baseline; font-size: 40px; margin-left: 10px; font-family: 'Roboto condensed' }  .animatedBigNumberBlockTitle { margin: 0 auto 0 auto; max-width: 300px; font-size: 20px; line-height: 24px; text-transform: uppercase; border-top: 1px solid #58c1e7; padding-top: 5px; }  @media screen and (max-width: 1000px) { .animatedBigNumberBlockTitle { font-size:18px; line-height: 24px; margin: 0 auto; font-weight: normal } }  .timeline { position: relative; margin: 40px 20px; }  @media screen and (max-width: 600px) { .timeline { margin:20px 0 } }  .timeline .timelineArrow { position: absolute; right: -4px; top: 33px; font-size: 13px; animation: fadeIn .5s ease; }  @media screen and (max-width: 600px) { .timeline .timelineArrow { position:absolute; left: 42px; bottom: -13px; transform: rotateZ(90deg); right: auto; top: auto } }  .timeline:before { content: ""; position: absolute; top: 46px; height: 2px; width: 100%; background: #ccc; display: inline-block; }  @media screen and (max-width: 600px) { .timeline:before { top:0; width: 2px; height: 100%; left: 47px } }  .timeline .timelineKey { display: inline-block; vertical-align: top; text-align: center; }  @media screen and (max-width: 600px) { .timeline .timelineKey { display:block; width: auto !important; text-align: left } }  .active .timeline .timelineKey { animation: showDelay0 ease .5s; }  .active .timeline .timelineKey:nth-child(1) { animation: showDelay1 ease .6s }  .active .timeline .timelineKey:nth-child(2) { animation: showDelay1 ease .7s }  .active .timeline .timelineKey:nth-child(3) { animation: showDelay1 ease .8s }  .active .timeline .timelineKey:nth-child(4) { animation: showDelay1 ease .9s }  .active .timeline .timelineKey:nth-child(5) { animation: showDelay1 ease 1s }  .active .timeline .timelineKey:nth-child(6) { animation: showDelay1 ease 1.1s }  .active .timeline .timelineKey:nth-child(7) { animation: showDelay1 ease 1.2s }  .active .timeline .timelineKey:nth-child(8) { animation: showDelay1 ease 1.3s }  .active .timeline .timelineKey:nth-child(9) { animation: showDelay1 ease 1.4s }  .active .timeline .timelineKey:nth-child(10) { animation: showDelay1 ease 1.5s }  .timeline .timelineKey:hover { color: #58c1e7; }  .timeline .timelineKey:hover .timelineKeyDate,.timeline .timelineKey:hover .timelineKeyDescription { transform: scale(1.5); }  @media screen and (max-width: 600px) { .timeline .timelineKey:hover .timelineKeyDate,.timeline .timelineKey:hover .timelineKeyDescription { transform:scale(1.2) } }  .timeline .timelineKeyDate { font-weight: bold; transition: all ease .3s; }  @media screen and (max-width: 600px) { .timeline .timelineKeyDate { display:inline-block } }  .timeline .timelineKeyLine { height: 10px; width: 2px; background: #ccc; display: inline-block; }  @media screen and (max-width: 600px) { .timeline .timelineKeyLine { display:inline-block; width: 11px; height: 2px; vertical-align: middle; margin: 0 10px } }  .timeline .timelineKeyDescription { font-size: 15px; line-height: 20px; transition: all ease .3s; background: rgba(255,255,255,0.5); padding: 5px; }  @media screen and (max-width: 600px) { .timeline .timelineKeyDescription { display:inline-block } }  @keyFrames openCaseStudyAnimation { 0% { max-height: 0 }  100% { max-height: 600px } }  .caseStudyContainer { max-width: 900px; width: 100%; display: inline-block; margin: 20px 0; animation: scaleUp ease 1s }  .caseStudyBlock { display: inline-block; vertical-align: middle; width: 50%; margin: 20px 0; }  .caseStudyBlock .blocFeatureIconContainer { width: 100% !important; margin: 0 }  .caseStudyBlock .blocFeatureInfo { display: block; text-align: center; margin: 10px auto; }  @media screen and (max-width: 800px) { .caseStudyBlock .blocFeatureInfo { display:table-cell; padding-left: 0 } }  @media screen and (max-width: 600px) { .caseStudyBlock .blocFeatureInfo { text-align:left } }  @media screen and (max-width: 800px) { .caseStudyBlock { width:100% } }  .caseStudyBlockContent { color: #fff; font-size: 20px; text-align: left; line-height: 30px; padding: 20px; background: rgba(255,255,255,0.1); font-family: 'Roboto'; font-weight: 100; }  @media screen and (max-width: 800px) { .caseStudyBlockContent { padding:10px 20px; font-size: 15px; line-height: 20px } }  .blueBlock { background: #58c1e7; padding: 20px; color: #fff; font-size: 25px; text-align: center; font-family: 'Roboto condensed'; }  @media screen and (max-width: 600px) { .blueBlock { font-size:15px; line-height: 20px; padding: 10px } }  .mailSuccess,.mailError { display: none; position: absolute; left: 0; right: 0; text-align: center; box-sizing: border-box; margin-top: -40px }  .mailSuccess { color: #9aea38 }  .mailError { color: #ea3838 }  .error { position: absolute; color: #ea3838 }  .requiredExplanation { margin-top: 10px; font-size: 12px; font-style: italic; text-align: center }  .bubbleBlockContainer { display: flex; justify-content: center; }  @media screen and (max-width: 600px) { .bubbleBlockContainer { flex-direction:column } }  .bubbleBlock { flex: 1; border: 1px solid #58c1e7; color: #58c1e7; font-size: 20px; line-height: 25px; font-family: "Roboto condensed"; margin: 20px; justify-content: center; align-self: center; padding: 20px; align-content: center; }  @media screen and (max-width: 600px) { .bubbleBlock { margin:5px; display: block; padding: 10px 0; align-self: auto } }  @-moz-keyframes showDelay0 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay0 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay0 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay0 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay1 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  5% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay1 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  5% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay1 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  5% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay1 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  5% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay2 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  10% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay2 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  10% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay2 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  10% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay2 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  10% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay3 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  15% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay3 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  15% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay3 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  15% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay3 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  15% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay4 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  20% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay4 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  20% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay4 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  20% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay4 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  20% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay5 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  25% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay5 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  25% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay5 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  25% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay5 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  25% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes showDelay6 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  30% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-webkit-keyframes showDelay6 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  30% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-o-keyframes showDelay6 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  30% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @keyframes showDelay6 { 0% { opacity: 0; transform: translate3D(0,20px,0) }  30% { opacity: 0; transform: translate3D(0,20px,0) }  100% { opacity: 1; transform: translate3D(0,0,0) } }  @-moz-keyframes scaleDown { 0% { transform: scale(1.1) }  100% { transform: scale(1) } }  @-webkit-keyframes scaleDown { 0% { transform: scale(1.1) }  100% { transform: scale(1) } }  @-o-keyframes scaleDown { 0% { transform: scale(1.1) }  100% { transform: scale(1) } }  @keyframes scaleDown { 0% { transform: scale(1.1) }  100% { transform: scale(1) } }  @-moz-keyframes illustrationAnimationHome { 0% { transform: scale(1.1); opacity: 0 }  100% { transform: translate3D(0,0,0) scale(1); opacity: 1 } }  @-webkit-keyframes illustrationAnimationHome { 0% { transform: scale(1.1); opacity: 0 }  100% { transform: translate3D(0,0,0) scale(1); opacity: 1 } }  @-o-keyframes illustrationAnimationHome { 0% { transform: scale(1.1); opacity: 0 }  100% { transform: translate3D(0,0,0) scale(1); opacity: 1 } }  @keyframes illustrationAnimationHome { 0% { transform: scale(1.1); opacity: 0 }  100% { transform: translate3D(0,0,0) scale(1); opacity: 1 } }  @-moz-keyframes scaleUp { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-webkit-keyframes scaleUp { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-o-keyframes scaleUp { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @keyframes scaleUp { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-moz-keyframes fadeIn { 0% { opacity: 0 }  100% { opacity: 1 } }  @-webkit-keyframes fadeIn { 0% { opacity: 0 }  100% { opacity: 1 } }  @-o-keyframes fadeIn { 0% { opacity: 0 }  100% { opacity: 1 } }  @keyframes fadeIn { 0% { opacity: 0 }  100% { opacity: 1 } }  @-moz-keyframes fadeIn2 { 0% { opacity: 0 }  100% { opacity: .7 } }  @-webkit-keyframes fadeIn2 { 0% { opacity: 0 }  100% { opacity: .7 } }  @-o-keyframes fadeIn2 { 0% { opacity: 0 }  100% { opacity: .7 } }  @keyframes fadeIn2 { 0% { opacity: 0 }  100% { opacity: .7 } }  @-moz-keyframes subMenuAnimation { 0% { box-shadow: 0 1px 3px rgba(0,0,0,0) }  100% { box-shadow: 0 1px 3px rgba(0,0,0,0.35) } }  @-webkit-keyframes subMenuAnimation { 0% { box-shadow: 0 1px 3px rgba(0,0,0,0) }  100% { box-shadow: 0 1px 3px rgba(0,0,0,0.35) } }  @-o-keyframes subMenuAnimation { 0% { box-shadow: 0 1px 3px rgba(0,0,0,0) }  100% { box-shadow: 0 1px 3px rgba(0,0,0,0.35) } }  @keyframes subMenuAnimation { 0% { box-shadow: 0 1px 3px rgba(0,0,0,0) }  100% { box-shadow: 0 1px 3px rgba(0,0,0,0.35) } }  @-moz-keyframes bluepodAnimation { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-webkit-keyframes bluepodAnimation { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-o-keyframes bluepodAnimation { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @keyframes bluepodAnimation { 0% { transform: scale(.8); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-moz-keyframes animationHPTitle { 0% { transform: scale(1.5); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-webkit-keyframes animationHPTitle { 0% { transform: scale(1.5); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @-o-keyframes animationHPTitle { 0% { transform: scale(1.5); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }  @keyframes animationHPTitle { 0% { transform: scale(1.5); opacity: 0 }  100% { transform: scale(1); opacity: 1 } }