@charset "utf-8"; /** {-webkit-box-sizing:border-box;box-sizing:border-box}*/ .computer{ display:block;} .phone{ display:none;} #section-home {position:relative;height:100vh;min-height:700px; overflow:hidden;} #section-home .container-caroussel {position:relative;height:100%;min-height:700px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-bg {position:absolute;top:0;left:0;width:100%;height:100vh;min-height:700px;overflow:hidden} #section-home .container-caroussel .container-bg:after {content:'';position:absolute;z-index:2;width:100%;height:20vh;max-height:calc(100vh - 700px);background-color:#fff;left:0;bottom:0;will-change:transform;-webkit-transform:translateZ(0) translateY(100%);-ms-transform:translateZ(0) translateY(100%);transform:translateZ(0) translateY(100%);-webkit-transition:all 1s cubic-bezier(0,.785,0,1);-o-transition:all 1s cubic-bezier(0,.785,0,1);transition:all 1s cubic-bezier(0,.785,0,1)} #section-home .container-caroussel .container-bg.show:after {-webkit-transform:translateZ(0) translateY(0%);-ms-transform:translateZ(0) translateY(0%);transform:translateZ(0) translateY(0%)} #section-home .container-caroussel .container-bg .bg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} #section-home .container-caroussel .container-bg .bg.bg-lecollectionist {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,right top,left top,from(#FAF0E7),to(#EFE5DC));background:-webkit-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:-o-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:linear-gradient(270deg,#FAF0E7 0%,#EFE5DC 100%)} #section-home .container-caroussel .container-bg .bg.bg-orangelabs {background:-webkit-gradient(linear,right top,left top,from(#F60),to(#EF8402));background:-webkit-linear-gradient(right,#F60 0%,#EF8402 100%);background:-o-linear-gradient(right,#F60 0%,#EF8402 100%);background:linear-gradient(270deg,#F60 0%,#EF8402 100%)} #section-home .container-caroussel .container-bg .bg.bg-mondocteur {background-color:#ff6c75} #section-home .container-caroussel .container-bg .bg.show {opacity:1} #section-home .container-caroussel .container-text {width:40%;position:absolute;z-index:2;top:calc(50% + 40px);right:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text.container-text2{ left: -117%; right: 0; width: 120%; top: calc(50% + -28px); } #section-home .container-caroussel.show-qonto .container-text,#section-home .container-caroussel.show-qonto .container-text a {color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text,#section-home .container-caroussel.show-lecollectionist .container-text a {color:#fff} #section-home .container-caroussel.show-marks .container-text,#section-home .container-caroussel.show-marks .container-text a {color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text,#section-home .container-caroussel.show-orangelabs .container-text a {color:#fff} #section-home .container-caroussel.show-mondocteur .container-text,#section-home .container-caroussel.show-mondocteur .container-text a {color:#fff} #section-home .container-caroussel .container-text>p:nth-child(1) {opacity:0;font-family:National-Regular;font-size:32px;margin-bottom:8px;position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>p.show:nth-child(1) {opacity:.5} #section-home .container-caroussel .container-text>p:nth-child(1):before {content:'';position:absolute;top:50%;right:calc(100% + 11px);height:1px;width:19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-lecollectionist .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-marks .container-text>p:nth-child(1):before {background-color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel.show-mondocteur .container-text>p:nth-child(1):before {background-color:#fff} #section-home .container-caroussel .container-text>p:nth-child(2) { font-family: Source Han Sans CN;;font-size:34px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(3) { font-family: Source Han Sans CN;font-size:34px;font-weight: bold;height: 56px;} #section-home .container-caroussel .container-text>p:nth-child(2) span,#section-home .container-caroussel .container-text>p:nth-child(3) span {white-space:pre;display:inline-block;opacity:0;will-change:transform;-webkit-transform:translateZ(0) translateY(-100px);-ms-transform:translateZ(0) translateY(-100px);transform:translateZ(0) translateY(-100px);-webkit-transition:all .5s cubic-bezier(.045,.855,.1,.955);-o-transition:all .5s cubic-bezier(.045,.855,.1,.955);transition:all .5s cubic-bezier(.045,.855,.1,.955)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(1) {-webkit-transform:translateY(-100px) translateX(-100px);-ms-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(1) {opacity:1;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(3) {-webkit-transform:translateY(-170px) translateX(100px);-ms-transform:translateY(-170px) translateX(100px);transform:translateY(-170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(3) {opacity:1;-webkit-transform:translateY(-170px);-ms-transform:translateY(-170px);transform:translateY(-170px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(5) {-webkit-transform:translateY(-50px) translateX(50px);-ms-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(5) {opacity:1;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(7) {-webkit-transform:translateY(-20px) translateX(100px);-ms-transform:translateY(-20px) translateX(100px);transform:translateY(-20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(7) {opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-70px) translateX(40px);-ms-transform:translateY(-70px) translateX(40px);transform:translateY(-70px) translateX(40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(9) {opacity:1;-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-90px) translateX(60px);-ms-transform:translateY(-90px) translateX(60px);transform:translateY(-90px) translateX(60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(11) {opacity:1;-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(1) {-webkit-transform:translateY(100px) translateX(-100px);-ms-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(1) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(3) {-webkit-transform:translateY(170px) translateX(100px);-ms-transform:translateY(170px) translateX(100px);transform:translateY(170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(3) {opacity:1;-webkit-transform:translateY(170px);-ms-transform:translateY(170px);transform:translateY(170px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(5) {-webkit-transform:translateY(50px) translateX(50px);-ms-transform:translateY(50px) translateX(50px);transform:translateY(50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(5) {opacity:1;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(7) {-webkit-transform:translateY(20px) translateX(100px);-ms-transform:translateY(20px) translateX(100px);transform:translateY(20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(7) {opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(9) {-webkit-transform:translateY(70px) translateX(-40px);-ms-transform:translateY(70px) translateX(-40px);transform:translateY(70px) translateX(-40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(9) {opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(11) {-webkit-transform:translateY(140px) translateX(-80px);-ms-transform:translateY(140px) translateX(-80px);transform:translateY(140px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(11) {opacity:1;-webkit-transform:translateY(140px);-ms-transform:translateY(140px);transform:translateY(140px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(13) {-webkit-transform:translateY(60px) translateX(-80px);-ms-transform:translateY(60px) translateX(-80px);transform:translateY(60px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(13) {opacity:1;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(15) {-webkit-transform:translateY(100px) translateX(-60px);-ms-transform:translateY(100px) translateX(-60px);transform:translateY(100px) translateX(-60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(15) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text.slide-2>p:nth-child(2) span,#section-home .container-caroussel .container-text.slide-2>p:nth-child(3) span,#section-home .container-caroussel .container-text.show>p:nth-child(2) span,#section-home .container-caroussel .container-text.show>p:nth-child(3) span {-webkit-transition:all .75s cubic-bezier(.045,.855,.1,.955);-o-transition:all .75s cubic-bezier(.045,.855,.1,.955);transition:all .75s cubic-bezier(.045,.855,.1,.955);opacity:1;-webkit-transform:translateZ(0px) translateY(0px);-ms-transform:translateZ(0px) translateY(0px);transform:translateZ(0px) translateY(0px)} #section-home .container-caroussel .container-text .btn {padding:15px 20px;border-radius:3px;display:inline-block;text-decoration:none;margin-top:50px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>.btn.show {opacity:1} #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.bg.show-lecollectionist .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-lecollectionist .container-text .btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.bg.show-marks .container-text .btn {background-color:rgba(0,0,0,.2)} #section-home .container-caroussel .container-text .btn p { font-family: Source Han Sans CN;font-size:18px;font-weight: bold;} #section-home .container-caroussel .wrapper-container-el {z-index:2;position:absolute;top:calc(50% + 40px);left:50%;width:35%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #section-home .container-caroussel .wrapper-container-el .container-el {position:relative} #section-home .container-caroussel>.btn {position:absolute;z-index:2;top:50%;right:60px;height:35px;width:35px;border-radius:30px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn.show {opacity:1} #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-lecollectionist>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.show-marks>.btn {background-color:rgba(54,63,84,.2)} #section-home .container-caroussel>.btn .arrow {stroke:none!important;height:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn .progress {position:absolute;top:50%;left:50%;height:38px;width:38px;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)} #section-home .container-caroussel>.btn .progress circle:nth-child(1) {fill:none!important;stroke-width:4px;stroke-dasharray:339.292;stroke-dashoffset:339.292;-webkit-transition:stroke-dashoffset 0s ease;-o-transition:stroke-dashoffset 0s ease;transition:stroke-dashoffset 0s ease} #section-home .container-caroussel>.btn .progress.active circle:nth-child(1) {-webkit-transition:stroke-dashoffset 6s linear;-o-transition:stroke-dashoffset 6s linear;transition:stroke-dashoffset 6s linear;stroke-dashoffset:0} #section-home .container-caroussel.show-qonto>.btn .arrow,#section-home .container-caroussel.show-qonto>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-lecollectionist>.btn .arrow,#section-home .container-caroussel.show-lecollectionist>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#20242e;stroke:#20242e} #section-home .container-caroussel.show-orangelabs>.btn .arrow,#section-home .container-caroussel.show-orangelabs>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel.show-mondocteur>.btn .arrow,#section-home .container-caroussel.show-mondocteur>.btn .progress circle {fill:#fff;stroke:#fff} #section-home .container-caroussel .container-ms {position:absolute;z-index:1;left:50%;bottom:38px;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-ms.show {opacity:1} #section-home .container-caroussel .container-ms svg {height:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-ms svg {fill:#fff} #section-home .container-caroussel.show-lecollectionist .container-ms svg {fill:#fff} #section-home .container-caroussel.show-marks .container-ms svg {fill:#363f54} #section-home .container-caroussel.show-orangelabs .container-ms svg {fill:#fff} #section-home .container-caroussel.show-mondocteur .container-ms svg {fill:#fff} #section-home .container-ms svg path:nth-child(1) {opacity:.3} #section-home .container-ms svg path:nth-child(2) {animation:containerMsScroll 3s ease infinite;-webkit-animation:containerMsScroll 3s ease infinite} @keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } @-webkit-keyframes containerMsScroll {0% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)} 100% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} } .container-el.el-ly .el {display:none;text-decoration:none;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;position:relative;text-align:center;opacity:0;-webkit-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease} .container-el.el-ly .el.displayBlock {display:block} .container-el.el-ly .el.show {opacity:1} .container-el.el-ly .el.hide {-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:0} .container-el.el-ly .el .link-zone {cursor:pointer;position:absolute;left:0;top:0;height:100%;width:100%;z-index:1} .container-el.el-ly .el .container-illu {position:relative;height:21vw;width:100%} .container-el.el-ly .el .container-illu .container-obj {position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transform:translateZ(-50px);-ms-transform:translateZ(-50px);transform:translateZ(-50px)} .container-el.el-ly .el .container-illu .container-device {height:100%;width:100%;z-index: 22;position: relative;} .container-el.el-ly .el .container-illu .container-device .device.desktop .head {position:absolute;z-index:1;left:0;top:0;width:100%;height:21px;background-color:#fff;border-radius:5px 5px 0 0} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn {position:absolute;height:5px;width:5px;border-radius:3px;top:50%;background-color:#232426;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:.2} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(1) {left:6px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(2) {left:16px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(3) {left:26px} .container-el.el-ly .el.desktop .container-illu .container-device {-webkit-box-shadow:0 15px 28px 0 rgba(0,0,0,.3);box-shadow:0 15px 28px 0 rgba(0,0,0,.3);width:100%;height:100%;-webkit-transform-style:preserve-3d;will-change:transform;-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.desktop.show .container-illu .container-device {-webkit-transform:translateZ(0px) rotate3d(0,0,0,0deg);-ms-transform:translateZ(0px) rotate3d(0,0,0,0deg);transform:translateZ(0px) rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop.hide .container-illu .container-device {opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop .container-illu .container-device .device {height:100%;width:100%} .container-el.el-ly .el.desktop .container-illu .device .container-screen {width:100%;height:100%;position:relative;overflow:hidden; border-radius:10px 10px 0 0;} .container-el.el-ly .el.desktop .container-illu .device .container-screen img {position:absolute;top:0;left:0;width:100%} .container-el.el-ly .el.mobile .container-illu .device {height:100%;position:absolute;top:50%;filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3))} .container-el.el-ly .el.mobile .container-illu .device:nth-child(1) {left:31%} .container-el.el-ly .el.mobile .container-illu .device:nth-child(2) {right:31%} .container-el.el-ly .el.mobile .container-illu .container-device .device {will-change:transform;opacity:0;-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device {opacity:1} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(1) {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(2) {-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device {-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.mobile .container-illu .device .iphone {height:100%;position:relative;z-index:1} .container-el.el-ly .el.mobile .container-illu .device .container-screen {overflow:hidden;position:absolute;top:50%;left:50%;width:89%;height:95.5%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.mobile .container-illu .container-device .soon {padding:4px 12px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(10px);transform:translate(-50%,-50%) translateZ(10px);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} .container-el.el-ly .el.mobile .container-illu .container-device .soon:before {content:'';position:absolute;left:0;top:0;height:100%;width:100%;border-radius:30px;-webkit-box-shadow:0 6px 24px 0 rgba(0,0,0,.2);box-shadow:0 6px 24px 0 rgba(0,0,0,.2);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon:before {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.mobile .container-illu .container-device .soon span {position:relative;font-family:National-Bold;font-size:24px} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img {width:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.unscroll {min-height:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.scroll {position:absolute;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.header {position:absolute;z-index:1;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.footer {position:absolute;z-index:1;bottom:0;left:0} .container-el.el-ly .el.el-qonto .container-illu .bubble-group {position:absolute;width:35%;opacity:.6} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.left {left:0;top:-40px;-webkit-transform:translateZ(0) translateX(-50%);-ms-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.right {right:0;top:-40px;-webkit-transform:translateZ(0) translateX(50%) rotateY(180deg);-ms-transform:translateZ(0) translateX(50%) rotateY(180deg);transform:translateZ(0) translateX(50%) rotateY(180deg)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>* {opacity:0;animation-duration:3s;-webkit-animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0,0,.58,1);animation-timing-function:cubic-bezier(0,0,.58,1)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(1) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(2) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(3) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(4) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(5) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(6) {-webkit-animation-delay:1.2s;animation-delay:1.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(7) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(8) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(9) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(10) {-webkit-animation-delay:.9s;animation-delay:.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(11) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(12) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(13) {-webkit-animation-delay:.3s;animation-delay:.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(14) {-webkit-animation-delay:1.4s;animation-delay:1.4s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(15) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(16) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(17) {-webkit-animation-delay:1.7s;animation-delay:1.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(18) {-webkit-animation-delay:1.3s;animation-delay:1.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(19) {-webkit-animation-delay:.7s;animation-delay:.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(20) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(21) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(22) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(23) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(24) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(25) {-webkit-animation-delay:.6s;animation-delay:.6s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(26) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(27) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(28) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(29) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.left g>* {animation-name:qontoBubbleAnimLeft;-webkit-animation-name:qontoBubbleAnimLeft} .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.right g>* {animation-name:qontoBubbleAnimRight;-webkit-animation-name:qontoBubbleAnimRight} .container-el.el-ly .el.el-marks .container-illu .obj-1 {position:absolute;right:-33px;top:-10px;width:60px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks .container-illu .obj-2 {position:absolute;right:-10px;top:0;width:120px;opacity:0} .container-el.el-ly .el.el-marks .container-illu .obj-3 {position:absolute;right:10px;top:140px;width:36px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-1 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-2 {-webkit-transition:transform 10s ease,opacity 1s ease;-o-transition:transform 10s ease,opacity 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 10s ease;transition:opacity 1s ease,-webkit-transform 10s ease;transition:transform 10s ease,opacity 1s ease;transition:transform 10s ease,opacity 1s ease,-webkit-transform 10s ease;opacity:1;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-3 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-chauffeurprive .container-obj .obj-1 {height:100%;width:40%;background-color:rgba(0,0,0,.1);-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(0);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(0);transform:translate(-20%,10%) skew(-5deg) scaleY(0);-webkit-transition:all 1.5s cubic-bezier(0,.785,0,1);-o-transition:all 1.5s cubic-bezier(0,.785,0,1);transition:all 1.5s cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-chauffeurprive.show .container-obj .obj-1 {-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(1);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(1);transform:translate(-20%,10%) skew(-5deg) scaleY(1)} .container-el.el-ly .el.el-lecollectionist .container-obj .obj-1 {background-color:#f9eee7;background-blend-mode:multiply;background-position:center center;background-size:cover;width:60%;height:100%;position:absolute;right:-20%;top:50%;-webkit-transform:translateX(0%) translateY(-50%);-ms-transform:translateX(0%) translateY(-50%);transform:translateX(0%) translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {background-blend-mode:hard-light;background-position:center center;background-size:cover;height:90%;width:40%;opacity:0;position:absolute;left:50%;top:10%;opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-mondocteur .container-obj .obj-1 {position:absolute;width:80%;top:-56%;right:-25%} .container-el.el-ly .el.el-engie .container-obj .obj-1 {position:absolute;right:80%;width:40%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-engie .container-obj .obj-2 {position:absolute;right:80%;width:80%;top:40%} .container-el.el-ly .el.el-owkin .container-obj .obj-1 {position:absolute;right:50%;width:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0} .container-el.el-ly .el.el-owkin .container-obj .obj-2 {position:absolute;right:50%;width:100%;height:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:0} .container-el.el-ly .el.el-owkin.show .container-obj .obj-1,.container-el.el-ly .el.el-owkin.show .container-obj .obj-2 {opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease} .container-el.el-ly .el.el-peech .container-obj {z-index:1;-webkit-transform:translateZ(0px);-ms-transform:translateZ(0px);transform:translateZ(0px)} .container-el.el-ly .el.el-peech .container-obj .obj-1 {position:absolute;right:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-peech .container-obj .obj-2 {position:absolute;left:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.el-peech.show .container-obj .obj-1,.container-el.el-ly .el.el-peech.show .container-obj .obj-2 {opacity:1;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-lefty .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:70%;top:-35%;-webkit-transform:rotate(-20deg) translate(-20%,20%);-ms-transform:rotate(-20deg) translate(-20%,20%);transform:rotate(-20deg) translate(-20%,20%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-lefty.show .container-obj .obj-1 {-webkit-transform:none;-ms-transform:none;transform:none} .container-el.el-ly .el.el-influence .container-obj .obj-1 {background:-webkit-gradient(linear,right top,left top,from(#FF633C),to(#FF3C79));background:-webkit-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:-o-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:linear-gradient(270deg,#FF633C 0%,#FF3C79 100%);position:absolute;right:-35%;z-index:1;width:100%;height:100%;top:-35%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-1 {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-influence .container-obj .obj-2 {background:-webkit-gradient(linear,right top,left top,from(#FF3C79),to(#FF633C));background:-webkit-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:-o-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:linear-gradient(270deg,#FF3C79 0%,#FF633C 100%);position:absolute;left:-35%;z-index:1;width:70%;height:70%;bottom:5%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-2 {-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-gamology .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:30%;top:50%;-webkit-transform:translateY(-50%) translateX(30%);-ms-transform:translateY(-50%) translateX(30%);transform:translateY(-50%) translateX(30%);fill:transparent;stroke:#fff;stroke-width:3px;stroke-dasharray:700;stroke-dashoffset:700;-webkit-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-gamology.show .container-obj .obj-1 {fill:#fff;stroke-dashoffset:0;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-1 {position:absolute;left:-15%;z-index:1;width:30%;top:-45%;-webkit-transform:translate(100%,100%);-ms-transform:translate(100%,100%);transform:translate(100%,100%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-2 {position:absolute;left:-36%;z-index:1;width:50%;top:5%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-3 {position:absolute;left:-16%;z-index:1;width:40%;top:50%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} .container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-1,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-2,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-3 {-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%)} .container-el.el-ly .el.el-alwaysdata .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:70%;top:50%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-alwaysdata.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 {position:absolute;width:150%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path {display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr {-webkit-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);-o-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);transition:all 1.5s cubic-bezier(.5,-.01,0,1.005)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(2n+1) {-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(3n+1) {-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(4n+1) {-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} .container-el.el-ly .el.el-buzzman.show .container-obj .obj-1 path {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .container-el.el-ly .el.el-bilionairebay .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:100%;top:10%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-bilionairebay.show .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-xola .container-obj .obj-1 {position:absolute;left:0;z-index:1;width:130%;top:-100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)} .container-el.el-ly .el.el-xola.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} .container-el.el-ly .el.el-xola .container-obj .obj-2 {position:absolute;left:0;z-index:1;width:130%;height:128%;top:-100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1} .container-el.el-ly .el.el-uber .container-illu .container-device .soon:before {background-color:#1c1b1b} .container-el.el-ly .el.el-uber .container-illu .container-device .soon span {color:#fff} .container-el.el-ly .el.el-axa .container-illu .container-device .soon:before {background-color:#2b13a6} .container-el.el-ly .el.el-axa .container-illu .container-device .soon span {color:#fff} .container-el.el-ly .el.el-blackpills .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-blackpills.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.el-gotzm .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-gotzm.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.desktop.show .container-illu .device .container-screen img {-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:scrollCoverBrowser;animation-name:scrollCoverBrowser;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .container-el.el-ly .el.unscroll.desktop.show .container-illu .device .container-screen img {-webkit-animation-name:none;animation-name:none} @keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } @-webkit-keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } /* .container-el.el-ly .el.mobile.show .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:scrollCoverMobile;animation-name:scrollCoverMobile;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards} */ .container-el.el-ly .el.mobile.show .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:scrollCoverBrowser;animation-name:scrollCoverBrowser;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-name:none;animation-name:none} .container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-filter:blur(10px);filter:blur(10px);-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} @keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } @-webkit-keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)} 100% {-webkit-transform:translateY(calc(-100% + 21vw));-ms-transform:translateY(calc(-100% + 21vw));transform:translateY(calc(-100% + 21vw))} } /* .container-el.el-ly .el .desc {color:#fff;width:80%;margin-left:auto;margin-right:auto;margin-top:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} */ .container-el.el-ly .el .desc {color:#fff;width:53%;margin-left:auto;margin-right:auto;margin-top:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} /* .container-el.el-ly .el.mobile .desc {width:68%} */ .container-el.el-ly .el.mobile .desc {width:48%;} .container-el.el-ly .el.el-lecollectionist .desc,.container-el.el-ly .el.el-owkin .desc,.container-el.el-ly .el.el-lefty .desc,.container-el.el-ly .el.el-dreem .desc,.container-el.el-ly .el.el-buzzman .desc,.container-el.el-ly .el.el-bilionairebay .desc,.container-el.el-ly .el.el-nextworldcap .desc,.container-el.el-ly .el.el-neura .desc,.container-el.el-ly .el.el-xola .desc,.container-el.el-ly .el.el-gotzm .desc {color:#363f54} /* .container-el.el-ly .el .desc h2 {display:inline-block;vertical-align:middle;width:50%;font-family:National-Bold;font-size:18px;text-align:right;padding-right:60px} */ .container-el.el-ly .el .desc h2 {display:inline-block;vertical-align:middle;width:100%;font-size:18px;text-align:center;} .container-el.el-ly .el .desc .container-p {display:inline-block;vertical-align:middle;width:50%} .container-el.el-ly .el .desc .container-p p:nth-child(1) {opacity:.5;font-family:National-Regular;font-size:13px;margin-bottom:6px;text-align:left} .container-el.el-ly .el .desc .container-p p:nth-child(2) {position:relative;font-family:National-Regular;font-size:13px;text-align:left} .container-el.el-ly .el .desc .container-p p a {text-decoration:none;color:initial} @media screen and (max-width:768px) { .computer{ display:none;} .phone{ display:block;} .container-el.el-ly .el {display:none;text-decoration:none;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px;position:relative;text-align:center;opacity:0;-webkit-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease} .container-el.el-ly .el.displayBlock {display:block} .container-el.el-ly .el.show {opacity:1} .container-el.el-ly .el.hide {-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:0} .container-el.el-ly .el .link-zone {cursor:pointer;position:absolute;left:0;top:0;height:100%;width:100%;z-index:1} .container-el.el-ly .el .container-illu {position:relative;height:21vw;width:100%} .container-el.el-ly .el .container-illu .container-obj {position:absolute;height:100%;width:100%;left:0;top:0;-webkit-transform:translateZ(-50px);-ms-transform:translateZ(-50px);transform:translateZ(-50px)} .container-el.el-ly .el .container-illu .container-device {height:100%;width:100%} .container-el.el-ly .el .container-illu .container-device .device.desktop .head {position:absolute;z-index:1;left:0;top:0;width:100%;height:21px;background-color:#FFF;border-radius:5px 5px 0 0} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn {position:absolute;height:5px;width:5px;border-radius:3px;top:50%;background-color:#232426;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:.2} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(1) {left:6px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(2) {left:16px} .container-el.el-ly .el .container-illu .container-device .device.desktop .head .ptn:nth-child(3) {left:26px} .container-el.el-ly .el.desktop .container-illu .container-device {-webkit-box-shadow:0 15px 28px 0 rgba(0,0,0,.3);box-shadow:0 15px 28px 0 rgba(0,0,0,.3);width:100%;height:100%;padding-top:21px;-webkit-transform-style:preserve-3d;will-change:transform;-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg);transform:translateZ(200px) rotate3d(-1,-1,0,60deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.desktop.show .container-illu .container-device {-webkit-transform:translateZ(0px) rotate3d(0,0,0,0deg);-ms-transform:translateZ(0px) rotate3d(0,0,0,0deg);transform:translateZ(0px) rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop.hide .container-illu .container-device {opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} .container-el.el-ly .el.desktop .container-illu .container-device .device {height:100%;width:100%} .container-el.el-ly .el.desktop .container-illu .device .container-screen {width:100%;height:100%;position:relative;overflow:hidden; border-radius:0;} .container-el.el-ly .el.desktop .container-illu .device .container-screen img {position:absolute;top:0;left:0;width:100%} .container-el.el-ly .el.mobile .container-illu .device {height:100%;position:absolute;top:50%;filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-webkit-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0px 14px 28px rgba(0,0,0,0.3))} .container-el.el-ly .el.mobile .container-illu .device:nth-child(1) {left:31%} .container-el.el-ly .el.mobile .container-illu .device:nth-child(2) {right:31%} .container-el.el-ly .el.mobile .container-illu .container-device .device {will-change:transform;opacity:0;-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-ms-transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);transform:translateZ(200px) rotate3d(-1,-1,0,60deg) translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device {opacity:1} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(1) {-webkit-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(-50%,-50%) rotateY(0deg);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.show .container-illu .container-device .device:nth-child(2) {-webkit-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-ms-transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);transform:translateZ(0px) translate(50%,-50%) rotateY(0deg);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(1) {-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device:nth-child(2) {-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.mobile.hide .container-illu .container-device .device {-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.mobile .container-illu .device .iphone {height:100%;position:relative;z-index:1} .container-el.el-ly .el.mobile .container-illu .device .container-screen {overflow:hidden;position:absolute;top:50%;left:50%;width:89%;height:95.5%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.mobile .container-illu .container-device .soon {padding:4px 12px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(10px);transform:translate(-50%,-50%) translateZ(10px);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} .container-el.el-ly .el.mobile .container-illu .container-device .soon:before {content:'';position:absolute;left:0;top:0;height:100%;width:100%;border-radius:30px;-webkit-box-shadow:0 6px 24px 0 rgba(0,0,0,.2);box-shadow:0 6px 24px 0 rgba(0,0,0,.2);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile.show .container-illu .container-device .soon:before {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.mobile .container-illu .container-device .soon span {position:relative;font-family:National-Bold;font-size:24px} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img {width:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.unscroll {min-height:100%} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.scroll {position:absolute;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.header {position:absolute;z-index:1;top:0;left:0} .container-el.el-ly .el.mobile .container-illu .container-device .device .container-screen img.footer {position:absolute;z-index:1;bottom:0;left:0} .container-el.el-ly .el.el-qonto .container-illu .bubble-group {position:absolute;width:35%;opacity:.6} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.left {left:0;top:-40px;-webkit-transform:translateZ(0) translateX(-50%);-ms-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group.right {right:0;top:-40px;-webkit-transform:translateZ(0) translateX(50%) rotateY(180deg);-ms-transform:translateZ(0) translateX(50%) rotateY(180deg);transform:translateZ(0) translateX(50%) rotateY(180deg)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>* {opacity:0;animation-duration:3s;-webkit-animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0,0,.58,1);animation-timing-function:cubic-bezier(0,0,.58,1)} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(1) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(2) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(3) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(4) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(5) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(6) {-webkit-animation-delay:1.2s;animation-delay:1.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(7) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(8) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(9) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(10) {-webkit-animation-delay:.9s;animation-delay:.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(11) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(12) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(13) {-webkit-animation-delay:.3s;animation-delay:.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(14) {-webkit-animation-delay:1.4s;animation-delay:1.4s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(15) {-webkit-animation-delay:.2s;animation-delay:.2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(16) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(17) {-webkit-animation-delay:1.7s;animation-delay:1.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(18) {-webkit-animation-delay:1.3s;animation-delay:1.3s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(19) {-webkit-animation-delay:.7s;animation-delay:.7s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(20) {-webkit-animation-delay:1.1s;animation-delay:1.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(21) {-webkit-animation-delay:0s;animation-delay:0s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(22) {-webkit-animation-delay:2s;animation-delay:2s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(23) {-webkit-animation-delay:.5s;animation-delay:.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(24) {-webkit-animation-delay:.1s;animation-delay:.1s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(25) {-webkit-animation-delay:.6s;animation-delay:.6s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(26) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(27) {-webkit-animation-delay:1.9s;animation-delay:1.9s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(28) {-webkit-animation-delay:1.5s;animation-delay:1.5s} .container-el.el-ly .el.el-qonto .container-illu .bubble-group g>*:nth-child(29) {-webkit-animation-delay:1.5s;animation-delay:1.5s} @keyframes qontoBubbleAnimLeft {0% {opacity:0;-webkit-transform:translateZ(0) translate(20px,20px);-ms-transform:translateZ(0) translate(20px,20px);transform:translateZ(0) translate(20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(-5px,-5px);-ms-transform:translateZ(0) translate(-5px,-5px);transform:translateZ(0) translate(-5px,-5px)} } @-webkit-keyframes qontoBubbleAnimLeft {0% {opacity:0;-webkit-transform:translateZ(0) translate(20px,20px);-ms-transform:translateZ(0) translate(20px,20px);transform:translateZ(0) translate(20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(-5px,-5px);-ms-transform:translateZ(0) translate(-5px,-5px);transform:translateZ(0) translate(-5px,-5px)} } @keyframes qontoBubbleAnimRight {0% {opacity:0;-webkit-transform:translateZ(0) translate(-20px,20px);-ms-transform:translateZ(0) translate(-20px,20px);transform:translateZ(0) translate(-20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(5px,5px);-ms-transform:translateZ(0) translate(5px,5px);transform:translateZ(0) translate(5px,5px)} } @-webkit-keyframes qontoBubbleAnimRight {0% {opacity:0;-webkit-transform:translateZ(0) translate(-20px,20px);-ms-transform:translateZ(0) translate(-20px,20px);transform:translateZ(0) translate(-20px,20px)} 20% {opacity:1} 100% {opacity:0;-webkit-transform:translateZ(0) translate(5px,5px);-ms-transform:translateZ(0) translate(5px,5px);transform:translateZ(0) translate(5px,5px)} } .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.left g>* {animation-name:qontoBubbleAnimLeft;-webkit-animation-name:qontoBubbleAnimLeft} .container-el.el-ly .el.el-qonto.show .container-illu .bubble-group.right g>* {animation-name:qontoBubbleAnimRight;-webkit-animation-name:qontoBubbleAnimRight} .container-el.el-ly .el.el-marks .container-illu .obj-1 {position:absolute;right:-33px;top:-10px;width:60px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks .container-illu .obj-2 {position:absolute;right:-10px;top:0;width:120px;opacity:0} .container-el.el-ly .el.el-marks .container-illu .obj-3 {position:absolute;right:10px;top:140px;width:36px;opacity:0;-webkit-transform:scale(0) translateY(120px);-ms-transform:scale(0) translateY(120px);transform:scale(0) translateY(120px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-1 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-2 {-webkit-transition:transform 10s ease,opacity 1s ease;-o-transition:transform 10s ease,opacity 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 10s ease;transition:opacity 1s ease,-webkit-transform 10s ease;transition:transform 10s ease,opacity 1s ease;transition:transform 10s ease,opacity 1s ease,-webkit-transform 10s ease;opacity:1;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)} .container-el.el-ly .el.el-marks.show .container-illu .obj-3 {-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;opacity:1;-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)} .container-el.el-ly .el.el-chauffeurprive .container-obj .obj-1 {height:100%;width:40%;background-color:rgba(0,0,0,.1);-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(0);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(0);transform:translate(-20%,10%) skew(-5deg) scaleY(0);-webkit-transition:all 1.5s cubic-bezier(0,.785,0,1);-o-transition:all 1.5s cubic-bezier(0,.785,0,1);transition:all 1.5s cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-chauffeurprive.show .container-obj .obj-1 {-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(-20%,10%) skew(-5deg) scaleY(1);-ms-transform:translate(-20%,10%) skew(-5deg) scaleY(1);transform:translate(-20%,10%) skew(-5deg) scaleY(1)} .container-el.el-ly .el.el-lecollectionist .container-obj .obj-1 {background-color:#f9eee7;background-blend-mode:multiply;background-position:center center;background-size:cover;width:60%;height:100%;position:absolute;right:-20%;top:50%;-webkit-transform:translateX(0%) translateY(-50%);-ms-transform:translateX(0%) translateY(-50%);transform:translateX(0%) translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {background-color:#ef693c;background-blend-mode:hard-light;background-position:center center;background-size:cover;height:90%;width:40%;opacity:0;position:absolute;left:50%;top:10%;opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-orangelabs .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-mondocteur .container-obj .obj-1 {position:absolute;width:80%;top:-56%;right:-25%} .container-el.el-ly .el.el-engie .container-obj .obj-1 {position:absolute;right:80%;width:40%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-engie .container-obj .obj-2 {position:absolute;right:80%;width:80%;top:40%} .container-el.el-ly .el.el-owkin .container-obj .obj-1 {position:absolute;right:50%;width:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0} .container-el.el-ly .el.el-owkin .container-obj .obj-2 {position:absolute;right:50%;width:100%;height:100%;top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:0} .container-el.el-ly .el.el-owkin.show .container-obj .obj-1,.container-el.el-ly .el.el-owkin.show .container-obj .obj-2 {opacity:1;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease} .container-el.el-ly .el.el-peech .container-obj {z-index:1;-webkit-transform:translateZ(0px);-ms-transform:translateZ(0px);transform:translateZ(0px)} .container-el.el-ly .el.el-peech .container-obj .obj-1 {position:absolute;right:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-peech .container-obj .obj-2 {position:absolute;left:-23%;z-index:1;width:30%;top:90%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:0} .container-el.el-ly .el.el-peech.show .container-obj .obj-1,.container-el.el-ly .el.el-peech.show .container-obj .obj-2 {opacity:1;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-lefty .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:70%;top:-35%;-webkit-transform:rotate(-20deg) translate(-20%,20%);-ms-transform:rotate(-20deg) translate(-20%,20%);transform:rotate(-20deg) translate(-20%,20%);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-lefty.show .container-obj .obj-1 {-webkit-transform:none;-ms-transform:none;transform:none} .container-el.el-ly .el.el-influence .container-obj .obj-1 {background:-webkit-gradient(linear,right top,left top,from(#FF633C),to(#FF3C79));background:-webkit-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:-o-linear-gradient(right,#FF633C 0%,#FF3C79 100%);background:linear-gradient(270deg,#FF633C 0%,#FF3C79 100%);position:absolute;right:-35%;z-index:1;width:100%;height:100%;top:-35%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-1 {-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-influence .container-obj .obj-2 {background:-webkit-gradient(linear,right top,left top,from(#FF3C79),to(#FF633C));background:-webkit-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:-o-linear-gradient(right,#FF3C79 0%,#FF633C 100%);background:linear-gradient(270deg,#FF3C79 0%,#FF633C 100%);position:absolute;left:-35%;z-index:1;width:70%;height:70%;bottom:5%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s cubic-bezier(1,.005,.305,1);-o-transition:all .5s cubic-bezier(1,.005,.305,1);transition:all .5s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-influence.show .container-obj .obj-2 {-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)} .container-el.el-ly .el.el-gamology .container-obj .obj-1 {position:absolute;right:-26%;z-index:1;width:30%;top:50%;-webkit-transform:translateY(-50%) translateX(30%);-ms-transform:translateY(-50%) translateX(30%);transform:translateY(-50%) translateX(30%);fill:transparent;stroke:#FFF;stroke-width:3px;stroke-dasharray:700;stroke-dashoffset:700;-webkit-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1),fill 3s cubic-bezier(1,.005,.305,1),transform 3s cubic-bezier(1,.005,.305,1),-webkit-transform 3s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-gamology.show .container-obj .obj-1 {fill:#FFF;stroke-dashoffset:0;-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-1 {position:absolute;left:-15%;z-index:1;width:30%;top:-45%;-webkit-transform:translate(100%,100%);-ms-transform:translate(100%,100%);transform:translate(100%,100%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1)} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-2 {position:absolute;left:-36%;z-index:1;width:50%;top:5%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .container-el.el-ly .el.el-thoughtspot .container-obj .obj-3 {position:absolute;left:-16%;z-index:1;width:40%;top:50%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);-webkit-transition:all 2s cubic-bezier(1,.005,.305,1);-o-transition:all 2s cubic-bezier(1,.005,.305,1);transition:all 2s cubic-bezier(1,.005,.305,1);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} .container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-1,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-2,.container-el.el-ly .el.el-thoughtspot.show .container-obj .obj-3 {-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%)} .container-el.el-ly .el.el-alwaysdata .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:70%;top:50%;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-alwaysdata.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 {position:absolute;width:150%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path {display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr {-webkit-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);-o-transition:all 1.5s cubic-bezier(.5,-.01,0,1.005);transition:all 1.5s cubic-bezier(.5,-.01,0,1.005)} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(2n+1) {-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(3n+1) {-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} .container-el.el-ly .el.el-buzzman .container-obj .obj-1 path.dl-tr:nth-child(4n+1) {-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} .container-el.el-ly .el.el-buzzman.show .container-obj .obj-1 path {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .container-el.el-ly .el.el-bilionairebay .container-obj .obj-1 {position:absolute;right:-44%;z-index:1;width:100%;top:10%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .container-el.el-ly .el.el-bilionairebay.show .container-obj .obj-1 {opacity:1} .container-el.el-ly .el.el-xola .container-obj .obj-1 {position:absolute;left:0;z-index:1;width:130%;top:-100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)} .container-el.el-ly .el.el-xola.show .container-obj .obj-1 {opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} .container-el.el-ly .el.el-xola .container-obj .obj-2 {position:absolute;left:0;z-index:1;width:130%;height:128%;top:-100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1} .container-el.el-ly .el.el-uber .container-illu .container-device .soon:before {background-color:#1c1b1b} .container-el.el-ly .el.el-uber .container-illu .container-device .soon span {color:#FFF} .container-el.el-ly .el.el-axa .container-illu .container-device .soon:before {background-color:#2b13a6} .container-el.el-ly .el.el-axa .container-illu .container-device .soon span {color:#FFF} .container-el.el-ly .el.el-blackpills .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-blackpills.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.el-gotzm .container-obj .obj-1 {position:absolute;width:130%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4) rotate(30deg);-ms-transform:translate(-50%,-50%) scale(.4) rotate(30deg);transform:translate(-50%,-50%) scale(.4) rotate(30deg);-webkit-transition:all 1500ms cubic-bezier(0,.785,0,1);-o-transition:all 1500ms cubic-bezier(0,.785,0,1);transition:all 1500ms cubic-bezier(0,.785,0,1)} .container-el.el-ly .el.el-gotzm.show .container-obj .obj-1 {opacity:1;-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);-ms-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)} .container-el.el-ly .el.desktop.show .container-illu .device .container-screen img {-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:scrollCoverBrowser;animation-name:scrollCoverBrowser;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .container-el.el-ly .el.unscroll.desktop.show .container-illu .device .container-screen img {-webkit-animation-name:none;animation-name:none} .container-el.el-ly .el.mobile.show .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:scrollCoverMobile;animation-name:scrollCoverMobile;-webkit-animation-timing-function:cubic-bezier(1,.005,.305,1);animation-timing-function:cubic-bezier(1,.005,.305,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards} .container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.show.unscroll .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-animation-name:none;animation-name:none} .container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(1) .container-screen img.unscroll,.container-el.el-ly .el.mobile.soon .container-illu .device:nth-child(2) .container-screen img.scroll {-webkit-filter:blur(10px);filter:blur(10px);-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} @keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)} 100% {-webkit-transform:translateY(calc(-100% + 227px));-ms-transform:translateY(calc(-100% + 227px));transform:translateY(calc(-100% + 227px))} } @-webkit-keyframes scrollCoverMobile {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)} 100% {-webkit-transform:translateY(calc(-100% + 227px));-ms-transform:translateY(calc(-100% + 227px));transform:translateY(calc(-100% + 227px))} } @keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)} 100% {-webkit-transform:translateY(calc(-100% + 227px));-ms-transform:translateY(calc(-100% + 227px));transform:translateY(calc(-100% + 227px))} } @-webkit-keyframes scrollCoverBrowser {10% {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} 50% {-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)} 100% {-webkit-transform:translateY(calc(-100% + 227px));-ms-transform:translateY(calc(-100% + 227px));transform:translateY(calc(-100% + 227px))} } .container-el.el-ly .el .desc {color:#FFF;width:80%;margin-left:auto;margin-right:auto;margin-top:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .container-el.el-ly .el.mobile .desc {width:68%} .container-el.el-ly .el.el-lecollectionist .desc,.container-el.el-ly .el.el-owkin .desc,.container-el.el-ly .el.el-lefty .desc,.container-el.el-ly .el.el-dreem .desc,.container-el.el-ly .el.el-buzzman .desc,.container-el.el-ly .el.el-bilionairebay .desc,.container-el.el-ly .el.el-nextworldcap .desc,.container-el.el-ly .el.el-neura .desc,.container-el.el-ly .el.el-xola .desc,.container-el.el-ly .el.el-gotzm .desc {color:#363f54} .container-el.el-ly .el .desc h2 {display:inline-block;vertical-align:middle;width:50%;font-family:National-Bold;font-size:18px;text-align:right;padding-right:60px} .container-el.el-ly .el .desc .container-p {display:inline-block;vertical-align:middle;width:50%} .container-el.el-ly .el .desc .container-p p:nth-child(1) {opacity:.5;font-family:National-Regular;font-size:13px;margin-bottom:6px;text-align:left} .container-el.el-ly .el .desc .container-p p:nth-child(2) {position:relative;font-family:National-Regular;font-size:13px;text-align:left} .container-el.el-ly .el .desc .container-p p a {text-decoration:none;color:initial} #section-home .container-caroussel {position:relative;height:100%;min-height:700px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-bg {position:absolute;top:0;left:0;width:100%;height:100vh;min-height:700px;overflow:hidden} #section-home .container-caroussel .container-bg:after {content:'';position:absolute;z-index:2;width:100%;height:20vh;max-height:calc(100vh - 700px);background-color:#FFF;left:0;bottom:0;will-change:transform;-webkit-transform:translateZ(0) translateY(100%);-ms-transform:translateZ(0) translateY(100%);transform:translateZ(0) translateY(100%);-webkit-transition:all 1s cubic-bezier(0,.785,0,1);-o-transition:all 1s cubic-bezier(0,.785,0,1);transition:all 1s cubic-bezier(0,.785,0,1)} #section-home .container-caroussel .container-bg.show:after {-webkit-transform:translateZ(0) translateY(0%);-ms-transform:translateZ(0) translateY(0%);transform:translateZ(0) translateY(0%)} #section-home .container-caroussel .container-bg .bg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} #section-home .container-caroussel .container-bg .bg-filter {background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:1;opacity:1} #section-home .container-caroussel .container-bg .bg.bg-qonto {background:-webkit-gradient(linear,left top,right top,from(#5041B2),to(#7969E6));background:-webkit-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:-o-linear-gradient(left,#5041B2 0%,#7969E6 100%);background:linear-gradient(90deg,#5041B2 0%,#7969E6 100%)} #section-home .container-caroussel .container-bg .bg.bg-marks {background:-webkit-gradient(linear,left top,right top,from(#FD8355),color-stop(37.02%,#F0576C),to(#F79CBD));background:-webkit-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:-o-linear-gradient(left,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%);background:linear-gradient(90deg,#FD8355 0%,#F0576C 37.02%,#F79CBD 100%)} #section-home .container-caroussel .container-bg .bg.bg-chauffeurprive {background:-webkit-gradient(linear,left top,right top,from(#CE0C2A),to(#DC6C7F));background:-webkit-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:-o-linear-gradient(left,#CE0C2A 0%,#DC6C7F 100%);background:linear-gradient(90deg,#CE0C2A 0%,#DC6C7F 100%)} #section-home .container-caroussel .container-bg .bg.bg-lecollectionist {background:-webkit-gradient(linear,right top,left top,from(#FAF0E7),to(#EFE5DC));background:-webkit-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:-o-linear-gradient(right,#FAF0E7 0%,#EFE5DC 100%);background:linear-gradient(270deg,#FAF0E7 0%,#EFE5DC 100%)} #section-home .container-caroussel .container-bg .bg.bg-orangelabs {background:-webkit-gradient(linear,right top,left top,from(#F60),to(#EF8402));background:-webkit-linear-gradient(right,#F60 0%,#EF8402 100%);background:-o-linear-gradient(right,#F60 0%,#EF8402 100%);background:linear-gradient(270deg,#F60 0%,#EF8402 100%)} #section-home .container-caroussel .container-bg .bg.bg-mondocteur {background-color:#ff6c75} #section-home .container-caroussel .container-bg .bg.show {opacity:1} #section-home .container-caroussel .container-text {width:40%;position:absolute;z-index:2;top:calc(50% + 40px);right:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-text,#section-home .container-caroussel.show-qonto .container-text a {color:#FFF} #section-home .container-caroussel.show-marks .container-text,#section-home .container-caroussel.show-marks .container-text a {color:#FFF} #section-home .container-caroussel.show-chauffeurprive .container-text,#section-home .container-caroussel.show-chauffeurprive .container-text a {color:#FFF} #section-home .container-caroussel.show-lecollectionist .container-text,#section-home .container-caroussel.show-lecollectionist .container-text a {color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text,#section-home .container-caroussel.show-orangelabs .container-text a {color:#FFF} #section-home .container-caroussel.show-mondocteur .container-text,#section-home .container-caroussel.show-mondocteur .container-text a {color:#FFF} #section-home .container-caroussel .container-text>p:nth-child(1) {opacity:0;/* font-family:National-Regular;*/font-size:16px;margin-bottom:8px;position:relative;display:inline-block;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-text>p.show:nth-child(1) {opacity:.5} #section-home .container-caroussel .container-text>p:nth-child(1):before {content:'';position:absolute;top:50%;right:calc(100% + 11px);height:1px;width:19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-text>p:nth-child(1):before {background-color:#FFF} #section-home .container-caroussel.show-marks .container-text>p:nth-child(1):before {background-color:#FFF} #section-home .container-caroussel.show-chauffeurprive .container-text>p:nth-child(1):before {background-color:#FFF} #section-home .container-caroussel.show-lecollectionist .container-text>p:nth-child(1):before {background-color:#363f54} #section-home .container-caroussel.show-orangelabs .container-text>p:nth-child(1):before {background-color:#FFF} #section-home .container-caroussel.show-mondocteur .container-text>p:nth-child(1):before {background-color:#FFF} #section-home .container-caroussel .container-text>p:nth-child(2) {/* font-family:National-Bold;*/font-size:54px} #section-home .container-caroussel .container-text>p:nth-child(3) {opacity:.4;/* font-family:National-Bold;*/font-size:44px} #section-home .container-caroussel .container-text>p:nth-child(2) span,#section-home .container-caroussel .container-text>p:nth-child(3) span {white-space:pre;display:inline-block;opacity:0;will-change:transform;-webkit-transform:translateZ(0) translateY(-100px);-ms-transform:translateZ(0) translateY(-100px);transform:translateZ(0) translateY(-100px);-webkit-transition:all .5s cubic-bezier(.045,.855,.1,.955);-o-transition:all .5s cubic-bezier(.045,.855,.1,.955);transition:all .5s cubic-bezier(.045,.855,.1,.955)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(1) {-webkit-transform:translateY(-100px) translateX(-100px);-ms-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(1) {opacity:1;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(3) {-webkit-transform:translateY(-170px) translateX(100px);-ms-transform:translateY(-170px) translateX(100px);transform:translateY(-170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(3) {opacity:1;-webkit-transform:translateY(-170px);-ms-transform:translateY(-170px);transform:translateY(-170px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(5) {-webkit-transform:translateY(-50px) translateX(50px);-ms-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(5) {opacity:1;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(7) {-webkit-transform:translateY(-20px) translateX(100px);-ms-transform:translateY(-20px) translateX(100px);transform:translateY(-20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(7) {opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-70px) translateX(40px);-ms-transform:translateY(-70px) translateX(40px);transform:translateY(-70px) translateX(40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(9) {opacity:1;-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)} #section-home .container-caroussel .container-text>p:nth-child(2) span:nth-child(9) {-webkit-transform:translateY(-90px) translateX(60px);-ms-transform:translateY(-90px) translateX(60px);transform:translateY(-90px) translateX(60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(2) span:nth-child(11) {opacity:1;-webkit-transform:translateY(-90px);-ms-transform:translateY(-90px);transform:translateY(-90px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(1) {-webkit-transform:translateY(100px) translateX(-100px);-ms-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(1) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(3) {-webkit-transform:translateY(170px) translateX(100px);-ms-transform:translateY(170px) translateX(100px);transform:translateY(170px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(3) {opacity:1;-webkit-transform:translateY(170px);-ms-transform:translateY(170px);transform:translateY(170px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(5) {-webkit-transform:translateY(50px) translateX(50px);-ms-transform:translateY(50px) translateX(50px);transform:translateY(50px) translateX(50px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(5) {opacity:1;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(7) {-webkit-transform:translateY(20px) translateX(100px);-ms-transform:translateY(20px) translateX(100px);transform:translateY(20px) translateX(100px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(7) {opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(9) {-webkit-transform:translateY(70px) translateX(-40px);-ms-transform:translateY(70px) translateX(-40px);transform:translateY(70px) translateX(-40px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(9) {opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(11) {-webkit-transform:translateY(140px) translateX(-80px);-ms-transform:translateY(140px) translateX(-80px);transform:translateY(140px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(11) {opacity:1;-webkit-transform:translateY(140px);-ms-transform:translateY(140px);transform:translateY(140px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(13) {-webkit-transform:translateY(60px) translateX(-80px);-ms-transform:translateY(60px) translateX(-80px);transform:translateY(60px) translateX(-80px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(13) {opacity:1;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)} #section-home .container-caroussel .container-text>p:nth-child(3) span:nth-child(15) {-webkit-transform:translateY(100px) translateX(-60px);-ms-transform:translateY(100px) translateX(-60px);transform:translateY(100px) translateX(-60px)} #section-home .container-caroussel .container-text.slide-1>p:nth-child(3) span:nth-child(15) {opacity:1;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)} #section-home .container-caroussel .container-text.slide-2>p:nth-child(2) span,#section-home .container-caroussel .container-text.slide-2>p:nth-child(3) span,#section-home .container-caroussel .container-text.show>p:nth-child(2) span,#section-home .container-caroussel .container-text.show>p:nth-child(3) span {-webkit-transition:all .75s cubic-bezier(.045,.855,.1,.955);-o-transition:all .75s cubic-bezier(.045,.855,.1,.955);transition:all .75s cubic-bezier(.045,.855,.1,.955);opacity:1;-webkit-transform:translateZ(0px) translateY(0px);-ms-transform:translateZ(0px) translateY(0px);transform:translateZ(0px) translateY(0px)} #section-home .container-caroussel .container-text .btn {padding:10px 20px;} #section-home .container-caroussel .container-text>.btn.show {opacity:1} #section-home .container-caroussel.show-qonto .container-text .btn,#section-home .container-caroussel.show-marks .container-text .btn,#section-home .container-caroussel.show-mondocteur .container-text .btn,#section-home .container-caroussel.show-orangelabs .container-text .btn,#section-home .container-caroussel.show-chauffeurprive .container-text .btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.show-lecollectionist .container-text .btn {background-color:rgba(0,0,0,.2)} #section-home .container-caroussel .container-text .btn p {/* font-family:National-Bold;*/font-size:14px} #section-home .container-caroussel .wrapper-container-el {z-index:2;position:absolute;top:calc(50% + 40px);left:50%;width:35%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #section-home .container-caroussel .wrapper-container-el .container-el {position:relative} #section-home .container-caroussel>.btn {position:absolute;z-index:2;top:50%;right:60px;height:35px;width:35px;border-radius:30px;cursor:pointer;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn.show {opacity:1} #section-home .container-caroussel.show-qonto>.btn,#section-home .container-caroussel.show-marks>.btn,#section-home .container-caroussel.show-chauffeurprive>.btn,#section-home .container-caroussel.show-orangelabs>.btn,#section-home .container-caroussel.show-mondocteur>.btn {background-color:rgba(255,255,255,.2)} #section-home .container-caroussel.show-lecollectionist>.btn {background-color:rgba(54,63,84,.2)} #section-home .container-caroussel>.btn .arrow {stroke:none !important;height:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel>.btn .progress {position:absolute;top:50%;left:50%;height:38px;width:38px;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)} #section-home .container-caroussel>.btn .progress circle:nth-child(1) {fill:none !important;stroke-width:4px;stroke-dasharray:339.292;stroke-dashoffset:339.292;-webkit-transition:stroke-dashoffset 0s ease;-o-transition:stroke-dashoffset 0s ease;transition:stroke-dashoffset 0s ease} #section-home .container-caroussel>.btn .progress.active circle:nth-child(1) {-webkit-transition:stroke-dashoffset 6s linear;-o-transition:stroke-dashoffset 6s linear;transition:stroke-dashoffset 6s linear;stroke-dashoffset:0} #section-home .container-caroussel.show-qonto>.btn .arrow,#section-home .container-caroussel.show-qonto>.btn .progress circle {fill:#FFF;stroke:#FFF} #section-home .container-caroussel.show-marks>.btn .arrow,#section-home .container-caroussel.show-marks>.btn .progress circle {fill:#FFF;stroke:#FFF} #section-home .container-caroussel.show-chauffeurprive>.btn .arrow,#section-home .container-caroussel.show-chauffeurprive>.btn .progress circle {fill:#FFF;stroke:#FFF} #section-home .container-caroussel.show-lecollectionist>.btn .arrow,#section-home .container-caroussel.show-lecollectionist>.btn .progress circle {fill:#363f54;stroke:#363f54} #section-home .container-caroussel.show-orangelabs>.btn .arrow,#section-home .container-caroussel.show-orangelabs>.btn .progress circle {fill:#FFF;stroke:#FFF} #section-home .container-caroussel.show-mondocteur>.btn .arrow,#section-home .container-caroussel.show-mondocteur>.btn .progress circle {fill:#FFF;stroke:#FFF} #section-home .container-caroussel .container-ms {position:absolute;z-index:1;left:50%;bottom:38px;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel .container-ms.show {opacity:1} #section-home .container-caroussel .container-ms svg {height:30px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #section-home .container-caroussel.show-qonto .container-ms svg {fill:#FFF} #section-home .container-caroussel.show-marks .container-ms svg {fill:#FFF} #section-home .container-caroussel.show-chauffeurprive .container-ms svg {fill:#FFF} #section-home .container-caroussel.show-lecollectionist .container-ms svg {fill:#363f54} #section-home .container-caroussel.show-orangelabs .container-ms svg {fill:#FFF} #section-home .container-caroussel.show-mondocteur .container-ms svg {fill:#FFF} #section-home .container-ms svg path:nth-child(1) {opacity:.3} #section-home .container-ms svg path:nth-child(2) {animation:containerMsScroll 3s ease infinite;-webkit-animation:containerMsScroll 3s ease infinite} #section-home .container-caroussel {min-height:auto;margin-bottom:20px;padding:170px 0 50px} #section-home .container-caroussel .container-bg {min-height:auto;height:100%} #section-home .container-caroussel .container-bg .bg {content:initial} #section-home .container-caroussel .container-bg:after {height:100px;max-height:initial} #section-home .container-caroussel .container-text {top:initial;right:initial;position:relative;width:calc(100% - 50px);margin:auto;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #section-home .container-caroussel .container-text>p:nth-child(2),#section-home .container-caroussel .container-text>p:nth-child(3) {font-size:26px} #section-home .container-caroussel .container-text .btn {margin-top:20px} #section-home .container-caroussel .wrapper-container-el {position:relative;width:calc(100% - 50px);top:initial;left:initial;margin:auto;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);margin-top:60px} .container-el.el-ly .el.displayBlock {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .container-el.el-ly .el .container-illu {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} .container-el.el-ly .el .container-illu .container-device {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around} #section-home .container-caroussel .container-ms {display:none} #section-home .container-caroussel>.btn {display:none} #section-contact {padding-bottom:50px} #section-contact .container-text {padding-left:0} #section-contact .container-text h2:before {width:30px;right:initial;left:0;top:initial;bottom:calc(100% + 20px)} #section-contact .container-text h2 {font-size:32px;margin-bottom:15px} #section-contact .container-text h2 br {display:none} #section-contact .container-text p {font-size:16px;line-height:24px} #section-contact .tthide {font-size:17px} #section-contact .container-action a .btn {height:70px;width:70px} #section-contact .container-action a .btn svg {height:12px} #section-contact .container-text,#section-contact .container-action {width:calc(100% - 50px);margin:auto} #section-contact .container-action {margin-top:40px} .container-el.el-ly .el .container-illu {height:227px;width:339px;max-width:100%;margin:auto} .container-el.el-ly .el .desc {width:339px;max-width:100%;margin:auto;text-align:left;position:relative;z-index:1} .container-el.el-ly .el .desc h2 {width:auto;padding-left:12px;margin-bottom:13px} .container-el.el-ly .el .desc .container-p {display:none} .section-pr-el .container-el .el {margin-bottom:0;padding-bottom:90px} .section-pr-el .container-el .el .illu {width:100%;height:300px;border-radius:0} .section-pr-el .container-el .el .wrapper .container-img {-webkit-box-ordinal-group:2 !important;-ms-flex-order:1 !important;order:1 !important} .section-pr-el .container-el .el .wrapper .title {width:calc(100% - 50px);display:block;text-align:left;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;margin:60px auto 30px} .section-pr-el .container-el .el .wrapper .title h2 {font-size:34px;line-height:41px;text-align:left} .section-pr-el .container-el .el:nth-child(odd) .title h2:before,.section-pr-el .container-el .el:nth-child(even) .title h2:before {left:0;right:initial;width:30px;top:initial;bottom:calc(100% + 25px)} .section-pr-el .container-el .el .wrapper .container-text {-webkit-box-ordinal-group:4 !important;-ms-flex-order:3 !important;order:3 !important} .section-pr-el .container-el .el .wrapper {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-top:0} .section-pr-el .container-el .el .wrapper .container-img {width:calc(100% - 50px);height:auto;min-height:63.1vw} .section-pr-el .container-el .el:nth-child(odd) .wrapper .container-text {margin-left:auto} .section-pr-el .container-el .el:nth-child(even) .wrapper .container-text {margin-right:auto} .section-pr-el .container-el .el .wrapper .container-text {margin-left:auto;margin-right:auto;width:calc(100% - 50px)} .section-pr-el .container-el .el .wrapper .container-text h3 {margin-bottom:15px} .section-pr-el .container-el .el .wrapper .container-text>p {margin-bottom:30px} .section-pr-el .container-el .el.el-chauffeurprive .wrapper .container-img img {width:auto;max-height:100%;max-width:100%} .section-pr-el .container-el .el.el-lecollectionist .wrapper .container-img img {width:auto;max-height:100%;max-width:100%} .section-pr-el .container-el .el.el-qonto .wrapper .container-img img {width:auto;max-height:100%;max-width:100%} .section-pr-el .link-work {margin-top:0} #section-work {margin-top:0;margin-bottom:80px;padding-top:220px;padding-bottom:40px} #section-work .container-illu {height:auto;width:300px;bottom:initial;top:0} #section-work .container-illu img.illu {width:100%} #section-work .container-illu video {display:none} #section-work .container-illu img.illu {display:block} #section-work .container-illu img.cloud-1,#section-work .container-illu img.cloud-2,#section-work .container-illu img.cloud-3,#section-work .container-illu img.cloud-4 {display:none} #section-work .container-text {width:calc(100% - 50px);margin:auto;padding:0} #section-work .container-text h2 {font-size:38px;line-height:45px;margin-bottom:15px} #section-work .container-text h2:after {width:30px;right:initial;left:0;bottom:calc(100% + 25px);top:initial} #section-work .container-text>p {font-size:16px;line-height:24px} #section-team {margin-top:85px;padding:0;padding-bottom:50px} #section-team.reach .bnd {-webkit-transform:translateX(calc(100% - 265px));-ms-transform:translateX(calc(100% - 265px));transform:translateX(calc(100% - 265px))} #section-team .wrapper-caroussel-pp {position:relative;width:100%;height:375px;top:initial;left:initial} #section-team .wrapper-caroussel-pp h2 {left:40px;top:335px;font-size:34px;line-height:41px;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} #section-team .wrapper-caroussel-pp h2:before {width:30px;right:initial;left:0;top:initial;bottom:calc(100% + 25px)} #section-team .container-text {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:calc(100% - 80px);margin:auto;margin-top:80px} #section-team .container-text>p {max-width:initial;width:100%;color:#FFF} #section-team .container-text .container-caroussel-name {margin-top:40px;width:100%} #section-team .container-text .btn {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;position:relative;right:initial;top:initial;margin-top:50px} #section-sponsors {height:320px;padding:0} #section-sponsors .container-li {height:auto;position:absolute;top:55%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #section-sponsors .container-li .li-el {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #section-sponsors .container-li .li-el .el { margin-bottom:40px;margin-right:30px;margin-left:30px} #section-home .container-caroussel .container-text>p:nth-child(2),#section-home .container-caroussel .container-text>p:nth-child(3) { height:auto; line-height:30px; font-weight:bold;opacity:1;font-size:24px;} #section-home .container-caroussel .container-text {margin-bottom:30px;} #section-home .container-caroussel .wrapper-container-el {margin-top:0;} #section-home .container-caroussel {padding-top:140px;margin-bottom:0;} .container-el .desc1 {display:block;position:relative;z-index:111;-ms-flex-order:5;order:5; width:80%; margin:20px 0 0 10%; text-align:center;color:#FFF;font-weight:bold;} .container-el .desc1 p {font-size:14px;margin-bottom:10px;opacity:.6;} .container-el .desc1 span {font-size:14px;line-height:20px;display:block;} #section-home {margin-bottom:0;} .container-el.el-ly .el .container-illu .container-obj {z-index:0;} }