.scene-1{display:inline-block;position:relative;height:600px;width:740px}.scene-1 .scene-item{position:absolute;z-index:1}.scene-1 .scene-item.background{top:0px;right:0px;width:auto;height:680px}.scene-1 .scene-item.smart{top:250px;right:100px;width:auto;height:290px}.scene-1 .scene-item.default-cv{top:292px;right:560px;width:auto;height:100px;opacity:0;animation:6s ease-in-out 0s normal none infinite default-cv-1}.scene-1 .scene-item.brand-cv{top:324px;right:310px;width:auto;height:100px;opacity:0;animation:6s ease-in-out 0s normal none infinite brand-cv-1}.scene-1 .scene-item.engine{top:320px;right:60px;width:auto;height:220px}@keyframes default-cv-1{20%{transform:translateY(30px);opacity:1}50%{opacity:1;transform:translateY(30px) translateX(240px)}62%{opacity:0;transform:translateY(30px) translateX(240px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(230px)}92%{opacity:0;transform:translateX(230px) translateY(-30px)}}@media(max-width: 1599px){.scene-1{height:500px;width:580px}.scene-1 .scene-item.background{top:0px;right:0px;height:567px}.scene-1 .scene-item.smart{top:208px;right:83px;height:242px}.scene-1 .scene-item.default-cv{top:243px;right:467px;height:83px}.scene-1 .scene-item.brand-cv{top:270px;right:258px;height:83px}.scene-1 .scene-item.engine{top:267px;right:50px;height:183px}@keyframes default-cv-1{20%{transform:translateY(25px);opacity:1}50%{opacity:1;transform:translateY(25px) translateX(200px)}62%{opacity:0;transform:translateY(25px) translateX(200px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(192px)}92%{opacity:0;transform:translateX(192px) translateY(-25px)}}}@media(max-width: 1199px){.scene-1{height:400px;width:470px}.scene-1 .scene-item.background{top:0px;right:0px;height:453px}.scene-1 .scene-item.smart{top:167px;right:67px;height:193px}.scene-1 .scene-item.default-cv{top:195px;right:373px;height:67px}.scene-1 .scene-item.brand-cv{top:216px;right:207px;height:67px}.scene-1 .scene-item.engine{top:213px;right:40px;height:147px}@keyframes default-cv-1{20%{transform:translateY(20px);opacity:1}50%{opacity:1;transform:translateY(20px) translateX(160px)}62%{opacity:0;transform:translateY(20px) translateX(160px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(153px)}92%{opacity:0;transform:translateX(153px) translateY(-20px)}}}@media(max-width: 990px){.scene-1{height:300px;width:360px}.scene-1 .scene-item.background{top:0px;right:0px;height:340px}.scene-1 .scene-item.smart{top:125px;right:50px;height:145px}.scene-1 .scene-item.default-cv{top:146px;right:280px;height:50px}.scene-1 .scene-item.brand-cv{top:162px;right:155px;height:50px}.scene-1 .scene-item.engine{top:160px;right:30px;height:110px}@keyframes default-cv-1{20%{transform:translateY(15px);opacity:1}50%{opacity:1;transform:translateY(15px) translateX(120px)}62%{opacity:0;transform:translateY(15px) translateX(120px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(115px)}92%{opacity:0;transform:translateX(115px) translateY(-15px)}}}@media(max-width: 767px){.scene-1{height:240px;width:250px}.scene-1 .scene-item.background{top:0px;right:0px;height:272px}.scene-1 .scene-item.smart{top:100px;right:40px;height:116px}.scene-1 .scene-item.default-cv{top:117px;right:224px;height:40px}.scene-1 .scene-item.brand-cv{top:130px;right:124px;height:40px}.scene-1 .scene-item.engine{top:128px;right:24px;height:88px}@keyframes default-cv-1{20%{transform:translateY(12px);opacity:1}50%{opacity:1;transform:translateY(12px) translateX(96px)}62%{opacity:0;transform:translateY(12px) translateX(96px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(92px)}92%{opacity:0;transform:translateX(92px) translateY(-12px)}}}@media(max-width: 575px){.scene-1{height:240px;width:300px;margin-top:-90px}.scene-1 .scene-item.background{top:0px;right:0px;height:272px}.scene-1 .scene-item.smart{top:100px;right:40px;height:116px}.scene-1 .scene-item.default-cv{top:117px;right:224px;height:40px}.scene-1 .scene-item.brand-cv{top:130px;right:124px;height:40px}.scene-1 .scene-item.engine{top:128px;right:24px;height:88px}@keyframes default-cv-1{20%{transform:translateY(12px);opacity:1}50%{opacity:1;transform:translateY(12px) translateX(96px)}62%{opacity:0;transform:translateY(12px) translateX(96px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(92px)}92%{opacity:0;transform:translateX(92px) translateY(-12px)}}}@media(max-width: 369px){.scene-1{height:220px;width:270px;margin-top:-70px}.scene-1 .scene-item.background{top:0px;right:0px;height:249px}.scene-1 .scene-item.smart{top:92px;right:37px;height:106px}.scene-1 .scene-item.default-cv{top:107px;right:205px;height:37px}.scene-1 .scene-item.brand-cv{top:119px;right:114px;height:37px}.scene-1 .scene-item.engine{top:117px;right:22px;height:81px}@keyframes default-cv-1{20%{transform:translateY(11px);opacity:1}50%{opacity:1;transform:translateY(11px) translateX(88px)}62%{opacity:0;transform:translateY(11px) translateX(88px)}}@keyframes brand-cv-1{50%{opacity:1;transform:translateX(1px)}80%{opacity:1;transform:translateX(84px)}92%{opacity:0;transform:translateX(84px) translateY(-11px)}}}.body .hello{justify-items:center}.body .hello .scene-holder{position:relative;z-index:1;grid-column:3/34;grid-row:2}@media(min-width: 768px){.body .hello .scene-holder{grid-column:14/35;grid-row:1}}.body .hello .texts{position:relative;z-index:2;grid-column:3/34;grid-row:1}@media(min-width: 768px){.body .hello .texts{grid-column:3/14;grid-row:1}}.body .hello .texts h1{padding-top:120px}.body .hello .texts h1 span{display:block;max-width:600px}.body .hello .texts h1 span.slogan-1{color:#3939aa;font-size:42px}.body .hello .texts h1 span.brand{text-align:right;color:#3939aa;padding-top:30px;padding-right:30px;font-size:110px}.body .hello .texts h1 span.slogan-2{padding-top:40px;color:#3939aa;font-size:36px}@media(max-width: 1599px){.body .hello .texts h1{padding-top:100px}.body .hello .texts h1 span.slogan-1{font-size:30px}.body .hello .texts h1 span.brand{font-size:90px}.body .hello .texts h1 span.slogan-2{font-size:28px}}@media(max-width: 1199px){.body .hello .texts h1{padding-top:50px}.body .hello .texts h1 span.slogan-1{font-size:22px}.body .hello .texts h1 span.brand{font-size:90px}.body .hello .texts h1 span.slogan-2{font-size:20px}}@media(max-width: 990px){.body .hello .texts h1{padding-top:70px}.body .hello .texts h1 span.slogan-1{font-size:16px}.body .hello .texts h1 span.brand{padding-top:16px;font-size:60px}.body .hello .texts h1 span.slogan-2{padding-top:20px;font-size:14px}}@media(max-width: 767px){.body .hello .texts h1{padding-top:10px}.body .hello .texts h1 span.slogan-1{font-size:24px}.body .hello .texts h1 span.brand{text-align:center;padding-top:10px;font-size:60px}.body .hello .texts h1 span.slogan-2{padding-top:18px;font-size:18px}}@media(max-width: 369px){.body .hello .texts h1{padding-top:10px}.body .hello .texts h1 span.slogan-1{font-size:20px}.body .hello .texts h1 span.brand{text-align:center;padding-top:10px;font-size:60px}.body .hello .texts h1 span.slogan-2{padding-top:18px;font-size:16px}}
