:root {--color-red: #FF3800;--black: #1E1E1E;--light: #FFF7EE;}body {font-family: "Roboto", sans-serif;font-size: 16px;font-weight: 400;color: var(--black);background-color: #fff;margin: 0;padding: 0;}h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}.container {width: 100%;max-width: 890px;padding: 0 15px;margin: 0 auto;}b, strong {font-weight: 700;}*, *:after, *:before {box-sizing: border-box;}.--showMobile {display: none;}.--showDesktop {display: flex;}.btn {border: none;border-radius: 0;background: #fd4f18;color: #fff;padding: 0 20px;line-height: 40px;height: 40px;display: inline-block;cursor: pointer;text-transform: uppercase;font-size: 16px;font-weight: 700;letter-spacing: 1px;outline: 0;-webkit-appearance: none;-webkit-transition: .3s ease;transition: .3s ease;}.btn:hover {}.btn__article {width: 100%;text-align: center;background-color: transparent;color: #fd4f18;border: 1px solid #fd4f18;}.btn__article:hover {width: 100%;text-align: center;background-color: #fd4f18;color: #ffffff;border: 1px solid #fd4f18;}.header__topWrapper {padding: 8px 0 12px;position: relative;}.header__topWrapper:after {content: "";width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;background: linear-gradient(90deg, #FD5719 0%, #F98918 100%);}.header__logo {display: flex;align-items: center;justify-content: center;}.pageLogo {width: 174px;display: flex;}.pageLogo img {width: 100%;}.header__middleWrapper {background-color: var(--light);}.header__menu {display: flex;gap: 28px;list-style: none;justify-content: center;margin: 0;padding: 14px 0;}.header__menuLink {color: var(--black);font-size: 18px;font-weight: 300;line-height: 20px;text-decoration: none;position: relative;display: flex;}.header__menuLink:before {content: '';position: absolute;height: 2px;width: 100%;background: transparent;bottom: -2px;transition: .3s;}.header__menuItem.active .header__menuLink {font-weight: 600;}.header__menuItem.active .header__menuLink:before, .header__menuLink:hover:before {background: var(--color-red);}main {padding: 25px 0 15px;min-height: calc(100vh - 395px);}.page__wrapper {display: flex;gap: 40px;}.page__content {width: 60%;}.postsList {display: flex;flex-direction: column;gap: 45px;}.postsList__category {display: flex;gap: 5px;align-items: center;}.postsList__category:not(:first-child) {margin-top: 20px;}.postsList__categoryIcon {width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}.postsList__categoryName {font-size: 20px;font-weight: 700;line-height: 1em;text-transform: uppercase;}.page__postsList {display: flex;flex-direction: column;gap: 20px;}.article__wrapper {display: flex;flex-direction: column;gap: 10px;}.article {display: flex;gap: 25px;color: initial;text-decoration: none;}.article__meta {display: flex;align-items: center;gap: 10px;}.article__authorImg {width: 25px;height: 25px;}.article__authorImg img {width: 100%;height: 100%;}.article__content {display: flex;flex-direction: column;gap: 10px;}.article__title {font-size: 16px;font-weight: 700;line-height: 1.3em;}.article__date {color: #666666;font-size: 14px;line-height: 1em;}.article__photo {width: 100px;height: 100px;border-radius: 5px;overflow: hidden;flex-shrink: 0;}.article__photo img {width: 100%;height: 100%;object-fit: cover;}.article__category {border-radius: 5px;padding: 4px 9px;background-color: #F43F5E;color: #FFFFFF;font-size: 16px;font-weight: 700;line-height: 1.15em;}.page__slider {height: 300px;margin-bottom: 40px;}.slider__pagination {justify-content: center;display: flex;margin-top: 12px;gap: 12px;}.slider__pagination .swiper-pagination-bullet {background-color: var(--color-red);opacity: .5;width: 10px;height: 10px;margin: 0 !important;}.slider__pagination .swiper-pagination-bullet-active {opacity: 1;}.postSlider__post .article__category {z-index: 5;}.postSlider__post {height: 100%;background-position: center;background-size: cover;border-radius: 15px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;padding: 20px;overflow: hidden;position: relative;}.postSlider__post:before {content: '';height: 100%;width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);position: absolute;top: 0;left: 0;z-index: 0;}.postSlider__post .article__title {color: #ffffff;font-size: 20px;line-height: 20px;text-transform: uppercase;text-decoration: none;z-index: 5;}.page__sidebar {width: 40%;display: flex;flex-direction: column;gap: 20px;}.sidebar_article {flex-direction: column;gap: 10px;}.sidebar_article .article__photo {width: 100%;height: auto;position: relative;}.sidebar_article .article__category {position: absolute;top: 10px;left: 10px;}.sidebar_article .article__photo.video:before {content: '';background-image: url("../images/icon/play.svg");width: 66px;height: 72px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.sidebar__wrapper {display: flex;flex-direction: column;gap: 40px;}footer {background-color: var(--light);border-top: 6px solid #FD5719;padding: 30px 0;}.footer__wrapper {display: flex;justify-content: space-between;}.footer__logoWrapper {display: flex;flex-direction: column;gap: 10px;}.footer__logo .pageLogo {width: 208px;}.footer__social {margin: 0 0 auto;padding: 0;list-style: none;display: flex;gap: 10px;}.footer__socialItem a {display: flex;}.footer__socialItem a:hover svg path:first-child {fill: var(--color-red);}.footer__menu {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 16px;}.footer__menuItem a {color: var(--black);font-size: 20px;font-weight: 700;line-height: 1em;text-transform: uppercase;text-decoration: none;transition: .3s;}.footer__menuItem a:hover {color: var(--color-red);}article.post__content {display: flex;flex-direction: column;gap: 10px;}article .article__title {font-size: 30px;font-weight: 700;line-height: 1.3em;}article .article__image {position: relative;display: flex;}article .article__image .article__category {position: absolute;top: 20px;left: 20px;}article .article__image img {width: 100%;}article .article__content {gap: 16px;}article .article__time {color: #666666;font-size: 14px;line-height: 1em;}article .article__description {display: flex;flex-direction: column;gap: 16px;font-size: 16px;line-height: 1.5em;}article .article__postImg {border-radius: 10px;overflow: hidden;}article .article__postImg img {width: 100%;}article .article__description i a {text-decoration: none;color: var(--black);}article .article__description i a:hover {color: #2F80ED;}article .article__description a {color: #2F80ED;font-weight: 700;}article .article__description h3 {font-size: 20px;font-weight: 700;line-height: 1em;text-transform: uppercase;}.alsoLike {display: flex;flex-direction: column;gap: 20px;margin: 40px 0;}.alsoLike__wrapper {display: flex;flex-direction: column;gap: 40px;}.alsoLike__wrapper .article__wrapper {gap: 16px;}.alsoLike__wrapper .article__content {gap: 16px;}.alsoLike__wrapper .article__title {font-size: 25px;font-weight: 700;line-height: 1.3em;}.alsoLike__wrapper .article__photo {width: 150px;height: 150px;}@media (max-width: 768px) {.--showDesktop {display: none;}.--showMobile {display: flex;}.header__menu {overflow-y: auto;justify-content: flex-start;}.header__menuLink {white-space: nowrap;}.page__wrapper {flex-direction: column;}.page__content {width: 100%;}.article {gap: 15px;}.page__sidebar {width: 100%;}.footer__wrapper {justify-content: center;flex-wrap: wrap;gap: 32px;}.footer__menuWrapper {width: calc(50% - 20px);}.footer__logoWrapper {align-items: center;width: 100%;}article .article__image .article__category {top: 10px;left: 10px;}article .article__title {font-size: 16px;}.alsoLike__wrapper .article__title {font-size: 16px;}.alsoLike__wrapper .article__photo {width: 100px;height: 100px;}}