*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}:root{font-family:Ukraine,system-ui,sans-serif}@font-face{font-family:Ukraine;src:url(/assets/e-Ukraine-Light-j3J9HTfd.otf);font-weight:400;font-style:normal;font-display:swap}#root{min-height:100vh;display:flex;flex-direction:column}.AppStyle{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;position:relative}main{display:flex;flex:1;flex-direction:column;align-self:stretch;background-color:#f3f3f3}.headBlock{display:flex;flex:1;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;min-height:100vh;padding:150px 100px 50px;background-image:linear-gradient(#0000004d,#0000004d),url(/assets/car_1-DvJ8_pC-.jpg);background-position:right;background-repeat:no-repeat;background-size:cover}.left{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content;width:100%;border:1px solid white;background-color:#ffffff5b;border-radius:25px}.titleWrapp{display:flex;justify-content:center;box-sizing:border-box;padding:40px 50px;width:100%}h1{font-size:60px;align-self:center}h2{font-size:60px;align-self:center;color:#f21817;margin-left:20px}h3{font-size:32px;font-weight:100;color:#fff}.right{box-sizing:border-box;display:flex;align-items:center;padding:15px 50px;border-radius:25px}.center{display:flex;align-items:center;padding:20px 50px;border-radius:25px}.percentages{font-size:32px;color:#fff}.road_100{max-width:100px;margin:0 20px}.advertising{display:flex;box-sizing:border-box;width:100%;padding:0 100px}.advertisingBlock{display:flex;align-items:center;width:100%;background-color:#fff;padding:40px;border-top:2px solid transparent}.advertisingTextWrapp{display:flex;flex-direction:column;justify-content:center;margin-left:20px}.advertisingText1{font-size:28px;color:orange}.advertisingText2{font-size:22px}.saleBtn{display:flex;align-items:center;height:fit-content;padding:10px 20px;border:2px solid orange;border-radius:25px;background-color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:color .3s ease;margin-left:auto}.saleBtn:hover{color:orange}.priceBlock{box-sizing:border-box;display:flex;flex-direction:column;padding:0 100px}.priceBlockContent{display:flex;flex-direction:column;background-color:#fff;padding:40px 0;border-top:2px solid transparent;border-image:linear-gradient(90deg,red,#ff0,green) 1}.cardWrapp{box-sizing:border-box;display:flex;flex-direction:column}.stop_sign{max-width:150px;align-self:center;margin-bottom:20px}.prBlockTitle{font-size:40px;text-align:center}.wrapperAllCards{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;padding:20px 30px}.cardPrice{box-sizing:border-box;display:flex;width:400px;flex-direction:column;box-shadow:0 0 5px #c4c4c4;border-radius:10px;margin-top:40px}.cardTitle{font-size:28px;background-color:#f0f0f0;padding:20px 0;text-align:center}.row{box-sizing:border-box;display:flex;padding:20px}.col_L,.col_R{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:50%}.priceDescript{display:flex;font-size:22px;margin-left:auto}.btnWrapp{display:flex;justify-content:flex-end;width:100%;padding:20px}.byCateg{display:flex;width:fit-content;padding:10px 40px;font-size:16px;font-weight:600;background-color:transparent;border:2px solid transparent;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,red,#ff0,green) border-box;cursor:pointer;transition:color .3s ease}.byCateg:hover{color:orange}.timeBlock{display:flex;padding:0 100px}.timeWrapper{display:flex;flex-direction:column;padding:50px 0;border-top:2px solid transparent;border-image:linear-gradient(90deg,red,#ff0,green) 1;width:100%;background-color:#fff}.titleBlockTime{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.blizImg{max-width:150px}.timeTitle{font-size:40px;margin-top:10px}.groups{display:flex;padding:50px 30px;box-sizing:border-box;justify-content:space-around}.groupStyle{display:flex;flex-direction:column;box-shadow:0 0 5px #c4c4c4;border-radius:10px}.titleGroupTime{text-align:center;font-size:20px;font-weight:600;padding:20px;background-color:#f0f0f0}.ulGroups{flex-direction:column;list-style-type:none;padding:40px 50px}.liGroups{font-size:18px;line-height:2rem}.byTime{display:flex;width:fit-content;padding:10px 40px;font-size:16px;font-weight:600;background-color:transparent;border:2px solid transparent;border-radius:5px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,red,#ff0,green) border-box;cursor:pointer;transition:color .3s ease;align-self:center;margin-bottom:20px}.byTime:hover{color:orange}.aboutBlock{display:flex;box-sizing:border-box;padding:0 100px}.aboutWrapper{display:flex;flex-direction:column;padding:50px 30px;width:100%;background-color:#fff;border-top:2px solid transparent;border-image:linear-gradient(90deg,red,#ff0,green) 1}.titleAbout{display:flex;justify-content:center;flex-direction:column;align-items:center}.titleAbotText{margin:20px 0;font-size:40px}.textPWrapp{padding:20px 0 0}.aboutP{margin-bottom:20px;line-height:1.6rem;font-weight:600}.aboutPar{line-height:1.6rem;font-weight:600}.rowAbout{display:flex;box-sizing:border-box}.colLabout{display:flex;align-items:center;width:50%}.audi{max-width:200px}.nissan{max-width:120px}.toyota{max-width:150px}.colRabout{display:flex;align-items:center;justify-content:center;width:50%}.stymul{padding:50px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.stymulP{font-size:28px;margin-top:20px;line-height:1.6rem;font-weight:600}#main,#price,#time,#about{scroll-margin-top:90px}@media screen and (max-width:1250px){.rowAbout{flex-direction:column;width:100%}.colLabout{width:100%;justify-content:center}.colRabout{width:100%}}@media screen and (max-width:1140px){h3,.percentages{font-size:26px}.road_100{max-width:70px}}@media screen and (max-width:1074px){.wrapperAllCards{justify-content:center}.groups{flex-direction:column;align-items:center}.groupStyle{max-width:300px;margin-bottom:40px}}@media screen and (max-width:1020px){.headBlock{padding:150px 50px 50px}}@media screen and (max-width:992px){h1,h2{font-size:40px}h3,.percentages{font-size:20px}.road_100{max-width:50px}.advertisingBlock{padding:40px 20px;flex-direction:column}.saleBtn{margin-top:20px;margin-right:auto}.advertisingText1{font-size:24px;text-align:center;margin-top:10px}.advertisingText2{text-align:center;font-size:20px;margin-top:10px}.stop_sign{max-width:100px}.prBlockTitle{font-size:30px}.wrapperAllCards{justify-content:center}.cardTitle{font-size:22px}.groups{padding:50px 0 0}.blizImg{max-width:100px}.timeTitle,.titleAbotText{font-size:30px}}@media screen and (max-width:768px){h1,h2{font-size:28px}h3,.percentages{font-size:18px}.road_100{max-width:40px;margin-left:5px;margin-right:5px}.right,.center{padding:10px 0}.advertising,.priceBlock,.timeBlock,.aboutBlock{padding:0 50px}.aboutWrapper{padding:50px 20px}.audi{max-width:130px}.toyota{max-width:100px}.nissan{max-width:80px}.stymulP{font-size:20px}}@media screen and (max-width:556px){.headBlock{padding:150px 10px 20px;justify-content:flex-start}.left{margin-bottom:20px}h1,h2{font-size:28px}h3,.percentages{font-size:18px}.right,.center{padding:10px 0;margin-top:10px}.advertising,.priceBlock,.timeBlock,.aboutBlock{padding:0 10px}}.headerStyle{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100px;position:fixed;top:0;left:0;z-index:50;border-bottom:2px solid transparent;background:#0000004d;padding:20px 100px;transition:background .3s ease,border-color .3s ease}.shadowHeader{background:#fff;color:#000;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,red,#ff0,green) 1}.logoBtnWrapper{display:flex;align-items:center;justify-content:space-between}.logoHeaderStyle{max-width:100px}.navHeader{display:flex;align-items:center;height:100%;width:100%}.ulHeader{display:flex;padding:0;margin:0;font-size:14px}.liStyle{list-style-type:none;margin-left:10px;color:#fff;cursor:pointer;border:2px solid white;padding:10px 15px;border-radius:25px;width:110px;text-align:center;transition:all .3s ease}.liStyle:hover{background-color:#b8b8b866}.blackLi{color:#000;border-color:#000}.writeToLearn{display:flex;align-items:center;margin-left:auto;border:2px solid transparent;border-radius:25px;padding:10px 15px;font-size:18px;font-weight:600;color:#000;cursor:pointer;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,red,#ff0,green) border-box;transition:all .3s ease}.writeToLearn:hover{background-color:#b8b8b8b3;color:orange}.rightArrow{width:30px;margin-right:5px}.burger{display:none;position:relative;height:50px;width:50px;border:2px solid white;border-radius:10px;background:transparent;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.burger:hover{background-color:#b8b8b866}.burger span{position:absolute;left:10px;right:10px;height:2px;background:#fff;transition:transform .25s ease,top .25s ease,background .25s ease}.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:30px}.burger.blackBtn{border-color:#000}.burger.blackBtn span{background:#000}.burger.open span:nth-child(1){top:24px;transform:rotate(45deg)}.burger.open span:nth-child(2){top:24px;transform:rotate(-45deg)}@media screen and (max-width:1100px){.writeToLearn{display:none}}@media screen and (max-width:768px){.headerStyle{padding:15px 20px;height:auto;flex-direction:column;align-items:stretch}.logoHeaderStyle{max-width:60px}.burger{display:block}.navHeader{width:100%;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease}.navHeader.navOpen{max-height:400px;opacity:1}.ulHeader{flex-direction:column;width:100%;padding-top:12px}.liStyle{border:none;width:100%;margin-left:0;font-size:18px;padding:12px 0;border-radius:0}}.modalLayer{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background:#0000004d}.modalWrapper{display:flex;flex-direction:column;background-color:#fff;width:35%;height:60%;border-radius:10px}.modalHeader{border-bottom:2px solid lightgray;padding:20px;font-size:20px}.modalBody{display:flex;flex-direction:column;flex:1;padding:20px}.modalFooter{display:flex;border-top:2px solid lightgray;padding:20px}.modalBtn{border:1px solid transparent;padding:10px 15px;background-color:#0079c1;color:#fff;font-size:16px;font-weight:600;width:120px;border-radius:5px;cursor:pointer;transition:all .3s ease;margin-left:auto}.modalBtn:nth-child(2){margin-left:20px}.modalBtn:hover{background-color:#008cdd;box-shadow:0 0 5px #008cdd}footer{display:flex;flex-direction:column;box-sizing:border-box;padding:50px 100px;background-color:#000;color:#fff}.footerRow{display:flex;width:100%;margin-bottom:20px}.col1{width:33%}.icoStyle{max-width:30px}.textIco{margin-left:10px}.col2{display:flex;width:33%;justify-content:center}.footerMenu{display:flex;flex-direction:column;list-style-type:none}.footerMenu li{font-size:16px;line-height:2rem;cursor:pointer}.footerMenu li:hover{color:orange;background-color:transparent}.col3{width:fit-content;margin-left:auto}.wrappIcoText{display:flex;box-sizing:border-box;align-items:center;margin-bottom:5px}.year{text-align:center;border-top:2px solid white;padding:20px 0 0}@media screen and (max-width:768px){footer{padding:30px 50px}.footerRow{flex-direction:column}.col1{display:flex;width:100%;align-items:center;justify-content:center;margin-bottom:20px}.col2{width:100%;margin-bottom:30px}.col3{margin-right:auto}}@media screen and (max-width:576px){footer{padding:30px 10px}}