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; }  .header-menu {     align-items: center;     display: flex;     justify-content: flex-end;     list-style: none;     margin: 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; } .breadcrumb__list {     list-style: none;     padding: 0;     display: flex; } .breadcrumb__item {     margin: 0 10px; } .breadcrumb__item a {     color: #808080;     text-decoration: none; } .toc_wrap_left.open .ctoc-body {     display: block; } .main-img {   line-height: 0;     margin: -40px -15px 0;     position: relative; } .main-img:after {     position: absolute;     background: #000;   	top: 0;   	left: 0;   	width: 100%;   	height: 100%; } .main-img__caption {     bottom: 24px;     left: 15px;     line-height: 1.2;     position: absolute;     text-align: left; } .main-img__caption .btn {     font-size: 16px;     padding: 15px 25px; } .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; } .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); } @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;     }     .btn {         font-size: 12px;     }     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: 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; }