body {     color: rgba(0, 0, 0, 0.87);     font-size: 1rem;     -webkit-font-smoothing: antialiased;     font-family: "Open Sans", serif;     font-weight: 400;     line-height: 100%;     margin: 0px auto;     padding: 0px;     overflow-x: hidden; }  * {     box-sizing: border-box; }  .container {     max-width: 1040px;     margin: 0 auto;     position: relative;     overflow: hidden;     width: 100%;     padding: 0 10px; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     min-height: 70px;     background-color: #373737;     z-index: 10000;     display: flex;     justify-content: space-between;     align-items: center; }  .header__wrapper, .header__menu__list {     display: flex;     justify-content: space-between;     align-items: center;     gap: 27px; }  .header__menu__list {     list-style: none;     margin: 0;     padding: 0; }  .header__menu__item {     padding: 25px 0; }  .header__menu__link {     text-transform: lowercase;     font-size: 17px;     line-height: 20px;     font-weight: 400;     padding: 25px 0 20px;     color: #fff;     text-decoration: none; }  .header__menu__item:hover .header__menu__link {     border-bottom: 3px solid #ff5252; }  .main {     margin-top: 70px; }  .banner {     width: 100%;     padding: 45px 0;     line-height: 0;     position: relative;     background-color: #F5F5F5; }  .featured__posts {     display: flex; }  .featured__item {     border-right: 1px solid #fff;     position: relative;     overflow: hidden; }  .featured__item:after {     content: '';     position: absolute;     width: 100%;     height: 100%;     top: 0;     left: 0;     right: 0;     bottom: 0;     padding: 0;     margin: auto;     background-color: rgba(0, 0, 0, 0.5);     -webkit-transition: all 0.3s;     -moz-transition: all 0.3s;     -ms-transition: all 0.3s;     -o-transition: all 0.3s;     transition: all 0.3s; }  .featured__item__content {     position: absolute;     bottom: 30px;     left: 30px;     color: #fff;     font-size: 25px;     line-height: 30px;     padding-right: 30px;     font-weight: 700;     z-index: 1; }  .featured__item__content span {     display: block;     color: #fff;     font-size: 16px;     line-height: 20px;     font-weight: 300;     text-decoration: underline;     padding-bottom: 20px; }  .mobile {     display: none; }  .space-news-block-more a {     width: auto;     padding-left: 100px;     font-size: 16px;     line-height: 18px;     color: #616161;     font-weight: 400;     text-transform: lowercase;     text-decoration: underline; }  .space-news-block-more a:hover {     color: #ff5252; }  .space-news-one-item-1 {     width: 25%;     position: relative; }  .space-news-one-item-1-ins {     margin: 0 30px 30px 0;     position: relative;     overflow: hidden; }  .space-news-one-item-3-pic:hover .space-hover-overlay, .space-news-one-item-2-pic:hover .space-hover-overlay {     background-color: #ff5252;     opacity: 1;     visibility: visible; }  .space-hover-overlay span {     display: block;     position: absolute;     top: 0;     bottom: 0;     height: 20px;     line-height: 20px;     left: 0;     right: 0;     padding: 0;     margin: auto;     text-decoration: underline; }  img {     max-width: 100%;     height: auto;     -webkit-backface-visibility: hidden; }  .space-news-one-item-3-meta a {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     text-decoration: underline; }  .space-news-one-item-3-meta span {     position: absolute;     line-height: 30px;     top: 0;     right: 20px; }  .space-news-one-item-2-meta a {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     text-decoration: underline; }  .space-news-one-item-2-meta span {     position: absolute;     line-height: 30px;     top: 0;     right: 20px; } .space-news-one-item-2-title a {     font-size: 20px;     line-height: 24px;     color: #212121;     font-weight: 700;     text-decoration: none; }  .space-games-category ul.space-games-category-list li {     float: left;     padding-left: 20px;     min-height: 30px;     font-size: 16px;     line-height: 30px;     color: #616161;     font-weight: 400;     text-transform: lowercase;     cursor: pointer;     text-decoration: underline;     -webkit-transition: color 0.3s;     -moz-transition: color 0.3s;     -ms-transition: color 0.3s;     -o-transition: color 0.3s;     transition: color 0.3s; }  .space-games-category ul.space-games-category-list li.active {     color: #ff5252; }  .space-games-item-button span {     border-radius: 20px;     height: 40px;     line-height: 38px;     display: inline-block;     padding: 0 35px;     -webkit-transition: all 0.3s;     -moz-transition: all 0.3s;     -ms-transition: all 0.3s;     -o-transition: all 0.3s;     transition: all 0.3s; }  .space-games-item-button span {     background-color: #ff5252; }  .space-games-one-item-ins:hover .space-games-item-button span {     background-color: #616161; }  .space-footer-block {     background-color: #eeeeee;     width: 100%;     height: auto;     position: relative;     overflow: hidden;     margin-top: 60px; }  .space-footer-wrap {     max-width: 1100px;     margin: 0 auto;     padding: 60px 10px; }  .space-footer-blocks {     display: flex;     justify-content: space-between; }  .space-footer-block-item {     width: 33.3333333%;     padding: 45px 0 0;     height: auto;     float: left;     position: relative;     overflow: hidden; }  .space-footer-block-item-ins {     padding-right: 45px; }  .widget {     max-width: 328px;     margin: 0 auto;     padding-bottom: 60px;     font-size: 16px;     line-height: 24px;     color: #616161;     font-weight: 400; }  .space-footer-block-item-ins .widget:last-child {     padding-bottom: 45px; }  .space-widget-title {     font-size: 22px;     line-height: 24px;     font-weight: 700;     color: #212121;     width: 100%;     min-height: 30px;     position: relative;     margin-bottom: 25px;     text-transform: lowercase;     border-bottom: 1px solid #BDBDBD; }  .space-footer-block .space-widget-title {     color: #212121 !important; }  .textwidget {     width: 100%;     font-size: 16px;     line-height: 24px;     color: #616161;     font-weight: 400;     position: relative; }  .textwidget p {     padding: 0 0 20px 0;     font-size: 1em; }  .space-widget-items {     width: 100%;     position: relative; }  .widget .space-news-one-item-1 {     width: 100%;     float: none; }  .space-copy-block {     background-color: #dedede;     width: 100%;     min-height: 76px;     position: relative;     overflow: hidden; }  .space-copy-wrap-ins {     text-align: center;     padding: 0 30px;     font-size: 14px;     line-height: 76px;     color: #616161;     font-weight: 400; }  .space-copy-wrap-ins a {     font-size: 14px;     line-height: 76px;     color: #616161;     font-weight: 400;     text-decoration: none; }  .space-header-search-icon {     display: none; } .menu-toggle {     display: none; } @media (max-width: 1110px) {     .menu-toggle {         font-size: 24px;         cursor: pointer;         background: none;         border: none;         color: #fff;         display: block;     }      .header__menu {         position: fixed;         top: 70px;         left: 0;         width: 100%;         min-height: 70px;         background-color: #373737;         z-index: 10000;         display: none;         justify-content: space-between;         align-items: center;     }      .header__menu.open {         display: flex;     }      .header__menu__list {         flex-direction: column;         align-items: flex-start;         padding-left: 55px;     } }  @media (max-width: 992px) {     .space-footer-blocks {         flex-direction: column;         align-items: center;         justify-content: center;     }      .space-news-one-item-1 {         width: 50%;     } }  @media (max-width: 767px) {     .featured__posts {         flex-direction: column;     }     .desktop {         display: none;     }     .mobile {         display: block;     }     .featured__item {         border-right: 0;         border-bottom: 1px solid #fff;     }     .banner .container {         padding: 0;     } }  @media (max-width: 470px) {     img {         width: 100%;     }     .space-news-one-item-1 {         width: 100%;     }     .space-news-one-item-1-ins {         margin-right: 0;     } } .space-news-one-item-1-title {     height: 48px;     overflow: hidden; }  .space-news-one-item-1-title a {     font-size: 20px;     line-height: 24px;     color: #212121;     font-weight: 700;     text-decoration: none; }  .space-news-one-item-1-meta {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400; }  .space-news-one-item-1-meta a {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     text-decoration: underline; }  .title {     line-height: 1; }