body {     margin: 0;     padding: 0;     font-size: 16px;     background-color: #131313;     font-family: "Hind", "Tahoma", "Arial", sans-serif;     line-height: 1.6; } * {     box-sizing: border-box; } h1, h2, h3, h4, h5 {     font-family: "Montserrat", "Verdana", "Arial", sans-serif;     font-weight: 900; } .header-m {     background: #212121;     position: fixed;     width: 100%;     z-index: 9999; } .container {     margin: 0 auto;     padding: 0 2.5em;     max-width: 1280px;     width: 100%; } .logo-m__link {     display: block;     padding: 8px 0; } .menu-toggle {     display: none;     background: none;     border: none; }  .open, .cross {     width: 40px;     height: 40px; }  .menu {     list-style: none;     padding: 0;     display: flex;     justify-content: space-between;     margin: 0; }  .menu__item {     position: relative; }  .menu__link {     display: block;     padding: 12px 20px;     color: #fff;     transition: all 0.2s ease;     text-decoration: none; }  .menu__link:hover {     background: #222;   color: #fb3c3c; }  .submenu {     display: none;     list-style: none;     padding: 0;     position: absolute;     top: 100%;     left: -25px;     background: linear-gradient(270deg, #222 0%, #0f0f0f 100%); }  .submenu__link {     display: block;     padding: 12px 20px;     color: #fff;     transition: all 0.2s ease;     text-decoration: none;     width: 16rem; }  .menu__item:hover .submenu {     display: block; } .submenu__link:hover {     background: #222;   color: #fb3c3c; }  .main {     padding-top: 115px;     color: #ffffff; } .btn {     display: flex;     gap: 15px;     position: relative;     z-index: 99; } .btn__link {     box-sizing: border-box;     position: relative;     -webkit-user-select: none;     user-select: none;     cursor: pointer;     outline: none;     border: none;     display: inline-block;     white-space: nowrap;     text-decoration: none;     vertical-align: baseline;     text-align: center;     margin: 0;     line-height: 36px;     padding: 0 16px;     border-radius: 4px;     overflow: visible;     min-width: 88px;     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff;     font-weight: bold; } .white {     background: none;     color: #ffffff;     border: 1px solid #ffffff; } .btn__link:hover {   background: linear-gradient(177deg, #fd7575 1.96%, #ff0000 98.23%); } .white:hover {     background: rgba(255, 255, 255, .2); }  .content button {   background: none;   border: none;   width: 100%; } .content button a {   box-sizing: border-box;     position: relative;     -webkit-user-select: none;     user-select: none;     cursor: pointer;     outline: none;     border: none;     display: inline-block;     white-space: nowrap;     text-decoration: none;     vertical-align: baseline;     text-align: center;     margin: 0;     line-height: 36px;     padding: 0 16px;     border-radius: 4px;     overflow: visible;     min-width: 88px;     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff;     font-weight: bold;   width: 100%; } .content button a:hover {   background: linear-gradient(177deg, #fd7575 1.96%, #ff0000 98.23%); } .header-m__top {     display: flex;     justify-content: space-between;     align-items: center; } .banner {     padding: 75px 0;     border-bottom: 1px solid #e5e5e5;     text-align: center;     background: url("/shared/3167/general4.webp") center / 100% auto no-repeat;   	background-size: cover;     position: relative; } .banner:after {     content: '';     display: block;     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background: rgba(15, 15, 15, 0.5); } .banner .btn {     justify-content: center; } .banner .btn__link {     min-width: 120px; } .title {     font-size: 48px;     color: #ffffff;     text-align: center;     position: relative;     z-index: 1; }  .main__content a {   text-decoration: none;     color: #fb3c3c; } .main__content a:hover {     text-decoration: underline; } .main__content p a {   text-decoration: none;     color: #fb3c3c; } .main__content p a:hover {   	color: #ff8181;     text-decoration: underline; } .breadcrumbs-list__item a {   color: #fb3c3c;   text-decoration: none; } .breadcrumbs-list__item a:hover { color: #ff8181;     text-decoration: underline; } .main__content {     display: flex;     justify-content: space-between;     gap: 15px;     line-height: 1.6; }  .content {     width: 70%; }  .widget {     width: 30%; } .widget ul {     list-style: circle inside; } .main img {     max-width: 100%;     height: auto;     margin: 10px; }  .footer {     background: #151515;     padding: 24px 40px;     color: #fff;     margin-top: 45px; } .copyright {     text-align: right; } .age {     display: flex;     align-items: center;     gap: 5px;     justify-content: flex-end; } .footer__menu__list {     padding: 0;     list-style: none;     display: flex;     justify-content: flex-end;     align-items: center; } .footer__menu__link {     display: block;     padding: 0 20px;     border-right: 1px solid #ffffff;     color: #979797;     text-decoration: none; } .footer__menu__item:first-child .footer__menu__link {     padding-left: 0 ; } .footer__menu__item:last-child .footer__menu__link {     border-right: none;     padding-right: 0 ; }  .footer__menu__link:hover {     text-decoration: underline; }  .footer h3 {     font-size: 16px; } .footer p {     font-size: 14px; }   .cooking {     position: fixed;     bottom: 0;     max-width: 1280px;     width: 100%;     display: flex;     justify-content: space-between;     align-items: center;     background-color: #880303;     margin: 24px auto;     padding: 0 16px;     min-height: 48px;     transform-origin: center;     color: #ffffff; } .closes {     background: none;     border: none;     cursor: pointer; } .closes svg {     width: 24px;     height: 24px;     fill: #0f0f0f; }  .closes svg path {     stroke: #0f0f0f; }  .scroll-to-top {     width: 50px;     height: 50px;     position: fixed;     cursor: pointer;     margin: 0 auto;     padding: 0;     right: 1em;     bottom: 1em;     z-index: 9999;     border: 1px solid #880303;     background-color: #fb3c3c; }  .scroll-to-top svg {     width: 25px;     height: 25px; } table { border: 2px solid #ff3030; width: 100%; }  th,td { border: 1px solid #ff3030; padding: 10px; } tr:nth-child(even) { background: rgba(255, 48, 48, 0.5); } @media (max-width: 1440px) {     .cooking {         left: 0;         margin: 24px;         padding: 0 16px;     } }  @media (max-width: 1320px) {     .cooking {         max-width: 978px;     } }  @media (max-width: 1024px) {     .cooking {         max-width: 768px;         z-index: 99;     }      .menu-toggle {         display: block;     }     .menu-toggle .cross {         display: none;     }      .menu-toggle .open {         display: none;     }     .header-m {         z-index: 100;     }     .header-m .container {         display: flex;         justify-content: space-between;     }      .navigation {         display: none;         position: absolute;         top: 100%;         right: 0;         background: #000000;         height: 100vh;     }     .navigation.show {         display: block;     }     .navigation.show:before {         content: '';         display: block;         position: absolute;         top: 0;         left: -100vw;         width: 100vw;         height: 100vh;         background: rgba(94, 2, 2, 0.5);     }     .menu {         display: block;     }     .main {         padding-top: 58px;     }     .menu-toggle .cross.show {         display: block;     }      .menu-toggle .open.show {         display: block;     }     .container {         padding: 0 1em;     }     .header-m .container {         display: block;     } } @media (max-width: 768px) {     .main__content {         flex-direction: column;     }     .content, .widget {          width: 100%;     }     .widget {         order: 1;     }     .content {         order: 2;     }     .cooking {         max-width: max-content;         width: 88%;     }     .footer__menu__list {         flex-wrap: wrap;         justify-content: flex-start;         gap: 15px;     }     .footer__menu__link {         padding: 0 20px 0 0;     }   th, td {     border: 1px solid #ff3030;     padding: 5px;     font-size: 10px; } }  @media (max-width: 516px) {     .white {         display: none;     }     .title {         font-size: 28px;     }     .footer {         padding: 24px 0;     }     .logo-m {         width: 150px;     }     .logo-m__link {         display: block;         width: 100%;     }     .logo-m__link img  {         width: 100%;     }     .main {         padding-top: 60px;     } }  .author { border: 1px solid #ff3030; border-radius: 10px; display: inline-block; max-width: 500px; text-decoration: none !important; width: 100%; } .postAuthorBottom {     border-radius: 0.7rem;     color: inherit;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     margin: 0 auto;     padding: 1rem; }  .author__img {     display: inline-block;     width: 30%;     height: 100px; }  .postAuthorBottom__info {     margin-left: 1rem; }  .author__img img {     margin: 0;     width: 100px;     height: 100px;     border-radius: 50%; } .author a {     color: #ffffff;     text-decoration: none; } @media (max-width: 516px) {     .author__img {         width: 100%;     } } .copy {   display: flex;   justify-content: space-between;   align-items: center;     flex-wrap: wrap;   gap: 30px; } .payments {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; } .footer__menu {   display: flex;   justify-content: space-between;     flex-wrap: wrap; } .payments__item {     height: 32px;     margin: 0 8px 16px;     opacity: .7; }  .payments__item img {     height: inherit;     object-fit: contain;     width: inherit; } .footer__social {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     gap: 8px;     max-width: 280px; } .footer__social a {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: #ffffff1f;     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } .age {     display: flex;     align-items: center;     gap: 10px;     justify-content: flex-end;   margin: 15px 0; } .footer__social {     margin: 15px 0; } .age img { 	max-width: 80px; } @media (max-width: 380px) {   .copy {     gap: 0;     justify-content: center;   }   .age {     justify-content: center;   }   .footer__social {     margin: 15px auto;   } }