@charset "UTF-8";
:root { --main-bgd: linear-gradient(113.63deg, rgba(255, 255, 255, 0.53) -8%, rgba(255, 255, 255, 0) 119.61%); --main-shadow: -3.5px -3px 6px -2px rgba(255, 255, 255, 1); }

* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

body { background: -webkit-gradient(linear, left bottom, left top, from(#ECB319), to(#ECB319)); background: linear-gradient(0deg, #ECB319, #ECB319); font-family: 'Inter', sans-serif; margin: 0; padding: 0; }

@media (max-width: 1024px) { .header { background: transparent; }
  .header button { background: none; }
  .header__lang-switch { background: rgba(0, 0, 0, 0.15); } }
.footer { display: none; }

.container { padding: 0 15px; margin: 0 auto; }

@media only screen and (min-width: 576px) { .container { max-width: 540px; } }
@media only screen and (min-width: 992px) { .container { max-width: 960px; } }
@media only screen and (min-width: 1200px) { .container { max-width: 1140px; } }
.out-of-header { background: -webkit-gradient(linear, left bottom, left top, from(#ECB319), to(#ECB319)); background: linear-gradient(0deg, #ECB319, #ECB319); overflow-x: hidden; padding: 68px 0 75px; }

main h1 { font-weight: 700; font-size: 40px; line-height: 100%; }
main h2 { font-size: 23px; font-weight: 800; line-height: 128%; margin-bottom: 15px; }
main h3 { font-size: 21px; font-weight: 700; line-height: 128%; margin-bottom: 15px; }
main h4 { font-size: 15px; font-weight: 700; line-height: 100%; margin-bottom: 5px; }
main h4 span { font-weight: 400; }
main h5 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0.6px dashed #2B5DA8; border-radius: 6px; color: #2B5DA8; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 7px; font-weight: 400; font-size: 8.32653px; line-height: 100%; padding: 6px 25px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
main h5 .data { font-size: 27px; font-weight: 800; line-height: 100%; }
main h5 span { font-weight: 800; }
main p { font-weight: 400; }
main p a { color: #000; font-weight: 700; }
main a { text-decoration: none; }
main .landing-btn { background: #004E8F; border-radius: 15px; color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 120%; padding: 16px 37px; text-align: center; }
main ul { margin: 0; padding: 0; }
main ul li { list-style-type: none; }
main ul li::before { display: none; }
main .landing[data-current-tab="online"] [data-tab="offline"] { display: none; }
main .landing[data-current-tab="offline"] [data-tab="online"] { display: none; }
main .welcome-text p { font-size: 17px; line-height: 120%; margin: 10px 0 25px; }
main .welcome-text .landing-btn { text-transform: uppercase; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
main .welcome .visual { position: relative; height: 400px; left: -154px; top: 15px; z-index: 0; }
main .welcome .visual img { position: absolute; }
main .terms { background: var(--main-bgd); border-radius: 25px; -webkit-box-shadow: var(--main-shadow); box-shadow: var(--main-shadow); padding: 30px 15px 46px; position: relative; z-index: 1; }
main .terms .landing-tabs { background: rgba(255, 255, 255, 0.5); border-radius: 10px; margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 310px; padding: 2px; }
main .terms .landing-tabs li { display: contents; }
main .terms .landing-tabs a { color: #2B5DA8; font-weight: 600; font-size: 15px; line-height: 18px; padding: 14px 13px; }
main .terms .landing-tabs .active a { background: #24489C; border-radius: 8px; color: #fff; }
main .terms-list { display: grid; gap: 15px; margin: 0 0 30px; }
main .terms-list__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; gap: 20px; }
main .terms-list__item img { height: 90px; width: 90px; }
main .terms-list__item p { font-size: 15px; line-height: 115%; }
main main [data-current-tab="offline"] .terms-list { margin: 0; }
main .basket { margin: 30px auto 100px; position: relative; text-align: center; width: 360px; }
main .basket::before { background: url(../img/basket-before.svg) no-repeat; background-size: contain; content: ''; height: 249px; left: -28px; position: absolute; top: 1px; width: 379px; z-index: 0; }
main .basket img { -webkit-animation: movementY 4s infinite alternate linear; animation: movementY 4s infinite alternate linear; position: relative; z-index: 1; }
main .basket::after { -webkit-animation: shadow 4s infinite alternate linear; animation: shadow 4s infinite alternate linear; background: radial-gradient(50% 50% at 50% 50%, #00183f 0, rgba(0, 24, 63, 0) 100%); bottom: -25%; height: 25px; content: ''; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 300px; }
main .form { margin: 60px 0 30px; max-width: 555px; }
main .form .regis { background: var(--main-bgd); border-radius: 25px; -webkit-box-shadow: var(--main-shadow); box-shadow: var(--main-shadow); min-height: 520px; }
main .maps { background: var(--main-bgd); border-radius: 25px; -webkit-box-shadow: var(--main-shadow); box-shadow: var(--main-shadow); margin: 30px 0; padding: 20px; position: relative; }
main .maps p { font-size: 15px; line-height: 115%; margin-bottom: 15px; }
main .maps::after { background: url(../img/maps.svg) no-repeat; background-size: contain; content: ''; height: 171px; position: absolute; right: 10px; top: 10px; width: 125px; }
main .days { background: var(--main-bgd); border-radius: 25px; -webkit-box-shadow: var(--main-shadow); box-shadow: var(--main-shadow); margin: 30px 0; padding: 30px 15px 50px; }
main .days h2 { margin-bottom: 30px; }
main .days-blocks { display: grid; gap: 30px; margin: 0 0 34px; }
main .days-block { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
main .days-block p { color: rgba(0, 0, 0, 0.4); font-size: 12px; line-height: 125%; margin-bottom: 10px; }
main .days-block .lists-bloсk a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 5px; }
main .days-block .lists-bloсk a .icon { margin: 0; }
main .days-block .lists-bloсk a .text { color: #000; font-size: 13px; line-height: 16px; margin: 0 0 0 7px; text-decoration: underline; }
main .important { margin: 0 0 37px; }
main .important-block { display: -webkit-box; display: -ms-flexbox; display: flex; }
main .important-block p { font-size: 14px; line-height: 17px; margin: 0 0 0 10px; }
main .faq .accordion { margin: 0 0 10px 0; padding: 0px; position: relative; }
main .faq .accordion__text { background: #fff; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); color: #000; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 22px; margin: 0; padding: 15px 45px 15px 15px; position: relative; z-index: 2; }
main .faq .accordion__text::after { background: url(../img/close-icon.svg) no-repeat; background-size: contain; content: ''; position: absolute; height: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 15px; }
main .faq .accordion__text-opened:after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
main .faq .accordion__body { background: #fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); display: none; padding: 30px 15px 20px 15px; -webkit-transform: translateY(-15px); transform: translateY(-15px); z-index: 1; }
main .faq .accordion__body * { font-size: 15px; font-weight: 400; line-height: 146%; margin: 0; padding: 0; }
main .faq .accordion__body li { padding-left: 1.3em; position: relative; }
main .faq .accordion__body li :first-child::before { top: 50%; }
main .faq .accordion__body li::before { background: #000; background-size: contain; border-radius: 50%; display: block; content: ''; left: .3em; position: absolute; height: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5px; }
main .faq .accordion__body a { color: #000; font-weight: 700; }
main .responsibility { color: rgba(0, 0, 0, 0.8); margin: 37px 0 0; text-align: center; }
main .responsibility p { font-size: 14px; font-weight: 300; line-height: 120%; }
main .responsibility b { font-weight: 400; }

@media (min-width: 380px) { main .welcome .visual { left: -137px; } }
@media (min-width: 410px) { main .welcome .visual { left: -130px; } }
@media (min-width: 500px) { main .welcome .visual { left: -70px; } }
@media (min-width: 700px) { main .welcome .visual { left: -50px; } }
@media (min-width: 1024px) { .out-of-header { padding: 100px 0; }
  main h1 { font-size: 55px; line-height: 58px; }
  main h2 { font-size: 35px; line-height: 42px; margin-bottom: 34px; }
  main h3 { font-size: 35px; line-height: 45px; }
  main h4 { font-size: 20px; }
  main h5 { border-radius: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px; max-height: 98px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 7px; }
  main h5 span { font-size: 15px; margin: -7px 0 0; }
  main h5 .data { font-size: 41px; }
  main .landing-btn { font-size: 18px; line-height: 22px; margin: 0 auto; padding: 21.5px 40px; width: 330px; }
  main .welcome { position: relative; padding-bottom: 120px; }
  main .welcome-text { max-width: 555px; position: relative; z-index: 1; }
  main .welcome-text p { font-size: 18px; line-height: 26px; margin: 18px 0 25px; max-width: 385px; }
  main .welcome-text .landing-btn { margin: 0; }
  main .welcome .visual { left: 0; position: absolute; width: 115%; top: -8%; z-index: 0; }
  main .welcome .visual img { width: 100%; }
  main .js-content { position: relative; }
  main .terms { max-width: 555px; padding: 40px 40px 50px; }
  main .terms .landing-tabs a { padding: 15px; }
  main .terms-list { margin: 0 0 50px; }
  main .terms-list__item { max-width: 350px; }
  main .basket { left: calc(50% + 200px); position: absolute; top: 25%; }
  main .basket::before { background: url(../img/basket-before-desc.svg) no-repeat; background-size: contain; height: 1107px; left: -26%; top: -50%; width: 622px; }
  main .basket::after { left: 65%; width: 400px; }
  main .form .regis { border-radius: 40px; min-height: 600px; width: 555px; }
  main .maps { max-width: 555px; padding: 53px 35px 26px; }
  main .maps p { font-size: 20px; line-height: 140%; margin-bottom: 50px; }
  main .days { max-width: 555px; padding: 50px 35px; }
  main .days-blocks { gap: 40px; margin: 0 0 55px; }
  main .days-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  main .important { max-width: 555px; margin: 40px 0 50px; }
  main .important p { font-size: 20px; line-height: 24px; }
  main .faq { max-width: 555px; }
  main .faq h3 { margin-bottom: 20px; }
  main .faq .accordion { margin: 0 0 20px 0; }
  main .faq .accordion__text { font-size: 25.7273px; line-height: 38px; padding: 25px; }
  main .faq .accordion__text::after { height: 34px; width: 34px; right: 25px; }
  main .faq .accordion__body { padding: 25px; }
  main .faq .accordion__body li::before { height: 7px; width: 7px; }
  main .faq .accordion__body * { font-size: 20px; }
  main .responsibility { margin: 50px 0 0; max-width: 555px; text-align: left; }
  main .responsibility p { font-size: 14px; font-weight: 300; line-height: 120%; } }
@media (min-width: 1800px) { main .welcome .visual { left: 7%; top: -13%; width: 128%; } }
@-webkit-keyframes movementY { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
  to { -webkit-transform: translateY(30px); transform: translateY(30px); } }
@keyframes movementY { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
  to { -webkit-transform: translateY(30px); transform: translateY(30px); } }
@-webkit-keyframes shadow { from { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 0.2; }
  to { -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); opacity: 0.4; } }
@keyframes shadow { from { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 0.2; }
  to { -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); opacity: 0.4; } }