* {padding:0px;margin:0px;border:none;} *, *::before, *::after {box-sizing:border-box;} a, a:link, a:visited {text-decoration:none;} a:hover {text-decoration:none;} :root {--primary-color:#fdfdfd;--secondary-color:#001d12;--body-bg:linear-gradient(120deg, #10273f 0%, #000e4e 100%);--header-bg:#170223;--btn-reg:#ffffff;--btn-reg-hover:#F8F767;--btn--login:#F8F767;--btn--login-hover:#ffdf2b;--active:#F8F767;--link:rgb(255, 255, 255);--link-hover:#F8F767;--burger-active:#ffffff;--nav-bg:#170223;--nav-top:60px;--logo:140px;} aside, nav, footer, header, section, main {display:block;} h1, h3, h4, h5, h6, p {font-size:inherit;font-weight:inherit;text-align:justify;} h1, .title {font-size:clamp(20px, 5vw, 34px);text-align:center;margin:40px 0;} @media (max-width:550px) {h1, .title {margin:20px 0;}} h2 {font-size:clamp(20px, 5vw, 28px);margin-bottom:20px;} h3 {font-size:clamp(18px, 5vw, 24px);margin-bottom:15px;} ul, ul li {list-style:none;} li {margin-bottom:10px;} ol, ul {margin:10px 0;} ol {margin-left:15px;} p {margin-bottom:10px;} img {vertical-align:top;} img, svg {max-width:100%;height:auto;} .no-scroll {position:fixed;overflow-y:hidden;width:100vw;} html, body {min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;} main {position:relative;flex-grow:1;margin-top:calc(var(--nav-top) + 20px);} @media (max-width:990px) {main {margin-top:60px;}} footer {flex-shrink:0;} body {font-family:Lato, sans-serif;font-size:16px;line-height:normal;font-weight:400;color:var(--primary-color);background:var(--body-bg);} .container {padding:0 10px;max-width:1230px;margin:0 auto;} .p-80 {margin:40px 0;} @media (max-width:768px) {.p-80 {margin:20px 0;}} .link {color:var(--link);transition:.3s ease-in-out;} @media (min-width:768px) {.link:hover {color:var(--link-hover);}} .btn {position:relative;display:inline-block;padding:10px 15px;border-radius:5px;transition:all 0.3s ease-in-out;border:2px solid var(--btn--login);background-color:var(--btn--login);font-weight:600;color:var(--secondary-color);animation:pulse 2s infinite;overflow:hidden;} @media (min-width:768px) {.btn:hover {border-color:var(--btn--login-hover);background-color:var(--btn--login-hover);}} .btn:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fa4923;opacity:0;z-index:1;-webkit-transition:ease 0.3s;transition:ease 0.3s;} .btn:after {content:"";display:block;width:30px;height:300px;margin-left:60px;background:#ffffff6c;position:absolute;left:-40px;top:-150px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-animation-name:slideme;animation-name:slideme;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0.05s;animation-delay:0.05s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} @keyframes slideme {0% {left:-30px;margin-left:0px;} 30% {left:110%;margin-left:80px;} 100% {left:110%;margin-left:80px;}} .img__wrapp {width:50%;text-align:center;@media (max-width:768px) {width:100%;}} .wrapper {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;@media (max-width:768px) {display:flex;flex-direction:column;}} .text__content {display:flex;flex-direction:column;text-align:justify;width:50%;@media (max-width:768px) {width:100%;}} @font-face {font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/lato-regular.woff") format("woff"), url("../fonts/lato-regular.woff2") format("woff2");} @font-face {font-family:"Lato";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/lato-bold.woff") format("woff"), url("../fonts/lato-bold.woff2") format("woff2");} .header {position:fixed;top:0;left:0;right:0;color:#fff;background:var(--header-bg);z-index:50;padding:10px 0;box-shadow:0 0 15px #fff;font-weight:600;} .logo__link {display:flex;align-items:center;} .logo__wrapp {max-width:var(--logo);margin-right:10px;} .logo__wrapp img {width:100%;height:100%;} .logo {margin:0;font-weight:600;font-size:clamp(24px, 3vw, 30px);} .header__container {display:grid;grid-template-areas:"logo btns" "nav nav";gap:10px;} .logo__link {grid-area:logo;} .offer__btns--54823 {grid-area:btns;display:flex;align-items:center;gap:10px;margin-left:auto;} .offer__btn {margin-left:auto;display:flex;align-items:center;gap:10px;@media (max-width:550px){font-size:14px;padding:10px;}} .offer__btn--reg {border-color:var(--btn-reg);background-color:transparent;color:var(--btn-reg);transition:0.3s ease-in-out;} @media (hover:hover) {.offer__btn--reg:hover {border-color:var(--btn-reg-hover);background-color:var(--btn-reg-hover);color:#000;}} .offer__btn--download {margin-right:auto;margin-left:0;} .offer__btn--download img {max-width:20px;height:20px;} @media (max-width:990px){.header__container {display:flex;gap:0;} .logo__wrapp {margin:0 auto;} .offer__btns--54823 {margin-left:auto;}} .banner {@media (min-width:820px) {height:40vh;}} .banner img {width:100%;height:100%;object-fit:cover;} @media screen and (min-width:990px){.burger__btn {grid-area:burger;display:none;}} @media screen and (max-width:990px){.burger__btn {display:flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;margin-left:10px;background-color:transparent;cursor:pointer;}} .burger__btn span {position:relative;background-color:#fff;width:23px;height:2px;} .burger__btn span::before {content:"";position:absolute;display:block;width:23px;height:2px;top:-5px;background-color:#fff;transition:all 0.3s ease-in-out;} @media (max-width:560px) {.burger__btn span::before {top:-7px;}} .burger__btn span::after {content:"";position:absolute;display:block;width:23px;height:2px;bottom:-5px;background-color:#fff;transition:all 0.3s ease-in-out;} @media (max-width:560px) {.burger__btn span::after {bottom:-7px;}} .burger__btn-active span::before {transform:rotate(45deg);top:-1px;background-color:var(--burger-active);} .burger__btn-active span::after {transform:rotate(-45deg);bottom:-1px;background-color:var(--burger-active);} .span__none-active {height:0 !important;} .nav {grid-area:nav;margin-left:auto;} .nav ul {margin:0;gap:15px} .nav li {margin:0;} @media screen and (max-width:990px) {.nav {position:absolute;background:var(--nav-bg);padding:40px;width:400px;right:0;top:var(--nav-top);height:100vh;visibility:hidden;opacity:0;z-index:5;transform:translateX(100%);z-index:40;transition:all 0.3s ease-in-out;}} @media (max-width:560px) {.nav {width:100%;}} @media screen and (min-width:990px) {.nav__list {display:flex;align-items:center;flex-wrap:wrap;justify-content:end;max-width:850px;}} .nav__list::-webkit-scrollbar {width:0;height:0;} @media screen and (max-width:990px) {.nav__list {display:flex;justify-content:start;flex-wrap:nowrap;align-items:start;width:100%;gap:15px;margin-bottom:0;flex-direction:column;overflow-y:scroll;padding-bottom:50px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}} .nav__item {margin-right:20px;} .nav__active {display:flex;justify-content:center;visibility:visible;opacity:1;transform:translateX(0%);} .active {position:relative;color:var(--active);} .active::after {content:"";position:absolute;display:block;width:100%;height:2px;bottom:-5px;background-color:var(--active);transition:all 0.3s ease-in-out;} .owerlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);z-index:30;visibility:hidden;opacity:0;transition:all 0.3s ease-in-out;} .owerlay_active {visibility:visible;opacity:1;} .li-style li {position:relative;margin-left:20px;} .li-style li::before {content:"";position:absolute;width:10px;height:10px;background-color:#B19464;border-radius:20px;display:block;left:-20px;padding-right:10px;margin-right:15px;transform:translateY(5px);} .img__left {max-width:50%;float:left;margin-right:15px;margin-bottom:15px;@media (max-width:768px) {max-width:100%;margin-bottom:20px;margin-right:0;}} .img__right {max-width:50%;float:right;margin-left:15px;margin-bottom:15px;@media (max-width:768px) {max-width:100%;margin-bottom:20px;margin-left:0;}} .content, .big__content {display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;} .content div {justify-content:center;} .big__content {gap:20px;} .content div {flex:1 1 300px;display:flex;flex-direction:column;} .big__content div {flex:1 1 400px;display:flex;flex-direction:column;justify-content:center;} .big__content div a, .content div a {height:100%;} .big__content div a img, .content div a img {width:100%;height:100%;object-fit:cover;} .link__page {color:gold ;transition:all 0.3s ease-in-out;} .modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:1000;justify-content:center;align-items:center;} .link__page:hover {color:goldenrod;} .mb-20 {margin-bottom:20px;} .mt-20 {margin-top:20px;} .table-container {overflow-x:auto;margin:20px 0;} table {width:100%;border-collapse:collapse;min-width:600px;} th, td {padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;} th {background-color:var(--header-bg);} @media (max-width:600px) {table {font-size:14px;} th, td {padding:10px;}} .page__btns--54823 {display:flex;justify-content:center;gap:10px;margin:20px 0;@media (max-width:400px) {flex-direction:column;padding:0 10px;}} .page__btns--54823 .offer__btn{margin-left:0;display:block;text-align:center;align-items:center;} .m20 {margin:20px 0;} .item__wrapp {display:flex;flex-direction:column;align-items:center;gap:15px;margin:20px 0;} .item {padding:10px;background-color:#1E2E3F;border:1px solid gold;box-shadow:4px 4px 10px rgba(233, 189, 69, 0.986);border-radius:5px;display:flex;flex-direction:column;gap:10px;transition:all 0.3s ease-in-out;max-width:650px;} .item:first-child {margin-right:auto;} .item:last-child {margin-left:auto;} .item h3, .item p {margin-bottom:0;text-align:center;} .accordions {width:100%;margin:20px 0;} .accordion {width:100%;height:auto;margin:10px 0;} .accordion__slot {width:100%;display:block;} .accordion__button {border-radius:5px;color:#ffffff;cursor:pointer;padding:15px 20px;width:100%;text-align:left;border:1px solid #132547;outline:none;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;transition:color 500ms ease;user-select:none;background:#372247;box-shadow:4px 4px 10px rgba(233, 189, 69, 0.7);position:relative;letter-spacing:1px;font-weight:600;} .accordion__button:hover {color:#FBCC29;} .accordion__button::after {transition:transform 500ms;width:15px;height:15px;display:block;position:absolute;transform:translate(-50%, -50%) rotate(0deg);top:50%;right:10px;content:"";background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url("../assets/img/arrow.svg");} .accordion__button-active::after {transform:translate(-50%, -50%) rotate(90deg);} .accordion__button-active {color:#FBCC29;} .accordion__panel {overflow:hidden;max-height:0;visibility:hidden;padding:0 5px;transition:visibility 500ms, max-height 600ms;transition-timing-function:cubic-bezier(0.694, 0.0482, 0.335, 1);} .accordion__panel-active {max-height:var(--height, 0);visibility:visible;} .accordion-panel__content {background:#372247;color:#ffffff;padding:20px;border-radius:10px;line-height:1.5;margin:10px 0;user-select:none;box-shadow:0 2px 5px rgba(0, 0, 0, 0.26);}