.clearfix { zoom: 1; } #header-desktop {font-size:0;position:absolute;z-index:20;height:44px;width:100%;top:50px;left:0} #header-desktop .container-rs {position:relative;padding-left:27px;top:400px;left:71px;display:inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} #header-desktop .container-rs:before {content:'';width:27px;height:1px;position:absolute;top:50%;left:0;-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} #header-desktop .container-rs .li-rs {display:inline-block;vertical-align:middle;position:relative;margin-left:20px} #header-desktop .container-rs .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:13px;margin-right:13px;opacity:1;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-rs .li-rs a:last-child {margin-right:0} #header-desktop .container-rs .li-rs a svg {width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-logo {cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:50%;height:100%;-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} #header-desktop .container-logo svg {height:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #header-desktop .container-vr {padding:5px 10px 5px 30px;position:absolute;top:50%;right:60px;border-radius:50px; font-family: PingFang SC; background: url(../images/tel.png) no-repeat 8px center; font-size:14px;-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} #header-desktop .container-rs:before {background-color:#fff} #header-desktop .container-rs p {color:#fff} #header-desktop .container-rs .li-rs a svg {fill:#fff} #header-desktop .container-logo svg {fill:#fff} #header-desktop .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-hire .container-rs:before {background-color:#fff} #header-desktop.style-hire .container-rs {top:initial;top:calc(100vh - 200px)} #header-desktop.style-hire .container-rs p {color:#fff} #header-desktop.style-hire .container-rs .li-rs a svg {fill:#fff} #header-desktop.style-hire .container-logo svg {fill:#363f54} #header-desktop.style-hire .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-agency .container-rs:before {background-color:#363f54} #header-desktop.style-agency .container-rs p {color:#363f54} #header-desktop.style-agency .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-agency .container-logo svg {fill:#363f54} #header-desktop.style-agency .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-lecollectionist .container-rs:before {background-color:#363f54} #header-desktop.style-lecollectionist .container-rs p {color:#363f54} #header-desktop.style-lecollectionist .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-lecollectionist .container-logo svg {fill:#363f54} #header-desktop.style-lecollectionist .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-owkin .container-rs:before {background-color:#363f54} #header-desktop.style-owkin .container-rs p {color:#363f54} #header-desktop.style-owkin .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-owkin .container-logo svg {fill:#363f54} #header-desktop.style-owkin .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-lefty .container-rs:before {background-color:#363f54} #header-desktop.style-lefty .container-rs p {color:#363f54} #header-desktop.style-lefty .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-lefty .container-logo svg {fill:#363f54} #header-desktop.style-lefty .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-dreem .container-rs:before {background-color:#363f54} #header-desktop.style-dreem .container-rs p {color:#363f54} #header-desktop.style-dreem .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-dreem .container-logo svg {fill:#363f54} #header-desktop.style-dreem .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-buzzman .container-rs:before {background-color:#363f54} #header-desktop.style-buzzman .container-rs p {color:#363f54} #header-desktop.style-buzzman .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-buzzman .container-logo svg {fill:#363f54} #header-desktop.style-buzzman .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-bilionairebay .container-rs:before {background-color:#363f54} #header-desktop.style-bilionairebay .container-rs p {color:#363f54} #header-desktop.style-bilionairebay .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-bilionairebay .container-logo svg {fill:#363f54} #header-desktop.style-bilionairebay .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-nextworldcap .container-rs:before {background-color:#363f54} #header-desktop.style-nextworldcap .container-rs p {color:#363f54} #header-desktop.style-nextworldcap .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-nextworldcap .container-logo svg {fill:#363f54} #header-desktop.style-nextworldcap .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-neura .container-rs:before {background-color:#363f54} #header-desktop.style-neura .container-rs p {color:#363f54} #header-desktop.style-neura .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-neura .container-logo svg {fill:#363f54} #header-desktop.style-neura .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-xola .container-rs:before {background-color:#363f54} #header-desktop.style-xola .container-rs p {color:#363f54} #header-desktop.style-xola .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-xola .container-logo svg {fill:#363f54} #header-desktop.style-xola .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-gotzm .container-rs:before {background-color:#363f54} #header-desktop.style-gotzm .container-rs p {color:#363f54} #header-desktop.style-gotzm .container-rs .li-rs a svg {fill:#363f54} #header-desktop.style-gotzm .container-logo svg {fill:#363f54} #header-desktop.style-gotzm .container-vr {color:#fff;background-color:rgba(0,0,0,.2)} #header-desktop.style-404 .container-rs {top:calc(100vh - 210px)} #nav-btn {position:fixed;z-index:22;left:0;top:0;height:195px;width:53px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;cursor:pointer} #nav-btn.scroll {background-color:#fff} #nav-btn .content {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer} #nav-btn .content .text {position:relative} #nav-btn .content .text span {display:block;color:#fff;font-family:National-Bold;font-size:12px;text-align:center;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-btn.scroll .content .text span,#nav-btn.active .content .text span {color:#363f54!important} #nav-btn .content .action {height:27px;width:27px;margin-top:14px;position:relative} #nav-btn .content .action .bar {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:1px;background-color:#fff;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-btn:hover .content .action .bar:nth-child(1) {-webkit-transform:translate(-50%,-30%) rotate(90deg) scaleY(.7);-ms-transform:translate(-50%,-30%) rotate(90deg) scaleY(.7);transform:translate(-50%,-30%) rotate(90deg) scaleY(.7)} #nav-btn:hover .content .action .bar:nth-child(2) {-webkit-transform:translate(-50%,-70%) rotate(90deg) scaleY(.7);-ms-transform:translate(-50%,-70%) rotate(90deg) scaleY(.7);transform:translate(-50%,-70%) rotate(90deg) scaleY(.7)} #nav-btn.scroll .content .action .bar,#nav-btn.active .content .action .bar {background-color:#363f54!important} #nav-btn.active .content .action .bar:nth-child(1) {-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} #nav-btn.active .content .action .bar:nth-child(2) {-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} #nav-btn.style-home .content .text span, #nav-btn.style-services .content .text span, #nav-btn.style-agency .content .text span, #nav-btn.style-qonto .content .text span, #nav-btn.style-chauffeurprive .content .text span, #nav-btn.style-lecollectionist .content .text span, #nav-btn.style-thoughtspot .content .text span, #nav-btn.style-marks .content .text span, #nav-btn.style-orangelabs .content .text span {color:#fff} #nav-btn.style-home .content .action .bar, #nav-btn.style-services .content .action .bar, #nav-btn.style-agency .content .action .bar, #nav-btn.style-qonto .content .action .bar, #nav-btn.style-chauffeurprive .content .action .bar, #nav-btn.style-lecollectionist .content .action .bar, #nav-btn.style-thoughtspot .content .action .bar, #nav-btn.style-marks .content .action .bar, #nav-btn.style-orangelabs .content .action .bar {background-color:#fff} #nav-btn.style-agency .content .action .bar, #nav-btn.style-nextworldcap .content .action .bar, #nav-btn.style-neura .content .action .bar, #nav-btn.style-owkin .content .action .bar, #nav-btn.style-lefty .content .action .bar, #nav-btn.style-xola .content .action .bar, #nav-btn.style-dreem .content .action .bar, #nav-btn.style-buzzman .content .action .bar, #nav-btn.style-bilionairebay .content .action .bar, #nav-btn.style-marks .content .action .bar, #nav-btn.style-gotzm .content .action .bar {background-color:#fff!important} #nav-btn.style-agency .content .text span, #nav-btn.style-nextworldcap .content .text span, #nav-btn.style-neura .content .text span, #nav-btn.style-owkin .content .text span, #nav-btn.style-lefty .content .text span, #nav-btn.style-xola .content .text span, #nav-btn.style-dreem .content .text span, #nav-btn.style-buzzman .content .text span, #nav-btn.style-bilionairebay .content .text span, #nav-btn.style-marks .content .text span, #nav-btn.style-gotzm .content .text span {color:#fff!important} .style-marks .header-menu >ul > li.active > a{ color:#fff!important } #nav {display:none;position:fixed;top:0;left:0;z-index:21;height:100vh;width:100%;background-color:transparent;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav.displayBlock {display:block} #nav.show {background-color:rgba(0,0,0,.3)} #nav .head {font-size:0;position:absolute;z-index:20;height:44px;width:100%;top:50px;left:0;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #nav.show .head {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .head .container-logo {cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:50%;height:100%;-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} #nav .head .container-logo svg {fill:#363f54;height:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .head .container-vr { background-color:rgba(0,0,0,.05); color:#363f54; padding:5px 10px 5px 30px; position:absolute; top:50%; right:60px; border-radius:50px; font-family:National-Bold; font-size:11px; -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; -moz-transition:all .25s ease; -ms-transition:all .25s ease;background: url(../images/tel2.png) no-repeat 8px center; } #nav .container-rs {position:absolute;padding-left:27px;bottom:160px;left:71px;display:inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} #nav.show .container-rs {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .container-rs:before {background-color:#363f54;content:'';width:27px;height:1px;position:absolute;top:50%;left:0;-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} #nav .container-rs .li-rs {display:inline-block;vertical-align:middle;position:relative;margin-left:20px} #nav .container-rs .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:13px;margin-right:13px;opacity:1;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .container-rs .li-rs a:last-child {margin-right:0} #nav .container-rs .li-rs a svg {fill:#363f54;width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content {position:absolute;width:100%;top:0;left:0;padding:160px 130px 130px;max-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content.active {opacity:1} #nav .content:before {content:'';width:120%;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff} #nav .content.active:before {animation:slideBgTop 1s forwards;-webkit-animation:slideBgTop 1s forwards} @keyframes slideBgTop {0% {-webkit-transform:translateY(-100%)translateX(-50%);transform:translateY(-100%)translateX(-50%);-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14)} 50% {-webkit-transform:translateY(-50%)translateX(-50%) skewY(-20deg);transform:translateY(-50%)translateX(-50%) skewY(-20deg)} 100% {-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);-webkit-transform:translateY(0%)translateX(-50%);transform:translateY(0%)translateX(-50%)} } @-webkit-keyframes slideBgTop {0% {-webkit-transform:translateY(-100%)translateX(-50%);transform:translateY(-100%)translateX(-50%);-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14)} 50% {-webkit-transform:translateY(-50%)translateX(-50%) skewY(-20deg);transform:translateY(-50%)translateX(-50%) skewY(-20deg)} 100% {-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);-webkit-transform:translateY(0%)translateX(-50%);transform:translateY(0%)translateX(-50%)} } #nav .content .container-prLink {width:28%} #nav .content .container-prLink ul {list-style:none;overflow:hidden} #nav .content .container-prLink ul li {position:relative;margin-bottom:40px;padding-left:40px;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);-o-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)} #nav .content:not(.active) .container-prLink ul li {-webkit-transition-delay:.25s!important;-o-transition-delay:.25s!important;transition-delay:.25s!important;-webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;-o-transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;-webkit-transition:opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease;transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 0s ease,-webkit-transform 1s cubic-bezier(.075,.82,.165,1)} #nav .content.active .container-prLink ul li {opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #nav .content .container-prLink ul li:nth-child(1) {-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} #nav .content .container-prLink ul li:nth-child(2) {-webkit-transition-delay:.58s;-o-transition-delay:.58s;transition-delay:.58s} #nav .content .container-prLink ul li:nth-child(3) {-webkit-transition-delay:.66s;-o-transition-delay:.66s;transition-delay:.66s} #nav .content .container-prLink ul li:nth-child(4) {-webkit-transition-delay:.74s;-o-transition-delay:.74s;transition-delay:.74s} #nav .content .container-prLink ul li:nth-child(5) {-webkit-transition-delay:.82s;-o-transition-delay:.82s;transition-delay:.82s} #nav .content .container-prLink ul li:nth-child(6) {-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s} #nav .content .container-prLink ul li:last-child {margin-bottom:0;-webkit-transition-delay:.98s;-o-transition-delay:.98s;transition-delay:.98s} #nav .content .container-prLink ul li:before {content:'';background-color:#363f54;position:absolute;left:0;top:50%;width:100%;height:1px;-webkit-transform:translateY(-50%) translateX(-100%);-ms-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);-webkit-transition:transform .75s cubic-bezier(.845,0,.165,1);-o-transition:transform .75s cubic-bezier(.845,0,.165,1);-webkit-transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1),-webkit-transform .75s cubic-bezier(.845,0,.165,1)} #nav .content .container-prLink ul li:hover:before {-webkit-transition:transform 2s cubic-bezier(0,.785,0,1);-o-transition:transform 2s cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1),-webkit-transform 2s cubic-bezier(0,.785,0,1);-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} #nav .content .container-prLink ul li a {color:#363f54;font-family:National-Bold;font-size:36px;text-decoration:none;background-color:#fff;position:relative;padding:0 20px} #nav .content .container-prLink ul li span {color:#363f54;font-family:National-Bold;font-size:14px;position:absolute;margin-left:-20px;bottom:100%} #nav .content .container-contentLink {width:72%;position:relative;opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav.show .content .container-contentLink {-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;opacity:1} #nav .content .container-contentLink .wrapper-el {position:absolute;width:100%;height:100%} #nav .content .container-contentLink .wrapper-el .el {display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} #nav .content .container-contentLink .wrapper-el .el.displayBlock {display:block} #nav .content .container-contentLink .wrapper-el .el.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1} #nav .content .container-contentLink .wrapper-el .el .container-text {position:absolute;right:0;top:340px;width:350px} #nav .content .container-contentLink .wrapper-el .el .container-text h3 {color:#363f54;font-family:National-Bold;font-size:14px;margin-bottom:13px} #nav .content .container-contentLink .wrapper-el .el .container-text p {color:#757a84;font-family:National-Regular;font-size:12px;line-height:18px} #nav .content .container-contentLink .wrapper-el .el-projects, #nav .content .container-contentLink .wrapper-el .el-services, #nav .content .container-contentLink .wrapper-el .el-case, #nav .content .container-contentLink .wrapper-el .el-dongcha{padding-left:40px;padding-top:95px} #nav .content .container-contentLink .wrapper-el .el-projects ul, #nav .content .container-contentLink .wrapper-el .el-services ul, #nav .content .container-contentLink .wrapper-el .el-case ul, #nav .content .container-contentLink .wrapper-el .el-dongcha ul{-moz-column-count:4;-moz-column-gap:20px;-moz-column-fill:balance;-webkit-column-count:3;-webkit-column-gap:20px;-webkit-column-fill:balance;column-count:3;column-gap:20px;column-fill:balance;list-style-position:inside;list-style:none} #nav .content .container-contentLink .wrapper-el .el-projects ul li, #nav .content .container-contentLink .wrapper-el .el-services ul li, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li, #nav .content .container-contentLink .wrapper-el .el-case ul li{position:relative;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding-left:20px} #nav .content .container-contentLink .wrapper-el .el-projects ul li:before, #nav .content .container-contentLink .wrapper-el .el-services ul li:before, #nav .content .container-contentLink .wrapper-el .el-case ul li:before, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li::before{content:'';background-color:#363f54;position:absolute;left:-1px;top:50%;width:100%;height:1.5px;-webkit-transform:translateY(-50%) translateX(-100%);-ms-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%);-webkit-transition:transform .75s cubic-bezier(.845,0,.165,1);-o-transition:transform .75s cubic-bezier(.845,0,.165,1);-webkit-transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:-webkit-transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1);transition:transform .75s cubic-bezier(.845,0,.165,1),-webkit-transform .75s cubic-bezier(.845,0,.165,1)} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover:before, #nav .content .container-contentLink .wrapper-el .el-services ul li:hover:before , #nav .content .container-contentLink .wrapper-el .el-case ul li:hover:before , #nav .content .container-contentLink .wrapper-el .el-dongcha ul li:hover::before{-webkit-transition:transform 2s cubic-bezier(0,.785,0,1);-o-transition:transform 2s cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:-webkit-transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1);transition:transform 2s cubic-bezier(0,.785,0,1),-webkit-transform 2s cubic-bezier(0,.785,0,1);-webkit-transform:translateY(-50%) translateX(0%);-ms-transform:translateY(-50%) translateX(0%);transform:translateY(-50%) translateX(0%)} #nav .content .container-contentLink .wrapper-el .el-projects ul li a, #nav .content .container-contentLink .wrapper-el .el-services ul li a, #nav .content .container-contentLink .wrapper-el .el-case ul li a , #nav .content .container-contentLink .wrapper-el .el-dongcha ul li a{text-decoration:none;color:#6c717c;font-family:National-Bold;font-size:16px;display:inline-block;background-color:#fff;padding-right:15px;padding-left:15px;position:relative;z-index:1;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav .content .container-contentLink .wrapper-el .el-projects ul li .soon,#nav .content .container-contentLink .wrapper-el .el-projects ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-services ul li .soon,#nav .content .container-contentLink .wrapper-el .el-services ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-case ul li .soon,#nav .content .container-contentLink .wrapper-el .el-case ul li .casestudy, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li .soon,#nav .content .container-contentLink .wrapper-el .el-dongcha ul li .casestudy{display:inline-block;padding:3px 6px;background-color:#f2f2f2;border-radius:30px;font-family:National-Bold;font-size:11px;position:relative;z-index:1} #nav .content .container-contentLink .wrapper-el .el-projects ul li .soon, #nav .content .container-contentLink .wrapper-el .el-services ul li .soon, #nav .content .container-contentLink .wrapper-el .el-case ul li .soon, #nav .content .container-contentLink .wrapper-el .el-dongcha ul li .soon{color:#363f54} /* #nav .content .container-contentLink .wrapper-el .el-projects ul li .casestudy {color:#2884f6} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover:before {background-color:#363f54} #nav .content .container-contentLink .wrapper-el .el-projects ul li:hover a {color:#363f54} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-axa:hover:before {background-color:#050494} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-axa:hover a {color:#050494} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-qonto:hover:before {background-color:#6455cc} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-qonto:hover a {color:#6455cc} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-engie:hover:before {background-color:#0af} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-engie:hover a {color:#0af} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-peech:hover:before {background-color:#39c4ff} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-peech:hover a {color:#39c4ff} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-lefty:hover:before {background-color:#80da33} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-lefty:hover a {color:#80da33} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-influence:hover:before {background-color:#ff4f5b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-influence:hover a {color:#ff4f5b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-gamology:hover:before {background-color:#ffc022} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-gamology:hover a {color:#ffc022} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-chauffeurprive:hover:before {background-color:#ce0c2a} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-chauffeurprive:hover a {color:#ce0c2a} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-alwaysdata:hover:before {background-color:#e5558b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-alwaysdata:hover a {color:#e5558b} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-seekube:hover:before {background-color:#1d9cd0} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-seekube:hover a {color:#1d9cd0} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-marks:hover:before {background-color:#f0576c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-marks:hover a {color:#f0576c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-orange:hover:before {background-color:#f0613c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-orange:hover a {color:#f0613c} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mektoube:hover:before {background-color:#24cf5f} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mektoube:hover a {color:#24cf5f} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-xola:hover:before {background-color:#1a96fe} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-xola:hover a {color:#1a96fe} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mondocteur:hover:before {background-color:#ff6c75} #nav .content .container-contentLink .wrapper-el .el-projects ul li.link-mondocteur:hover a {color:#ff6c75} */ #nav-btn-mobile {position:fixed;right:0;bottom:0;z-index:22;padding:25px 0;width:120px;height:70px;background-color:#fff;cursor:pointer} #nav-btn-mobile .content {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #nav-btn-mobile .content .container-bar {width:15px;height:1px;top:1px;position:relative;margin-right:10px} #nav-btn-mobile .content .container-bar .bar {position:absolute;left:0;top:0;width:100%;height:1px;background-color:#363f54;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-btn-mobile.active .content .container-bar .bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} #nav-btn-mobile.active .content .container-bar .bar:nth-child(2) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} #nav-btn-mobile .content .container-text {position:relative} #nav-btn-mobile .content .container-text span {color:#363f54;font-family:National-Bold;font-size:14px} #nav-mobile {height:100vh;width:100%;background-color:#fff;z-index:21;position:fixed;top:0;left:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-mobile .head {font-size:0;position:absolute;z-index:20;height:34px;width:100%;top:50px;left:0;opacity:0} #nav-mobile.show .head {opacity:1} #nav-mobile .head:before {position:absolute;content:'';width:100%;top:-150%;left:0;height:70px;background-color:#fff} #nav-mobile .head .container-logo {height:;cursor:pointer;text-decoration:none;display:inline-block;position:absolute;left:50%;top:0;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} #nav-mobile .head .container-logo svg {fill:#363f54;height:100%} #nav-mobile .head .container-vr {background-color:rgba(0,0,0,.05);color:#363f54;padding:3px 10px;position:absolute;top:0;right:30px;border-radius:50px;font-family:National-Bold;font-size:11px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} #nav-mobile.show {-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)} #nav-mobile .wrapper {position:relative;width:100%;height:100%;overflow:hidden} #nav-mobile .wrapper .container {height:100%;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .5s cubic-bezier(0,.785,0,1);-o-transition:all .5s cubic-bezier(0,.785,0,1);transition:all .5s cubic-bezier(0,.785,0,1)} #nav-mobile .wrapper .container.hide-left {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} #nav-mobile .wrapper .container.show {-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} #nav-mobile .wrapper .container.hide-right {-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} #nav-mobile .wrapper .container-linkPr {padding:160px 60px 30px} #nav-mobile .wrapper .container-linkPr ul {position:relative;list-style:none} #nav-mobile .wrapper .container-linkPr ul li {position:relative;margin-bottom:35px} #nav-mobile .wrapper .container-linkPr ul li:last-child {margin-bottom:0} #nav-mobile .wrapper .container-linkPr ul li a {display:inline-block;text-decoration:none;color:#363f54;font-family:National-Bold;font-size:24px;position:relative} #nav-mobile .wrapper .container-linkPr ul li span {position:absolute;color:#363f54;font-family:National-Bold;font-size:14px;display:inline-block;top:-2px;margin-left:5px} #nav-mobile .wrapper .container-linkPr .li-rs {position:absolute;display:inline-block;vertical-align:middle;bottom:10px;left:25px} #nav-mobile .wrapper .container-linkPr .li-rs a {display:inline-block;text-decoration:none;vertical-align:middle;width:20px;margin-right:16px;opacity:1;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-mobile .wrapper .container-linkPr .li-rs a:last-child {margin-right:0} #nav-mobile .wrapper .container-linkPr .li-rs a svg {fill:#363f54;width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} #nav-mobile .wrapper .container-projects {overflow:auto;-webkit-overflow-scrolling:touch;padding:105px 60px 30px} #nav-mobile .wrapper .container-projects .back {width:14px;position:relative;margin-bottom:30px;cursor:pointer} #nav-mobile .wrapper .container-projects .back svg {fill:#363f54;width:100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} #nav-mobile .wrapper .container-projects ul {position:relative;list-style:none;padding-bottom:50px} #nav-mobile .wrapper .container-projects ul li {position:relative;margin-bottom:35px} #nav-mobile .wrapper .container-projects ul li:last-child {margin-bottom:0} #nav-mobile .wrapper .container-projects ul li a {display:inline-block;text-decoration:none;color:#363f54;font-family:National-Bold;font-size:18px;position:relative;margin-right:10px} #nav-mobile .wrapper .container-projects ul li .soon,#nav-mobile .wrapper .container-projects ul li .casestudy {display:inline-block;padding:3px 6px;background-color:#f2f2f2;border-radius:30px;font-family:National-Bold;font-size:11px;position:relative;z-index:1} #nav-mobile .wrapper .container-projects ul li .soon {color:#363f54} #nav-mobile .wrapper .container-projects ul li .casestudy {color:#2884f6} .header-menu{ /* position: absolute; */ margin-left: 140px; font-size: 16px; color: #fff; font-weight: bold; font-family: PingFang SC; margin-top: 14px; position: relative; } .header-menu a{ color: #fff; } .header-menu >ul > li {float:left;font-size:16px;z-index:1;cursor:pointer;height:100%;-webkit-tap-highlight-color:transparent;margin: 0 8px;height: 30px;line-height: 30px;} .header-menu >ul > li > a {display:block;color:#fff;position:relative;transition:all 0s;text-align:center;} .style-marks .header-menu >ul > li > a{color: #fff !important;} .style-marks .header-menu .defsubnav li a{color: #fff !important;} .header-menu >ul > li > a:hover {color:#fff !important;} .header-menu >ul > li.active > a {color:#fff !important;} .header-menu >ul > li.active > a:hover {color:#fff;} .header-menu .subnav22 { position: absolute; display: none; width: 100%; left: 0px; background: rgba(0,0,0,0.3); top: 66px; } .header-menu .subnav22 ol { float: right; margin-right: 150px; height: 80px; line-height: 80px; } .header-menu .nav ul li { float: left; margin: 0 30px; font-size: 16px; height: 100%; line-height: 100px; } .header-menu .subnav22 ol li { top: -10px; line-height: 80px; float: left; margin: 0 20px; font-size: 16px; } .header-menu .subnav22 ol li a { font-size: 14px; color: #fff; } .header-menu .subnav { position: absolute; left: 0px; top: 32px; display: none; } .header-menu .defsubnav ol { font-size: 0; text-align: left; } .header-menu .defsubnav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 20px 0 0; height: 80px; line-height: 80px; font-size: 14px; color: #888; } .header-menu .defsubnav li a { color: #fff; } .header-menu .defsubnav li a:hover { color: #333 !important; }