body {     background: #252d40;     color: #cbcbcb;     font-family: Roboto, Arial, sans-serif;     font-size: 16px;     font-weight: 400;     letter-spacing: .04em;     line-height: 1.2;     margin: 0;     padding: 78px 0 0; }  .title, h1, h2, h3, h4, h5, h6 {     font-family: Roboto, Arial, sans-serif;     font-weight: 700;     line-height: 1.1;     margin: 12px 0; }  h1 {     font-size: 48px;     margin: 22px 0 10px; }  * {     box-sizing: border-box; }  img {     height: auto;     max-width: 100%; }  .container {     padding: 0 15px;     max-width: 1130px;     margin: 0 auto; }  .header-tr .container {     align-items: center;     display: flex;     height: 100%;     margin: 0 auto;     max-width: 100%;     padding: 0 15px;     width: 1130px; }  .header-tr {     background: #252d40;     box-shadow: 0 11px 20px rgba(0, 0, 0, .15);     height: 78px;     left: 0;     position: fixed;     top: 0;     width: 100%;     z-index: 10; }  .logo {     line-height: 1;     padding: 0 20px 0 0; }  .header-tr__button {     align-items: center;     display: flex;     justify-content: flex-end;     margin-left: auto;     padding: 0 0 0 20px; }  .btn {     background: linear-gradient(180deg, #4b9de8, #416fb4);     border: none;     border-radius: 10px;     color: #fff;     cursor: pointer;     display: inline-block;     font-family: Roboto, Arial, sans-serif;     font-size: 14px;     font-weight: 700;     letter-spacing: .04em;     outline: none;     padding: 16px;     text-decoration: none; }  .btn.signup {     margin-right: 11px; }  .login {     background: linear-gradient(180deg, #5cd995, #3a9b84);     border-radius: 10px;     color: #fff;     cursor: pointer;     display: inline-block;     font-size: 14px;     font-weight: 700;     outline: none;     padding: 16px;     text-decoration: none; }  .menu__toggle {     align-items: center;     background: transparent;     display: none;     height: 100%;     justify-content: flex-end;     margin-right: 15px;     transition: all .25s ease-in-out;     width: 35px;     margin-left: 15px; }  .menu-toggle-button {     height: 28px;     position: relative;     width: 35px; }  .main {     display: block;     position: relative; }  .top-container {     display: flex;     flex-direction: column-reverse;     margin-top: 24px; }  .main-img {     line-height: 0;     margin: -40px -15px 0;     position: relative; }  .main-img img {     border-radius: 10px;     overflow: hidden;     width: 100%; }  .main-img__caption {     bottom: 24px;     left: 15px;     line-height: 1.2;     position: absolute;     text-align: left; }  .main-img__caption .title {     font-size: 24px;     font-weight: 700;     margin-bottom: 3px; }  .caption {     font-size: 20px;     font-weight: 500;     margin-bottom: 17px; }  .main-img__caption .btn {     font-size: 16px;     padding: 15px 25px; }  .main-img + .header-menu_wrap {     margin-top: 24px; }  .header-menu {     align-items: center;     display: flex;     justify-content: flex-end;     list-style: none;     margin: 0 -7px 0 0;     padding: 0; }  .menu-item {     list-style-type: none;     margin: 0;     position: relative;     text-align: center;     white-space: nowrap; }  .menu-item a {     color: #fff;     display: block;     font-family: Roboto, Arial, sans-serif;     font-size: 13px;     font-weight: 700;     letter-spacing: .04em;     padding: 0 12px;     text-align: center;     text-decoration: none;     text-transform: uppercase;     transition-duration: .2s; }  .menu-item a:hover {     color: #1769ff; }  .toc_wrap_left {     background: #3d4558;     border-radius: 10px;     box-shadow: 0 11px 20px rgba(0, 0, 0, .15);     color: #fff;     float: left;     font-size: 16px;     font-weight: 400;     margin: 8px 20px 15px 0;     max-width: 45%;     overflow: hidden;     padding: 15px;     position: relative;     width: 375px;     z-index: 3; }  .ctoc-toggle {     cursor: pointer;     position: relative; }  .ctoc-toggle:before {     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6 .536 3h6.928L4 6Z' fill='%23D9D9D9'/%3E%3C/svg%3E");     background-position: 50%;     background-repeat: no-repeat;     content: "";     cursor: pointer;     height: 10px;     position: absolute;     right: 10px;     text-align: center;     top: 6px;     width: 16px; }  .ctoc-body {     display: none;     padding-top: 10px; }  .ctoc-body li {     margin-bottom: 13px;     position: relative; }  .ctoc__item {     color: #fff; }  .toc_wrap_left.open .ctoc-body {     display: block; }  .slot-list__header {     align-items: center;     clear: both;     display: flex;     justify-content: space-between;     margin: 24px 0 5px; }  .slot-list__title {     align-items: flex-start;     color: #fff;     display: flex;     font-family: Roboto, Arial, sans-serif;     font-size: 24px;     font-weight: 500;     position: relative; }  .slot-list {     align-items: flex-start;     display: flex;     flex-wrap: wrap;     justify-content: space-between;     margin: 0 -5px 30px; }  .slot-card__wrap {     margin: 7px;     width: 204px; }  .slot-card {     border-radius: 16px;     line-height: 0;     overflow: hidden;     position: relative; }  .slot-card.new:before {     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='55' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10C0 4.477 4.477 0 10 0h45v16c0 5.523-4.477 10-10 10H0V10Z' fill='url(%23a)'/%3E%3Cpath d='M22.555 8.469V17h-.726l-4.905-7.29V17h-.72V8.469h.72l4.916 7.289v-7.29h.715Zm4.945 8.648c-.414 0-.795-.076-1.143-.228a2.731 2.731 0 0 1-.902-.645 2.969 2.969 0 0 1-.592-.984 3.704 3.704 0 0 1-.205-1.254v-.252c0-.488.072-.93.217-1.324.145-.395.344-.733.598-1.014s.543-.496.867-.645a2.42 2.42 0 0 1 1.031-.228c.402 0 .76.072 1.072.217a2.1 2.1 0 0 1 .785.603c.215.258.377.565.487.92.11.352.164.74.164 1.166v.428H25.08v-.598h4.102v-.082a2.572 2.572 0 0 0-.217-.996 1.8 1.8 0 0 0-.598-.761c-.265-.196-.598-.293-.996-.293-.297 0-.57.062-.82.187a1.866 1.866 0 0 0-.639.539c-.176.23-.312.506-.41.826-.094.317-.14.668-.14 1.055v.252c0 .351.05.68.152.984.105.301.254.567.445.797.195.23.426.41.691.54.266.128.559.192.88.192.374 0 .706-.068.995-.204.29-.141.55-.362.78-.663l.44.34c-.138.203-.31.39-.517.563a2.33 2.33 0 0 1-.732.41 2.965 2.965 0 0 1-.996.152Zm6-1.6 1.529-4.857h.492l-.293 1.307-1.6 5.033h-.492l.363-1.482Zm-1.588-4.857 1.341 4.887.288 1.453h-.51l-1.84-6.34h.72Zm5.513 4.87 1.307-4.87h.72L37.613 17h-.503l.316-1.47Zm-1.804-4.87 1.505 4.817.381 1.523h-.492l-1.635-5.04-.275-1.3h.516Z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='27.5' y1='0' x2='27.5' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234B9DE8'/%3E%3Cstop offset='1' stop-color='%23416FB4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");     background-repeat: no-repeat;     background-size: 100%;     content: "";     height: 26px;     left: 0;     position: absolute;     top: 0;     width: 55px;     z-index: 2; }  .slot-card img {     height: 100%;     -o-object-fit: cover;     object-fit: cover; }  .slot-card__overlay {     align-items: center;     background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));     display: flex;     flex-direction: column;     height: 100%;     justify-content: space-between;     left: 0;     line-height: 1.3;     opacity: 0;     padding: 15px 10px 23px;     position: absolute;     top: 0;     transition-duration: .2s;     width: 100%;     z-index: 3; }  .slot-card__link {     align-self: flex-start;     font-size: 16px;     font-weight: 400;     margin-top: auto;     min-height: 45px;     transform: translateY(-20px);     transition-duration: .2s;     color: #fff;     text-decoration: none; }  .slot-card__overlay .btn {     font-size: 12px;     font-weight: 500;     margin-top: 9px;     padding: 10px;     text-align: center;     transform: translateY(20px);     transition-duration: .2s;     width: 100%; }  .short-name {     color: #fff;     cursor: pointer;     display: block;     font-size: 12px;     font-weight: 300;     padding: 12px 10px 5px;     text-align: center;     text-decoration: none; }  .slot-card:hover .slot-card__overlay {     opacity: 1;     transition-duration: .2s; }  .slot-card:hover.new:before {     opacity: 0; }  .slot-card:hover .slot-card__overlay .btn, .slot-card:hover .slot-card__overlay .slot-card__link {     transform: translateY(0); }  .footer {     background: #181a2c;     margin-top: 70px; }  .footer-menu_wrapper {     margin-bottom: 32px;     padding-bottom: 14px;     padding-top: 32px;     position: relative; }  .footer .logo {     padding-bottom: 18px; }  .menu-header-menu-container {     display: flex;     justify-content: space-between;     flex-wrap: wrap; }  .footer-menu {     display: flex;     flex-direction: column;     flex-wrap: wrap;     margin-top: 24px;     list-style: none;     padding: 0; }  .footer-menu li a {     color: #999;     display: block;     font-family: Roboto, Arial, sans-serif;     font-size: 14px;     font-weight: 400;     padding-bottom: 18px;     text-decoration: none;     text-align: left; }  .footer-menu_wrapper:after {     background: #d9d9d9;     bottom: 0;     content: "";     height: 1px;     left: 0;     position: absolute;     width: 100%; }  .payment-system {     align-items: center;     display: flex;     flex-wrap: wrap;     justify-content: flex-start;     padding: 0 0 12px; }  .payment-system img {     margin: 0 47px 20px 0; }  .footer-bottom {     align-items: center;     display: flex;     justify-content: space-between;     padding-bottom: 30px; }  .footer-bottom__contact {     align-items: flex-start;     display: flex;     flex-direction: column; }  .footer-bottom__contact a {     display: block;     font-size: 14px;     font-weight: 400;     line-height: 3;     padding-left: 30px;     position: relative;     color: #ffffff;     text-decoration: none; }  .footer-bottom__contact a:before {     background-repeat: no-repeat;     content: "";     height: 24px;     left: 0;     position: absolute;     top: 10px;     width: 24px; }  .footer-bottom__contact a.email:before {     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-.67 2L12 10.75 5.67 6h12.66ZM19 18H5a1 1 0 0 1-1-1V7.25l7.4 5.55a1 1 0 0 0 1.2 0L20 7.25V17a1 1 0 0 1-1 1Z' fill='%23fff'/%3E%3C/svg%3E"); }  .footer-bottom__copyright {     font-size: 14px;     line-height: 3;     padding: 0 15px;     text-align: center; }  .footer-bottom__icon img {     margin-left: 25px; }  @media (max-width: 1080px) {     .header-menu_wrap {         display: none;     }     .header-menu_wrap.open {         display: block;     }     .menu__toggle {         display: flex;     }     .menu__toggle.open span:first-child {         transform: rotate(45deg);         top: 7px;     }     .menu__toggle.open span:nth-child(2) {         transform: rotate(-45deg);     }     .menu__toggle.open span:nth-child(3) {         display: none;     }     .menu__toggle.open span:last-child {         display: none;     }     .menu-toggle-button span {         display: inline-block;         width: 35px;         height: 4px;         border-radius: 4px;         background: linear-gradient(180deg, #4b9de8, #416fb4);         position: absolute;         top: 0;     }     .menu-toggle-button span:nth-child(2) {         top: 8px;     }     .menu-toggle-button span:nth-child(3) {         top: 16px;     }     .menu-toggle-button span:last-child {         top: 24px;     }     .header-menu_wrap {         background: rgba(37, 45, 64, 0.5);         width: 100vw;         height: 100vh;         position: fixed;         top: 0;         left: 0;         z-index: 5;     }     .header-menu {         flex-direction: column;         align-items: flex-start;         gap: 15px;         background: #252d40;         position: fixed;         top: 78px;         left: 0;         height: 100vh;         justify-content: flex-start;         z-index: 100;         padding: 20px;     } }  @media (max-width: 580px) {     .login {         display: none;     }     .main-img__caption .title {         font-size: 18px;     }     .caption {         font-size: 16px;     }     .btn {         font-size: 12px;     }     .main-img__caption .btn {         font-size: 14px;         padding: 15px 25px;     }     h1 {         font-size: 36px;     }      body {         font-size: 14px;     }     .menu-header-menu-container {         gap: 15px;     }     .slot-card__wrap {         margin: 7px;         width: 46%;     }     .footer-bottom {         flex-direction: column;     } } @media (max-width: 435px) {     .main-img__caption {         bottom: 5px;     }     .caption {         margin-bottom: 10px;     } } @media (max-width: 370px) {     .slot-card__wrap {         width: 204px;     }     .slot-list {         justify-content: center;     } }  table {     border: 2px solid #ffffff; }  td, th {     border: 1px solid #ffffff; }  .main__content a {     color: #4b9de8;     text-decoration: none; } .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: linear-gradient(180deg, #4b9de8, #416fb4);     position: fixed;     bottom: 20px;     right: 20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }