html {     font-size: 16px; } table {       width: 100%;       border: 2px solid;       padding: 10px; }  tr, td {    border: 2px solid #fff;     padding: 10px; } body {     margin: 0;     padding: 0;     font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;     background-color: #260400;     color: #ffffff; }  * {     -webkit-box-sizing: border-box;     box-sizing: border-box; }  .header__kz {     background: linear-gradient(0deg,#0b041b 30%,#39217AFF 90%);     padding: 1rem 0;     position: relative;     z-index: 98; }  .container {     margin: 0 auto;     max-width: 1440px;     padding: 0 30px; }  .header__kz__wrapper {     -webkit-box-pack: start;     -ms-flex-pack: start;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: flex-start; }  .header__kz__burger {     display: none;     height: 24px;     width: 32px; }  .header__kz__burger span {     background-color: #ffffff;     border-radius: 4px;     display: block;     height: 4px;     -webkit-transition: all .25s;     transition: all .25s;     width: 100%; }  .logo {     margin: 0;     max-width: 150px;     position: relative; }  .logo__link {     display: block; }  .logo__link img {     height: auto;     max-width: 100%; }  .header__kz__menu {     -webkit-box-ordinal-group: 4;     -ms-flex-order: 3;     -webkit-box-pack: center;     -ms-flex-pack: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: center;     order: 3;     width: 100%; }  .nav {     -webkit-box-ordinal-group: 4;     -ms-flex-order: 3;     margin: 1rem 0;     order: 3; }  .nav__menu {   padding: 0;     -webkit-box-pack: center;     -ms-flex-pack: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: center;     list-style: none;     -webkit-transition: all .3s;     transition: all .3s; }  .nav__item {     padding: 0 8px; }  .nav__link {     display: block;     color: #ffffff;     font-size: 1rem;     font-weight: 700;     padding: 16px;     text-decoration: none; }  .lang img {     border: 1px solid #ffffff; }  .nav__flag {     width: 25px;     height: auto; }  .control {     margin-left: auto;       clear: both; }  .control__link, a.mirror {     background: linear-gradient(180deg, #b50000 0%, #800000 100%);     border: 2px solid #440404;     border-radius: 5px;     color: #ffffff;     cursor: pointer;     display: inline-block;     font-size: 1rem;     justify-self: flex-start;     margin-top: 1rem;     outline: none;     padding: 9px 30px;     position: relative;     text-decoration: none;     text-transform: uppercase;     -webkit-transition: color .25s, background-color .25s;     transition: color .25s, background-color .25s;     white-space: nowrap;     font-weight: 600;     overflow: hidden; }  .control__link:hover {     background: rgba(255, 255, 255, 0.8);     color: #ff0000;     text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.59);     border: 2px solid #ab0000; }  .content__kz-main img {     width: 35%;     height: auto; }  .content__kz-main .control__link:hover {     background: rgba(255, 255, 255, 0.8);     color: #ff0000;     text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.59);     border: 3px solid #ab0000; }  .control .control__link {     font-weight: 600;     margin: 0 1rem; }  .banner__kz {     background-blend-mode: normal;     background: linear-gradient(45deg, #662400 30%, #9c3800 70%, #662400) no-repeat 50%;     background-size: cover;     margin: 0;     padding: 1.5rem 0; }  .banner__kz__wrapper {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between; }  .banner__kz__content {     margin-right: 20px;     width: calc(55% - 20px); }  .banner__kz__content__text {     color: #fff; }  .banner__kz__content__heading {     font-weight: 600;     margin-bottom: 1rem;     line-height: 3rem;     font-size: 2.2rem; }  .banner__kz__content__text > * {     margin-bottom: 2rem; }  .banner__kz__content__text p a {     color: #fff; }  .banner__kz__content__control {     margin-top: 3.5rem; }  .banner__kz__media {     width: 45%; }  .banner__kz__media img {     height: auto;     max-width: 100%; }  .toc-gen {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     border: 1px solid #b9b9b9;     border-radius: 5px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between;     margin: 1rem 0;     max-width: 500px;     padding: 0.5rem;     position: relative; }  .toc-gen .toc-gen__title {     font-size: 1rem;     font-weight: 600;     margin-bottom: 0;     text-align: center;     color: #ffffff; }  .toc-gen__show {     background: none;     border: none;     color: #ffffff;     cursor: pointer;     font-size: 1rem;     margin-left: 1rem;     text-transform: capitalize; }  .toc-gen__list {     counter-reset: item;     font-size: 1rem;     left: 0;     margin-top: 1rem;     opacity: 0;     pointer-events: none;     position: absolute;     top: 100%;     width: 100%; }  .page-content ol, .page-content ul {     list-style-position: inside;     margin-bottom: 1rem;     margin-left: 10px;     margin-top: 1rem; }  .toc-gen__list li {     list-style: none; }  .toc-gen__list .level-1 {     counter-increment: point;     counter-reset: sublist;   	padding: 5px 0; }  .page-content ol + p, .page-content ol > :not(:last-child), .page-content ul + p, .page-content ul > :not(:last-child) {     margin-bottom: 0.5rem; }  .toc-gen__list li {     list-style: none; }  .toc-gen__list .level-1:before {     content: counter(point) ". ";     display: inline-block; }  .toc-gen__list li a {     color: #ffffff;     text-decoration: none;     -webkit-transition: color .25s;     transition: color .25s; }  .toc-gen__list_showed {     opacity: 1;     pointer-events: auto;     position: relative; }  .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: #0b041b;     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); }  .content__kz-main .control__link {     display: block;     text-align: center;     margin: 10px 0;     border: 3px solid #ab0000; }  .content__kz-main .control__link:before {     animation: none; }  .footer__kz {     background: linear-gradient(0deg,#0b041b 30%,#39217AFF 90%);     padding-top: 20px;     padding-bottom: 20px;     color: #fff;     font-size: 12px;     margin-top: 20px; }  .footer__kz__wrapper {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     align-items: center; }  .footer__kz__logo {     display: flex; }  .footer__kz__logo .logo {     padding-right: calc(0.5rem * .5);     padding-left: calc(0.5rem * .5); }  .footer__kz__warning--wrapper {     display: flex; }  .flag {     width: 50px;     height: 40px;     margin-left: 10px; }  .flag img {     width: 100%; }  .footer__kz .flag img {     border: 1px solid #ffffff; }  .footer__kz__gamcare__link {     display: block;     width: 150px;     height: auto; }  .footer__kz__gamcare__link img {     width: 100%; }  @media (max-width: 1001px) {     .header__kz__burger {         -webkit-box-orient: vertical;         -webkit-box-direction: normal;         -webkit-box-align: center;         -ms-flex-align: center;         -webkit-box-pack: justify;         -ms-flex-pack: justify;         align-items: center;         display: -webkit-box;         display: -ms-flexbox;         display: flex;         -ms-flex-direction: column;         flex-direction: column;         justify-content: space-between;         position: absolute;         right: 15px;         top: 15px;         z-index: 1000;     }      .header__kz__menu {         width: auto;     }      .nav {         left: 0;         margin: 0;         opacity: 0;         padding-bottom: 10px;         pointer-events: none;         position: absolute;         top: 100%;         -webkit-transform: translateY(-50%);         transform: translateY(-50%);         width: 100%;         height: 695px;     }      .nav__menu {         -webkit-box-orient: vertical;         -webkit-box-direction: normal;         -webkit-box-pack: start;         -ms-flex-pack: start;         -webkit-box-align: start;         -ms-flex-align: start;         align-items: flex-start;         -ms-flex-direction: column;         flex-direction: column;         justify-content: flex-start;         margin: 0;     }      .nav__item {         padding: 0;         position: relative;         width: 100%;     }      .nav__link {         display: block;     }      .control {         margin: 2rem 0 1rem;         text-align: center;         width: 100%;     }      .top-nav-showed {         background: #0b041b;         opacity: 1;         overflow-y: scroll;         pointer-events: auto;         -webkit-transform: translateY(0);         transform: translateY(0);     }      .burger.burger-active span {         -webkit-animation-duration: .25s;         animation-duration: .25s;         -webkit-animation-fill-mode: forwards;         animation-fill-mode: forwards;         -webkit-animation-iteration-count: 1;         animation-iteration-count: 1;         background-color: #ffffff;     }      .burger.burger-active span:first-of-type {         animation-name: firstSpan;     }      @keyframes firstSpan {         0% {             -webkit-transform: translateY(1px);             transform: translateY(1px);         }         20% {             -webkit-transform: translateY(5px);             transform: translateY(5px);         }         40% {             -webkit-transform: translateY(11px);             transform: translateY(11px);         }         60% {             -webkit-transform: translateY(11px) rotate(15deg);             transform: translateY(11px) rotate(15deg);         }         80% {             -webkit-transform: translateY(12px) rotate(30deg);             transform: translateY(12px) rotate(30deg);         }         100% {             -webkit-transform: translateY(12px) rotate(45deg);             transform: translateY(12px) rotate(45deg);         }     }     .burger.burger-active span:nth-of-type(2) {         -webkit-transform: scaleY(0);         transform: scaleY(0);     }      .burger.burger-active span:nth-of-type(3) {         -webkit-animation-name: secondSpan;         animation-name: secondSpan;     }      @keyframes secondSpan {         0% {             -webkit-transform: translateY(-1px);             transform: translateY(-1px);         }         20% {             -webkit-transform: translateY(-5px);             transform: translateY(-5px);         }         40% {             -webkit-transform: translateY(-6px);             transform: translateY(-6px);         }         60% {             -webkit-transform: translateY(-7px) rotate(-15deg);             transform: translateY(-7px) rotate(-15deg);         }         80% {             -webkit-transform: translateY(-8px) rotate(-30deg);             transform: translateY(-8px) rotate(-30deg);         }         100% {             -webkit-transform: translateY(-9px) rotate(-45deg);             transform: translateY(-9px) rotate(-45deg);         }     }      .nav__item {         border-bottom: 1px solid rgba(132, 122, 157, .5);     } }  @media (max-width: 740px) {   .content__kz-main img {     float: none !important;     width: 100%;     height: auto;   }     .banner__kz__content {         margin-right: 0;         width: 100%;     }      .banner__kz__media {         margin-top: 2rem;         text-align: center;         width: 100%;     }      p {         float: none;         display: block;     }      .content__kz img {         max-width: 100%;         float: none;         display: block;     }      .footer__kz__wrapper,     .footer__kz__wrapper > * {         flex-direction: column;         justify-content: center;         align-items: center;         margin-bottom: 25px;     }      .footer__kz__wrapper {         margin-bottom: 0;     }      .footer__kz__warning {         margin-bottom: 0;     }      .footer__kz__copy {         margin-top: 25px;         text-align: center;     }      .footer__kz__copy div {         margin-bottom: 5px;     }      .banner__kz {         padding-top: 0;     } }  @media (max-width: 600px) {     .control {         display: flex;     }      .control__link {         font-size: 14px;     }      .control .control__link {         width: 100%;         margin: 0 .2rem;     }      .control .control__link:first-child {         margin-left: 0;     }      .control .control__link:last-child {         margin-right: 0;     }      .banner__kz__content__control .control__link,     a .mirror {         width: 100%;         text-align: center;     }      .container {         padding: 0 10px;     }      .control__link, a .mirror {         padding: 9px 15px;     } }  @media (max-width: 520px) {     p {         font-size: 14px;     }      .banner__kz__content__heading {         font-size: 32px;     }      .content__kz h2 {         font-size: 28px;     }     .control {         display: block;     }     .control .control__link {         font-size: 12px;         margin: 0;     } }