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 {     padding-top: 60px; }  .space-news-block-title-block {     width: 100%;     min-height: 30px;     position: relative;     margin-bottom: 25px;     display: flex;     justify-content: space-between;     align-items: center; }  .space-news-block-title {     color: #ff5252;     font-size: 32px;     line-height: 34px;     font-weight: 700; }  .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-block-items {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     position: relative; }  .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-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; }  .space-news-one-item-3 {     width: 33.3333333%;     position: relative; }  .space-news-one-item-3-ins {     margin: 0 30px 30px 0;     position: relative;     overflow: hidden;     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }  .space-news-one-item-3-pic {     position: relative;     width: 100%;     margin-bottom: 15px; }  .space-hover-overlay {     width: 100%;     height: 100%;     color: #fff;     text-align: center;     text-decoration: underline;     font-size: 18px;     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     opacity: 0;     visibility: hidden;     -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-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-dark-overlay {     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; }  .space-news-one-item-3-title {     font-size: 20px;     line-height: 24px;     color: #fff;     font-weight: 700;     position: absolute;     bottom: 20px;     left: 20px;     padding-right: 20px; }  .space-news-one-item-3-meta {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     position: relative;     padding: 0 20px; }  .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-3-desc {     width: 100%;     margin-top: 10px;     font-size: 14px;     line-height: 24px;     color: #9e9e9e;     font-weight: 400;     position: relative;     padding: 0 20px 20px; }  .space-news-one-item-2 {     width: 33.3333333%;     position: relative; }  .space-news-one-item-2-ins {     margin: 0 30px 30px 0;     position: relative;     overflow: hidden;     background-color: #EEEEEE;     border-radius: 5px; }  .space-news-one-item-2-title {     height: 68px;     overflow: hidden;     padding: 20px 20px 0; }  .space-news-one-item-2-meta {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     position: relative;     padding: 0 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-pic {     position: relative;     width: 100%;     margin: 15px 0 0; }  .space-news-one-item-2-title a {     font-size: 20px;     line-height: 24px;     color: #212121;     font-weight: 700;     text-decoration: none; }  .space-games {     max-width: 1100px;     margin: 0 auto;     padding: 60px 10px 0; }  .space-games-title-block {     width: 100%;     min-height: 30px;     position: relative;     margin-bottom: 25px;     display: flex;     justify-content: space-between;     align-items: center; }  .space-games-title {     font-size: 32px;     line-height: 34px;     font-weight: 700;     color: #ff5252; }  .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-items {     width: auto;     overflow: hidden;     position: relative;     display: flex;     justify-content: space-between;     flex-wrap: wrap; }  .space-games-one-item {     width: 33.3333333%;     float: left;     position: relative; }  .space-games-one-item-ins {     margin: 0 30px 30px 0;     position: relative;     overflow: hidden; }  .space-games-cat-tablet {     display: none; }  .space-games-item-title {     position: absolute;     width: auto;     font-size: 26px;     line-height: 30px;     font-weight: 700;     top: 0;     left: 0;     right: 0;     bottom: 30px;     color: #fff;     text-align: center;     padding: 0 20px;     margin: auto 0;     height: 30px; }  .space-games-item-button {     position: absolute;     width: auto;     height: 40px;     line-height: 38px;     color: #fff;     bottom: 20px;     left: 0;     right: 0;     text-align: center;     font-size: 20px;     font-weight: 300; }  .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-content-block {     max-width: 1100px;     margin: 0 auto 60px;     padding: 60px 10px;     position: relative; }  .space-content-block {     margin-bottom: 0; }  .space-content-block-wrap {     width: 100%;     height: auto;     position: relative;     display: flex;     justify-content: space-between; }  .space-left-content {     width: 66.6666666%;     position: relative;     font-size: 16px;     line-height: 24px;     color: rgba(0, 0, 0, 0.77);     font-weight: 400; }  .space-left-content-title {     font-size: 32px;     line-height: 34px;     color: #212121;     font-weight: 700;     width: 100%;     min-height: 30px;     position: relative;     margin-bottom: 25px; }  .space-left-content-title {     color: #ff5252; }  .space-left-content-items {     width: 100%;     position: relative; }  .space-left-content-one-item {     width: 100%;     margin-bottom: 45px;     position: relative;     overflow: hidden; }  .space-left-content-one-item-pic {     width: 50%;     display: flex; }  .space-left-content-one-item-pic-ins {     margin-right: 30px;     position: relative;     overflow: hidden; }  .space-left-content-one-item-pic-ins a {     line-height: 0;     font-size: 0; }  .space-left-content-one-item-exc {     width: 50%; }  .space-left-content-one-item-exc-ins {     margin-right: 30px;     position: relative;     overflow: hidden; }  .space-left-content-one-item-category {     display: block;     margin-top: 10px; }  .space-left-content-one-item-category a {     color: #ff5252; }  .space-left-content-one-item-title {     width: 100%;     height: auto;     overflow: hidden; }  .space-left-content-one-item-title a {     font-size: 20px;     line-height: 24px;     color: #212121;     font-weight: 700;     text-decoration: none; }  .space-left-content-one-item-meta {     font-size: 14px;     line-height: 30px;     color: #9e9e9e;     font-weight: 400;     position: relative; }  .space-left-content-one-item-meta a {     font-size: 14px;     line-height: 30px;     color: #616161;     font-weight: 400; }  .space-left-content-one-item-desc {     width: 100%;     margin-top: 5px;     font-size: 14px;     line-height: 24px;     color: #9e9e9e;     font-weight: 400;     position: relative; }  .space-left-content-one-item {     display: flex; }  .mercury-static-banner-title {     font-size: 14px;     line-height: 24px;     color: #9e9e9e;     font-weight: 400;     text-align: center; }  .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) {     .space-header-search-icon {         display: block;     }      .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-footer-block-item,     .space-left-content {         width: 100%;     }      .space-right-sidebar {         display: none;     }      .space-news-one-item-1 {         width: 50%;     } }  @media (max-width: 767px) {     .space-news-one-item-3,     .space-news-one-item-2,     .space-games-one-item {         width: 48%;     }      .space-news-one-item-3-ins,     .space-news-one-item-2-ins,     .space-games-one-item-ins {         margin-right: 0;     }     .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: 590px) {     .space-left-content-one-item {         flex-direction: column;     }      .space-left-content-one-item-pic,     .space-left-content-one-item-exc {         width: 100%;     }      .space-left-content-one-item-pic-ins {         margin-right: 0;     }      .space-games-item-title {         font-size: 18px;     } }  @media (max-width: 470px) {     .space-news-one-item-3, .space-news-one-item-2, .space-games-one-item {         width: 100%;     }     img {         width: 100%;     }     .space-news-one-item-1 {         width: 100%;     }     .space-news-one-item-1-ins {         margin-right: 0;     } }  .space-games-category-list {     list-style: none; }