body{display:flex;margin:0;padding:0;height:100vh}.root{width:100%;height:100%}.person{display:flex;position:fixed;top:50%;left:50%;margin-top:-100px;margin-left:-200px;width:400px;height:400px;z-index:10;background:url('../assets/person.svg') center top;background-size:cover;opacity:0;transition:opacity .2s ease}
.screen1{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.screen1:before,.screen5:before,.screen7:before{display:flex;content:'';width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;background:0;background-size:cover;-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:50s;animation-duration:50s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
body.anim-ready .screen1:before,body.anim-ready .screen5:before,body.anim-ready .screen7:before{background:url('../assets/bg1.svg') no-repeat;-webkit-animation-name:MOVE-BG;animation-name:MOVE-BG}
.screen2{display:flex;width:100%;height:534px;position:absolute;flex-direction:column;background:#217ede;z-index:11;align-items:center;justify-content:center}
.screen3{display:flex;margin-top:534px;width:100%;position:relative;max-height:100%;min-height:100%;height:100%;z-index:9}
.screen4{display:flex;width:100%;height:768px;position:absolute;background:#3d85cf;z-index:11;overflow:hidden;content-visibility:auto;contain-intrinsic-size:768px}
.screen5{display:flex;width:100%;height:150%;position:relative;overflow:hidden;margin-top:768px;content-visibility:auto;contain-intrinsic-size:1200px}
.screen6{display:flex;width:100%;height:768px;position:absolute;background:#217ede;z-index:11}
.screen7{display:flex;width:100%;height:100%;position:relative;overflow:hidden;margin-top:768px;content-visibility:auto;contain-intrinsic-size:900px}
.screen8{display:flex;width:100%;height:384px;position:absolute;flex-direction:column;background:#217ede;z-index:11;padding-top:84px;align-items:center;justify-content:center}
.screen9{display:flex;width:100%;height:100%;position:absolute;background:#245689;margin-top:384px;z-index:11}
.leftBubbles{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;margin-left:20%;margin-bottom:20%;z-index:2}
.leftBubbles .r1{display:flex;width:50px;height:50px;background-color:#ffc3ab;border-radius:50px}
.leftBubbles .r2{display:flex;width:0;height:0;margin-left:-37px;margin-top:-55px;box-shadow:0 0 10px 7px #ffce56}
.leftBubbles .r3{display:flex;width:10px;height:10px;background:#01c6bc;border-radius:10px;margin-left:-7px;margin-top:85px;box-shadow:0 0 2px 8px #01c6bc}
.rightBubbles{display:flex;flex-direction:column;position:absolute;height:180px;top:0;right:0 !important;margin-right:17%;margin-top:13%;z-index:2}
.rightBubbles .r1{display:flex;width:40px;height:40px;background-color:#ffc3ab;border-radius:50px}
.rightBubbles .r2{display:flex;width:18px;height:18px;background:#ffce56;border-radius:10px;margin-left:70px;margin-top:30px}
.rightBubbles .r3{display:flex;box-shadow:0 0 15px 8px #01c6bc;width:0;height:0;border-radius:10px;margin-left:-20px;margin-top:-30px}
.centerBlock{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:-100px;width:100%;z-index:3}
.city{display:flex;width:928px;height:368px;z-index:1;background:url('../assets/city.svg')}
.title{display:flex;flex-direction:row;margin-top:50px}.team{font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:64px;line-height:80px;color:#34302d}
.topcase{width:285px;height:80px;background:url('../assets/logo.svg');margin-left:27px}
.menu{display:flex;flex-direction:row;margin-top:34px}.menuItem{display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:24px;align-items:center}
.menuItem::before{content:' ';display:flex;width:8px;height:8px;border-radius:4px;background:#ff6767;margin:0 32px}
.beforeHidden::before{display:none}.buttons{display:flex;flex-direction:row;position:absolute;bottom:0;margin-bottom:200px;width:822px;justify-content:space-between;z-index:4}
.teamButton{display:flex;width:235px;height:64px;background:#ff6767;align-items:center;justify-content:center;border-radius:16px;position:relative;cursor:pointer}
.oneClick{font-family:Raleway,sans-serif;background:#fff url('../assets/ico_one_click.svg') 19px 16px no-repeat;color:#1b212c;font-weight:500;font-size:14px;line-height:20px;position:absolute;top:0;left:0;margin-top:-170px;margin-left:-90px;z-index:4;padding:16px 16px 16px 60px;border-radius:16px;box-shadow:0 16px 44px rgba(200,211,218,0.65)}
.oneClick:before{content:' ';width:76px;height:104px;position:absolute;top:0;left:0;margin-top:90px;z-index:4;background:url('../assets/arrow-one-click.svg')}
.chill{font-family:Raleway,sans-serif;background:#fff url('../assets/ico_chill.svg') 19px 16px no-repeat;color:#1b212c;font-weight:500;font-size:14px;line-height:20px;position:absolute;top:0;right:0;margin-top:-100px;margin-right:-190px;z-index:2;padding:16px 16px 16px 60px;border-radius:16px;box-shadow:0 16px 44px rgba(200,211,218,0.65)}
.chill:before{content:' ';width:55px;height:47px;position:absolute;right:0;left:0;margin-top:75px;margin-left:50px;z-index:2;background:url('../assets/arrow-chill.svg')}
.mems{display:flex;width:235px;height:64px;background:#3d85cf;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;z-index:1}
.buttonText{display:flex;color:#fff;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px}
.doge{width:75px;height:75px;background:url('../assets/doge.png') no-repeat;background-size:contain;position:absolute;bottom:0;right:0;z-index:0;margin-bottom:50px;margin-right:40px;display:none;-webkit-animation:DOGE_UP 1s;-moz-animation:DOGE_UP 1s;-o-animation:DOGE_UP 1s;animation:DOGE_UP 1s}
@-webkit-keyframes DOGE_UP{0%{margin-bottom:0}100%{margin-bottom:50px}
}@-moz-keyframes DOGE_UP{0%{margin-bottom:0}100%{margin-bottom:50px}
}@-o-keyframes DOGE_UP{0%{margin-bottom:0}100%{margin-bottom:50px}
}@keyframes DOGE_UP{0%{margin-bottom:0}100%{margin-bottom:50px}
}.office{display:flex;flex:1;background:url('../assets/office.svg') center center no-repeat;background-size:753px 440px}
.conditions{display:flex;flex-direction:column;position:absolute;margin-top:18%;margin-left:10%;z-index:10}
.conditionsWin{margin-top:14%}.conditionsTitle{display:flex;font-family:Raleway,sans-serif;font-weight:600;font-size:64px;color:#34302d}
.conditionText{display:flex;font-family:Raleway,sans-serif;font-weight:400;font-size:20px;color:#322e2b;margin-top:16px}
.rowHH{display:flex;align-items:center;margin-top:48px}.redButton{display:flex;font-family:Raleway,sans-serif;font-weight:600;font-size:16px;color:#fff;align-items:center;justify-content:center;margin-right:16px;text-decoration:none;background:#fa5151;border-radius:16px;padding:20px 40px}
.redButton:hover{text-decoration:none}.redHRButton{display:flex;font-family:Raleway,sans-serif;font-weight:600;font-size:16px;color:#fa5151;align-items:center;justify-content:center;text-decoration:none;border:1px solid #fa5151;background:#fff;border-radius:16px;padding:20px 40px}
.redHRButton:hover{text-decoration:none}@-webkit-keyframes MOVE-BG{from{transform:skew(0,0)}
10%{transform:skew(-4deg,-6deg)}20%{transform:skew(4deg,-6deg)}30%{transform:skew(-4deg,-6deg)}
40%{transform:skew(24deg,16deg)}50%{transform:skew(-4deg,-6deg)}60%{transform:skew(12deg,-46deg)}
to{transform:skew(8deg,12deg)}}@keyframes MOVE-BG{from{transform:skew(0,0)}10%{transform:skew(-4deg,-6deg)}
20%{transform:skew(4deg,-6deg)}30%{transform:skew(-4deg,-6deg)}40%{transform:skew(24deg,16deg)}
50%{transform:skew(-4deg,-6deg)}60%{transform:skew(12deg,-46deg)}to{transform:skew(8deg,12deg)}
}.stop-scrolling{height:100%;overflow:hidden}.game{border-radius:8px;cursor:pointer}
.gameBlock{z-index:1001;position:fixed;top:0;margin-top:10%;margin-left:10%;display:flex;flex-direction:column;align-items:center}
.textInstruction{margin-bottom:84px;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-size:16px;color:#FFFFFF60;position:absolute;bottom:0;right:0;margin-right:-274px}
.skipButton{padding:20px 55px 20px 89px;color:#fff;font-weight:600;font-family:Raleway,sans-serif;border:1px solid rgba(255,255,255,0.60);box-sizing:border-box;border-radius:16px;margin-top:26px;cursor:pointer;position:absolute;bottom:0;right:0;margin-right:-320px;background:url('../assets/skipgame.svg') 50px 15px no-repeat}
.fixed{position:fixed;top:0;width:100%;height:100%;z-index:-1}.spacer{min-height:200%;width:1px;background:red}
.yodafly{width:192px;height:424px;display:flex;flex-direction:column;align-items:center;flex:1;position:absolute;left:50%;margin-left:168px;top:0;opacity:0;margin-top:15%;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;transition:opacity .5s ease-in}
.yodaFlyImg{display:flex;width:184px;height:288px;margin-left:10px;background:url('../assets/yodafly.svg') center center no-repeat}
.gameStartButton{display:flex;padding:20px 42px;background:#fa5151;font-family:Raleway,sans-serif;font-weight:600;font-size:16px;color:#fff;border-radius:16px;align-items:center;justify-content:center;cursor:pointer;margin-top:12px}
.oblako{width:152px;height:144px;display:flex;flex:1;position:fixed;left:0;top:0;opacity:0;margin-top:10%;background:url('../assets/oblako.svg') center center no-repeat;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;transition:opacity .5s ease-in}
.leftOffice{display:flex;flex:1;flex-direction:column;align-items:flex-end;justify-content:center}
.rightOffice{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center}
.photoWrapper{position:absolute;z-index:9;cursor:move;padding:15px 15px 30px 15px;background:#fff;border-radius:8px;box-shadow:0 0 8px 12px rgba(0,0,0,0.05)}
.hr{display:flex;position:absolute;z-index:8;flex-direction:column;align-items:center}
.hrTitle{display:flex;font-size:20px;color:#fff;font-weight:500;font-family:Raleway,sans-serif}
.hrButton{padding:20px 40px;border-radius:16px;background:#fff;color:#ff3e3f;font-weight:600;font-size:16px;cursor:pointer;margin-top:24px;font-family:Raleway,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}
.hrButton:hover{text-decoration:none;color:#ff3e3f}.officePhoto{display:flex;height:300px;border-radius:6px;-webkit-transform:rotate(random(-5,5)deg);transform:rotate(random(-5,5)deg)}
.officeTitle{display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;margin-left:108px;font-size:64px;line-height:80px;color:#fefefe;background:#3d85cf;padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.officeSupport{font-family:Raleway,sans-serif;background:#fff url('../assets/ico_chill.svg') 19px 16px no-repeat;color:#1b212c;font-weight:500;font-size:14px;margin-left:108px;position:relative;line-height:20px;display:flex;padding:16px 16px 16px 60px;z-index:9;margin-top:88px;border-radius:16px;box-shadow:0 16px 44px rgba(76,84,88,0.65);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.officeSupport:before{content:' ';width:84px;height:124px;position:absolute;right:0;margin-top:75px;margin-left:50px;z-index:2;background:url('../assets/arrow-white-office.svg') no-repeat}
.officeDesc{display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;margin-left:108px;margin-top:24px;font-size:20px;line-height:32px;color:#fefefe;background:#3d85cf;padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tehnology{display:flex;flex:1;align-items:center;position:relative;justify-content:center}
.tehnologyTable{display:flex;width:520px;height:260px;margin-top:10%;z-index:10;margin-left:-50px;background:url('../assets/tehnology-table.svg') no-repeat;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;transition:opacity .5s ease-in}
.backcircle{display:flex;width:474px;height:474px;border-radius:400px;background:#f5fcff;position:absolute;margin-top:10%}
.tehnologyStack{display:flex;width:1247px;height:727px;background:url('../assets/stack-layer-main.svg');background-size:cover;position:absolute;top:50%;left:50%;margin-left:-623px;margin-top:-363px;z-index:20}
.stackKuber{display:flex;width:366px;height:181px;background:url('../assets/stack-layer-kuber.svg');background-size:cover;position:absolute;bottom:0;left:0;margin-left:10px;margin-bottom:120px;z-index:22}
.gearLeft1{display:flex;width:92px;height:92px;background:url('../assets/stack-layer-gear-left1.svg');background-size:cover;position:absolute;bottom:0;left:0;margin-left:60px;margin-bottom:140px;z-index:21}
.gearLeft2{display:flex;width:33px;height:33px;background:url('../assets/stack-layer-gear-left2.svg');background-size:cover;position:absolute;top:0;left:0;margin-left:325px;margin-top:33px;z-index:21}
.gearLeft3{display:flex;width:33px;height:33px;background:url('../assets/stack-layer-gear-left3.svg');background-size:cover;position:absolute;bottom:0;left:0;margin-left:308px;margin-bottom:243px;z-index:21}
.ballLeft1{display:flex;width:22px;height:22px;background:url('../assets/stack-layer-ball-left1.svg');background-size:cover;position:absolute;top:0;left:0;margin-left:245px;margin-top:237px;z-index:21}
.ballLeft2{display:flex;width:22px;height:22px;background:url('../assets/stack-layer-ball-left2.svg');background-size:cover;position:absolute;bottom:0;left:0;margin-left:213px;margin-bottom:208px;z-index:21}
.ballJava{display:flex;width:96px;height:95px;background:url('../assets/stack-layer-java-righ.svg');background-size:cover;position:absolute;top:0;right:0;margin-right:344px;margin-top:286px;z-index:22}
.ballRight1{display:flex;width:28px;height:28px;background:url('../assets/stack-layer-ball-right1.svg');background-size:cover;position:absolute;top:0;right:0;margin-right:194px;margin-top:275px;z-index:21}
.ballRight2{display:flex;width:22px;height:22px;background:url('../assets/stack-layer-ball-left1.svg');background-size:cover;position:absolute;top:0;right:0;margin-right:366px;margin-top:370px;z-index:21}
.gearRight1{display:flex;width:33px;height:33px;background:url('../assets/stack-layer-gear-left3.svg');background-size:cover;position:absolute;top:0;right:0;margin-right:252px;margin-top:333px;z-index:21}
.gearRight2{display:flex;width:75px;height:75px;background:url('../assets/stack-layer-gear-right2.svg');background-size:cover;position:absolute;top:0;right:0;margin-right:80px;margin-top:15px;z-index:22}
.leftCustomers{display:flex;flex:1;flex-direction:column;align-items:flex-end;justify-content:center}
.rightCustomers{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;background:#f4f9fd;padding:64px}
.customerTitle{display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:64px;line-height:80px;color:#f4f9fd;width:500px;margin-bottom:64px}
.outline{display:flex;color:#F4F9FD60;cursor:pointer}.projectRow{display:flex;width:560px;height:104px}
.project{display:flex;flex:1;background:#deeefc;align-items:center;justify-content:center;margin:10px;position:relative;cursor:pointer}
.projectText{display:flex;flex:1;justify-content:center;align-items:center;height:100%;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:32px;color:#322e2b;text-transform:uppercase;text-decoration:none}
.marginleft{margin-left:60px}.marginright{margin-left:-310px}.margincenter{margin-left:-135px}
.project>span{display:none;position:absolute;z-index:100;top:0;left:0;margin-top:90px;background:#383434;width:380px;border-radius:12px;padding:24px;font-family:Raleway,sans-serif;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#fff}
.project:hover .projectText{color:#217ede}.project:hover>span{display:flex}.customerDesc{display:flex;font-family:Raleway,sans-serif;font-style:normal;margin-right:50px;width:500px;font-weight:500;margin-top:24px;font-size:20px;line-height:32px;color:#fefefe}
.customersLayer{width:560px;height:520px;background:url('../assets/customers.png') no-repeat;background-size:contain}
.projectLayer{flex:1;flex-direction:column;justify-content:center;display:none}.partnersLayer{display:none;width:576px;height:504px;background:url('../assets/partners.png') no-repeat;background-size:contain}
.licLayer{flex:1;align-self:flex-start;flex-direction:column;justify-content:center;display:none}
.lic{display:flex;padding-left:140px;font-family:Raleway,sans-serif;font-style:normal;font-weight:normal;font-size:16px;line-height:24px;align-items:center;color:#322e2b;min-height:124px;margin-bottom:35px}
.fsb{background:url('../assets/fsb-logo.png') no-repeat}.tech{background:url('../assets/tech-logo.png') no-repeat}
.gost{background:url('../assets/gost-logo.png') no-repeat}.docsLayer{flex:1;align-self:flex-start;flex-direction:column;justify-content:flex-start;display:none;padding:20px 0}
.doc{display:flex;flex-direction:column;padding:20px 40px;margin-bottom:25px;border-left:4px solid #007bff;background:rgba(0,123,255,0.05);border-radius:0 8px 8px 0;transition:all .3s ease}
.doc:hover{background:rgba(0,123,255,0.1);transform:translateX(5px)}.docLink{font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:24px;color:#007bff;text-decoration:none;margin-bottom:8px;transition:color .3s ease}
.docLink:hover{color:#0056b3;text-decoration:underline}.docDesc{font-family:Raleway,sans-serif;font-style:normal;font-weight:normal;font-size:14px;line-height:20px;color:#666;max-width:600px}
.portfolioTable{display:flex;width:377px;height:165px;z-index:2000;background:url('../assets/portfolio-table.svg') no-repeat;background-size:contain;position:absolute;top:50%;left:50%;margin-left:-188px;margin-top:92px}
.porfoliobg{display:flex;width:696px;height:510px;background:url('../assets/porfoliobg.svg') no-repeat;background-size:contain;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-255px}
.hh{display:flex;flex-direction:column;position:absolute;margin-top:10%;margin-left:8%;z-index:10;left:0;top:0}
.cote{position:absolute;margin-right:10%;z-index:10;right:0;bottom:0;display:none;margin-bottom:-10px;width:205px;height:311px;background:url('../assets/cote.svg') no-repeat;background-size:cover;-webkit-animation:COTE_UP 2s;-moz-animation:COTE_UP 2s;-o-animation:COTE_UP 2s;animation:COTE_UP 2s}
@keyframes COTE_UP{0%{-webkit-transform:translateY(400px);transform:translateY(400px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}.rotate{animation:rotate 2.5s linear infinite}
.rotatefast{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}
}.bonusList{display:flex;flex-direction:column;position:absolute;top:0;left:0;z-index:1;max-height:212px;overflow:scroll;padding:30px;-ms-overflow-style:none;scrollbar-width:none}
.bonuslist::-webkit-scrollbar{display:none}.bonusListWrapper{display:flex;flex-direction:column;position:absolute;top:0;right:0;margin-right:-344px;width:324px;height:212px}
.bonus{display:flex;font-family:Raleway,sans-serif;font-weight:500;font-size:14px;line-height:20px;width:264px;min-height:22px;background:rgba(255,255,255,0.9);box-shadow:0 16px 24px #1c1d1e;border-radius:16px 16px 16px 0;align-items:center;margin-bottom:10px;padding:16px;color:#1b212c}
.bonusOverlay{content:' ';position:absolute;width:350px;height:245px;left:0;z-index:2;top:0;background:linear-gradient(180deg,#333 -25.82%,rgba(43,44,45,0) 58.3%)}
#plushka{width:77px;height:67px;position:absolute;top:0;left:0;margin-top:60px;margin-left:35px;opacity:0;z-index:99999;display:none;-webkit-animation:PLUSHKA 2s;-moz-animation:PLUSHKA 2s;-o-animation:PLUSHKA 2s;animation:PLUSHKA 2s}
.bonus-obed{background:url('../assets/bonus-obed.svg') no-repeat;background-size:cover}
.bonus-dms{background:url('../assets/bonus-dms.svg') no-repeat;background-size:cover}
.bonus-conf{background:url('../assets/bonus-conf.svg') no-repeat;background-size:cover}
.bonus-sport{background:url('../assets/bonus-sport.svg') no-repeat;background-size:cover}
.bonus-game{background:url('../assets/bonus-game.svg') no-repeat;background-size:cover}
.bonus-library{background:url('../assets/bonus-library.svg') no-repeat;background-size:cover}
.bonus-coffee{background:url('../assets/bonus-coffee.svg') no-repeat;background-size:cover}
.bonus-fruits{background:url('../assets/bonus-fruits.svg') no-repeat;background-size:cover}
@-webkit-keyframes PLUSHKA{0%{opacity:0;margin-top:60px}50%{opacity:1;margin-top:10px}
100%{opacity:0;margin-top:10px}}@-moz-keyframes PLUSHKA{0%{opacity:0;margin-top:60px}
50%{opacity:1;margin-top:10px}100%{opacity:0;margin-top:10px}}@-o-keyframes PLUSHKA{0%{opacity:0;margin-top:60px}
50%{opacity:1;margin-top:10px}100%{opacity:0;margin-top:10px}}@keyframes PLUSHKA{0%{opacity:0;margin-top:60px}
50%{opacity:1;margin-top:10px}100%{opacity:0;margin-top:10px}}.dialogRow{display:flex;flex-direction:row;position:relative}
.dialog1{width:584px;height:168px;background:#1e6fc3;margin-top:10px;border-radius:16px;position:relative;transform:skewY(-3deg)}
.dialog2{width:487px;height:138px;background:#1e6fc3;margin-left:30px;border-radius:16px;transform:skewY(3deg);margin-top:10px}
.dialog1ico{display:flex;width:204px;position:absolute;height:216px;background:url('../assets/dialog1ico.svg') no-repeat;background-size:cover;margin-left:30px;border-radius:20px}
.dialog1ico:after{content:' ';width:180px;height:180px;position:absolute;margin:13px;z-index:-1;box-shadow:0 16px 44px rgba(31,50,87,1)}
.dialog2ico{display:flex;width:200px;position:absolute;height:180px;right:0;top:0;margin-top:-10px;z-index:20;background:url('../assets/dialog2ico.svg') no-repeat;background-size:cover;border-radius:20px;margin-right:30px}
.dialog4{width:460px;height:160px;background:#1e6fc3;margin-left:10px;border-radius:16px;margin-top:25px;transform:skewY(7deg)}
.dialog3ico{display:flex;width:204px;position:absolute;height:216px;right:0;top:0;margin-top:10px;background:url('../assets/dialog3ico.svg') no-repeat;background-size:cover;border-radius:20px;margin-right:70px}
.dialog3ico:after{content:' ';width:180px;height:180px;position:absolute;margin:13px;z-index:-1;box-shadow:0 16px 44px rgba(31,50,87,1)}
.dialog2icoShadow{content:' ';min-width:150px;min-height:140px;position:absolute;right:0;top:0;margin:-10px 55px 13px 13px;z-index:1;box-shadow:0 16px 44px rgba(31,50,87,1)}
.dialogWrapper{display:flex;width:1073px;position:relative;height:379px;flex-direction:column}
.big{width:1152px}.dialog3{width:450px;height:148px;background:#1e6fc3;margin-top:10px;border-radius:16px;transform:skewY(-3deg);align-self:center}
.text{font-family:Raleway,sans-serif;font-style:normal;font-weight:400;text-align:center;font-size:20px;line-height:28px;padding-top:5px;color:#322e2b}
.text1{position:absolute;width:277px;height:37px;right:0;margin-right:42px;margin-top:24px;background:#fff;transform:matrix(1,-0.08,0,1,0,0)}
.text2{position:absolute;width:297px;height:37px;right:0;margin-right:31px;margin-top:67px;background:#fff;transform:matrix(1,-0.1,0.02,0.99,0,0)}
.text3{position:absolute;width:79px;height:36px;right:0;margin-right:237px;margin-top:107px;background:#fffd95;transform:matrix(0.99,-0.1,0.1,0.99,0,0)}
.text4{position:absolute;width:179px;height:35px;left:0;margin-left:57px;margin-top:32px;background:#fff;transform:scale(1.1,1) matrix(1,0.05,-0.05,1,0,0)}
.text5{position:absolute;width:110px;height:30px;left:0;margin-left:70px;margin-top:70px;background:#fff;transform:scale(1.1,1)}
.text6{position:absolute;width:387px;height:38px;left:0;margin-left:30px;margin-top:29px;background:#fff;transform:skew(-3deg,0)}
.text7{position:absolute;width:378px;height:36px;left:0;margin-left:35px;margin-top:59px;z-index:2;background:#fff;transform:skew(-5deg,0)}
.text8{position:absolute;width:181px;height:36px;left:0;margin-left:22px;margin-top:89px;z-index:2;background:#fff;transform:skew(-5deg,0)}
.arrowDown{display:flex;width:15px;height:40px;position:absolute;bottom:0;margin-bottom:90px;z-index:3;background:url('../assets/arrow-down.svg') no-repeat;background-size:cover}
.text9{position:absolute;width:277px;height:37px;right:0;margin-right:22px;margin-top:44px;background:#fff;transform:matrix(1,-0.08,0,1,0,0)}
.text10{position:absolute;width:297px;height:37px;right:0;margin-right:11px;margin-top:77px;background:#fff;transform:matrix(1,-0.1,0.02,0.99,0,0)}
.text11{position:absolute;width:217px;height:36px;left:0;margin-left:25px;margin-top:39px;z-index:2;background:#fff}
.text12{position:absolute;width:201px;height:36px;left:0;margin-left:32px;margin-top:70px;z-index:2;background:#fff}
.dosboxWrapper{display:none;position:fixed;z-index:10000;top:0;left:0;bottom:0;right:0}
.fullscreen{display:flex;width:300px;height:40px;justify-content:center;align-items:center;margin-top:410px;margin-left:150px;z-index:1;background:#ae2317;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:20px;color:#000;cursor:pointer;border:1px solid #3f0603;border-radius:4px}
.dosboxBack{background:#000;position:absolute;top:0;left:0;bottom:0;right:0}.dosbox-container{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}
.dosbox-container>.dosbox-overlay{background:url('../assets/doom.png') no-repeat center;background-size:contain}
.darkoffice{display:flex;flex:1;background:url('../assets/office-dark.svg') no-repeat bottom;background-size:cover}
.lightoffice{display:flex;flex:1;position:relative;opacity:0;overflow:hidden;background:url('../assets/office-light.svg') no-repeat bottom;background-size:cover;-moz-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in;-ms-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in}
.map{width:9%;height:14%;position:absolute;bottom:0;left:0;cursor:pointer;margin-left:35%;z-index:12;margin-bottom:25%}
.calendar{width:5%;height:7%;position:absolute;bottom:0;left:0;cursor:pointer;margin-left:10%;z-index:12;margin-bottom:12%}
.spotify{width:4%;height:7%;position:absolute;bottom:0;right:0;cursor:pointer;margin-right:26%;z-index:12;margin-bottom:26%}
.instagram{width:9%;height:16%;position:absolute;bottom:0;right:0;cursor:pointer;margin-right:9%;z-index:12;margin-bottom:12%}
@-webkit-keyframes YODA_HELLO{0%{margin-bottom:-100%}100%{margin-bottom:-10px}
}@-moz-keyframes YODA_HELLO{0%{margin-bottom:-100%}100%{margin-bottom:-10px}
}@-o-keyframes YODA_HELLO{0%{margin-bottom:-100%}100%{margin-bottom:-10px}
}@keyframes YODA_HELLO{0%{margin-bottom:-100%}100%{margin-bottom:-10px}
}.last_yoda{display:flex;width:201px;height:173px;background:url('../assets/last_yoda.svg') no-repeat;background-size:cover;position:absolute;bottom:0;right:0;z-index:10;margin-bottom:-10px;margin-right:22%;-webkit-animation:YODA_HELLO 4s;-moz-animation:YODA_HELLO 4s;-o-animation:YODA_HELLO 4s;animation:YODA_HELLO 4s}
.last_oblako{display:flex;width:163px;height:142px;background:url('../assets/last_oblako.svg') no-repeat;background-size:cover;position:absolute;bottom:0;right:0;z-index:14;margin-bottom:135px;opacity:0;margin-right:24%;-moz-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in;-ms-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in}
.lastFirstplan{display:flex;flex:1;position:absolute;bottom:0;left:0;z-index:11;top:0;right:0;background:url('../assets/last_firstplan.svg') no-repeat bottom;background-size:cover}
.popupMems{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:12000}
.memPopup{display:flex;flex-direction:column;width:520px;background:rgba(255,255,255,0.12);border-radius:10px;z-index:13000;opacity:1;margin:10px auto;overflow:hidden;padding:20px 0}
.prLine{display:flex;flex:1;height:2px;background:#c9c9c9;border-radius:4px;margin-right:2px}
.prLineActive{background:#fa5151}.progressBar{display:flex;height:40px;padding:0 16px}
.mem{display:flex;flex:1;background:url('../assets/mem1.png') no-repeat center;background-size:contain}
.memTgButton{display:flex;align-items:center;padding:20px 25px;background:#fff;border-radius:16px;align-self:center;cursor:pointer;margin-top:20px;text-decoration:none}
.memTgButton:hover{text-decoration:none}.tgText{display:flex;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:16px;color:#217ede}
.tgIco{width:24px;height:24px;background:url('../assets/tg-ico.svg') no-repeat;background-size:cover;margin-left:5px}
.popup,.popupCalendar,.popupSpotify,.popupInstagram{display:none;position:fixed;justify-content:center;top:0;left:0;right:0;bottom:0;z-index:12000}
.popupGame{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:12000}
.memLeft{display:flex;width:84px;height:84px;position:absolute;top:50%;left:50%;margin-left:-380px;z-index:120000;cursor:pointer;margin-top:-42px;background:url('../assets/mem-left.png') no-repeat;background-size:cover}
.memRight{display:flex;width:84px;height:84px;position:absolute;top:50%;left:50%;margin-left:296px;z-index:120000;margin-top:-42px;cursor:pointer;background:url('../assets/mem-right.png') no-repeat;background-size:cover}
.popupWrapper{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:12000;background:rgba(0,0,0,0.8);backdrop-filter:blur(27px)}
.popupWrapperNoShadow{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:12000;background:#333}
.closePopup,.closePopupGame{display:flex;width:32px;height:32px;cursor:pointer;position:absolute;right:0;top:0;margin:20px;background:url('../assets/close-popup.svg') no-repeat;background-size:cover}
.mapPopup{flex:1;display:flex;background:#fff;border-radius:16px;z-index:13000;opacity:1;margin:5% 10%;overflow:hidden;width:90vw;height:80vh;align-items:stretch}
.calendarPopup{display:flex;background:#fff;border-radius:16px;z-index:13000;opacity:1;align-self:center;padding:50px;overflow:hidden;flex-direction:column;align-items:center}
.calendarIco{display:flex;width:320px;height:320px;background:url('../assets/calendarico2023.png') no-repeat center;background-size:contain}
.instagramIco{display:flex;width:320px;height:256px;background:url('../assets/instagramico.png') no-repeat center;background-size:contain}
.spotifyIco1{display:flex;flex:1;width:100%;background:url('../assets/spotify1.png') no-repeat;background-size:contain}
.spotifyIco2{display:flex;flex:1;width:100%;background:url('../assets/spotify2.png') no-repeat;background-size:contain}
.spotifyIco3{display:flex;flex:1;width:100%;background:url('../assets/spotify3.png') no-repeat;background-size:contain}
.calendarTitle{display:flex;margin-top:32px;font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-size:36px;color:#241f1f}
.calendarText{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#322e2b;text-align:center}
.landscapeOnlyPopup{display:none;position:fixed;flex-direction:column;top:0;left:0;right:0;z-index:50000;justify-content:center;bottom:0;background:#fff url('../assets/bgrotate.svg') no-repeat;background-size:cover;align-items:center}
.rotateIco{width:696px;height:660px;background:url('../assets/rotate-ico.svg') no-repeat;background-size:cover;margin-top:54px}
.rotateText{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:400;font-size:43px;line-height:50px;color:#322e2b;text-align:center}
.rotateTitle{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:500;font-size:75px;line-height:85px;color:#34302d;text-align:center}
.calendarButton{display:flex;font-family:Raleway,sans-serif;font-size:16px;margin-top:32px;padding:16px 56px;cursor:pointer;color:#fff;background:#fc5959;border-radius:10px;text-decoration:none}
.calendarButton:hover{text-decoration:none}.spotifyButton{display:flex;font-family:Raleway,sans-serif;font-size:16px;margin-top:32px;padding:16px 24px;cursor:pointer;color:#fff;background:#fc5959;border-radius:10px;text-decoration:none}
.spotifyButton:hover{text-decoration:none}.spotifyBlock{flex:1;max-height:609px;display:flex;background:#fff;border-radius:16px;z-index:13000;opacity:1;margin:5% 10%;padding:20px;overflow:hidden;flex-direction:column;align-items:center}
.spotifyColumn{flex:1;display:flex;margin:0 10px;max-height:609px;flex-direction:column;align-items:flex-start}
.spotifyRow{display:flex;width:100%}.flexall{flex:1}.spotifyTitle{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:500;font-size:20px;line-height:24px;color:#241f1f}
.spotifyText{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#322e2b}
.spotifyTime{display:flex;font-family:Raleway,sans-serif;margin-top:16px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#322E2B60}
.gamePopup{flex:1;display:flex;border-radius:16px;z-index:13000;opacity:1;margin:5% 10%;overflow:hidden}
.mapLeft{display:flex;flex:0 0 35%;padding:40px;overflow-y:auto;flex-direction:column;min-width:0;-ms-overflow-style:none;scrollbar-width:none}
.mapLeft::-webkit-scrollbar{width:0;height:0}.mapTtile{display:flex;font-family:Raleway,sans-serif;font-weight:600;font-size:36px;line-height:44px;color:#000}
.mapSubTitle{display:flex;font-family:Raleway,sans-serif;font-weight:500;font-size:16px;line-height:24px;margin-top:16px;color:#000}
.mapAddress{display:flex;font-family:Raleway,sans-serif;font-weight:600;font-size:16px;line-height:24px;margin-top:16px;color:#000}
.mapPhoneTitle{display:flex;font-family:Raleway,sans-serif;font-weight:500;font-size:16px;line-height:24px;margin-top:16px;color:#000}
.mapPhone{display:flex;font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:24px;margin-top:4px;color:#1487e3;text-decoration:none}
.mapPhone:hover{color:#1487e3;text-decoration:none}.mapEmailTitle{display:flex;font-family:Raleway,sans-serif;font-weight:500;font-size:16px;line-height:24px;margin-top:16px;color:#000}
.mapEmail{display:flex;margin-top:4px}.mailto{display:flex;font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:24px;margin-right:8px;color:#1487e3;text-decoration:none}
.mailto:hover{color:#1487e3;text-decoration:none}.mapButton{display:flex;align-self:flex-end;align-items:center;justify-content:center;width:100%;height:64px;min-height:64px;margin-top:10px;background:#deeefc;border-radius:16px;font-family:Raleway,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#217ede;cursor:pointer;text-decoration:none}
.mapButton:hover{text-decoration:none;color:#217ede}.break{display:flex;flex:1}.mapRight{display:flex;flex:1 1 65%;min-width:0}
#ymap-placeholder{display:flex;width:100%;height:100%;min-height:520px;flex:1 1 auto}
#ymap-placeholder>*{width:100% !important;height:100% !important}.mapPopup.map-full .mapLeft{display:none}
.mapPopup.map-full .mapRight{flex:1 1 100%}.dogeFlyIco{display:flex;width:80px;height:80px;position:fixed;z-index:100;right:0;bottom:0;cursor:pointer;margin-right:40px;margin-bottom:64px;filter:drop-shadow(0 8px 32px rgba(118,133,141,0.4));border-radius:40px;background:url('../assets/doge-fly.png') no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity 1s ease-in;-moz-transition:opacity 1s ease-in;-o-transition:opacity 1s ease-in;-ms-transition:opacity 1s ease-in;transition:opacity 1s ease-in}
.starterBlock{display:flex;flex:1}.winnerBlock{display:none;flex:1;opacity:0;-webkit-transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in;-ms-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in}
.achiveList{display:flex;width:300px;flex-direction:row;flex-wrap:wrap;margin-top:26px}
.achive{display:flex;width:52px;height:52px;margin:9px;opacity:0;cursor:pointer;position:relative}
.achive:hover>div{display:flex}.hoverAchive{padding:12px;display:none;white-space:nowrap;background:#383434;position:absolute;top:0;left:0;color:#fff;font-family:Raleway,sans-serif;font-style:normal;font-weight:normal;font-size:14px;border-radius:8px;z-index:10000;margin-top:60px;justify-content:center}
.hoverAchive>span{display:flex;background:url('../assets/treagle-ico.svg') no-repeat;background-size:cover;width:12px;height:8px;position:absolute;top:0;left:50%;z-index:10000;margin-top:-8px;margin-left:-6px}
.mr1{margin-left:-124px}.mr2{margin-left:-180px}.mr3{margin-left:-147px}.mr4{margin-left:-159px}
.mr5{margin-left:-88px}.mr6{margin-left:-72px}.mr7{margin-left:-189px}.mr8{margin-left:-56px}
.achive1{background:url('../assets/achive1.svg') no-repeat;background-size:cover;-webkit-transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in;-ms-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in}
.achive2{background:url('../assets/achive2.svg') no-repeat;background-size:cover;-webkit-transition:opacity 2s ease-in;-moz-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;-ms-transition:opacity 2s ease-in;transition:opacity 2s ease-in}
.achive3{background:url('../assets/achive3.svg') no-repeat;background-size:cover;-webkit-transition:opacity 2.5s ease-in;-moz-transition:opacity 2.5s ease-in;-o-transition:opacity 2.5s ease-in;-ms-transition:opacity 2.5s ease-in;transition:opacity 2.5s ease-in}
.achive4{background:url('../assets/achive4.svg') no-repeat;background-size:cover;-webkit-transition:opacity 3s ease-in;-moz-transition:opacity 3s ease-in;-o-transition:opacity 3s ease-in;-ms-transition:opacity 3s ease-in;transition:opacity 3s ease-in}
.achive5{background:url('../assets/achive5.svg') no-repeat;background-size:cover;-webkit-transition:opacity 3.5s ease-in;-moz-transition:opacity 3.5s ease-in;-o-transition:opacity 3.5s ease-in;-ms-transition:opacity 3.5s ease-in;transition:opacity 3.5s ease-in}
.achive6{background:url('../assets/achive6.svg') no-repeat;background-size:cover;-webkit-transition:opacity 4s ease-in;-moz-transition:opacity 4s ease-in;-o-transition:opacity 4s ease-in;-ms-transition:opacity 4s ease-in;transition:opacity 4s ease-in}
.achive7{background:url('../assets/achive7.svg') no-repeat;background-size:cover;-webkit-transition:opacity 4.5s ease-in;-moz-transition:opacity 4.5s ease-in;-o-transition:opacity 4.5s ease-in;-ms-transition:opacity 4.5s ease-in;transition:opacity 4.5s ease-in}
.achive8{background:url('../assets/achive8.svg') no-repeat;background-size:cover;-webkit-transition:opacity 4.5s ease-in;-moz-transition:opacity 4.5s ease-in;-o-transition:opacity 4.5s ease-in;-ms-transition:opacity 4.5s ease-in;transition:opacity 4.5s ease-in}
.wincloud{display:flex;width:152px;height:144px;position:absolute;top:50%;left:50%;margin-top:-220px;margin-left:15px;background:url('../assets/wincloud.svg') no-repeat;background-size:cover;z-index:55;opacity:0;-webkit-transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in;-ms-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in}