@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-UltralightItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-UltralightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Heavy.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-HeavyItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-LightItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-LightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-MediumItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Medium.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-HeavyItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-ThinItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-SemiboldItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Bold.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Medium.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Regular.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-BlackItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Black.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-BoldItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-Light.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-SemiboldItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-MediumItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Thin.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-RegularItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Heavy.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-RegularItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-BoldItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Bold.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SF_Pro/SFProText-LightItalic.woff2") format("woff2"), url("../fonts/SF_Pro/SFProText-LightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Ultralight.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Ultralight.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF_Pro/SFProDisplay-Semibold.woff2") format("woff2"), url("../fonts/SF_Pro/SFProDisplay-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
/*
img {
  width: 100%;
  height: auto;
  object-fit: contain; }
*/
a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.container {
  max-width: 1180px; }

.logo svg {
  max-width: 185px;
  width: 100%;
  height: auto; }

.a-small {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
  transition: all 0.3s ease-in-out; }

.a-small:hover {
  color: #F4D03F; }

.t-h5 {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  text-transform: uppercase;
  color: #000000; }

.t-h5 a {
  transition: all 0.3s ease-in-out;
  color: #000000; }

.t-h5:hover a {
  color: #F4D03F; }

.h1-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Dark gray */
  color: #333333; }

.h1-title.green {
  color: #275030; }

.h1-title.purple {
  color: #8B366B; }

.h2-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 130%;
  color: #FFFFFF; }

.h2-title:hover a {
  color: #F4D03F; }

.h2-title a {
  color: #fff;
  transition: all 0.3s ease-in-out; }

.h3-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 137%;
  /* or 27px */
  color: #FFFFFF; }

.h3-title a {
  color: #fff;
  transition: all 0.3s ease-in-out; }

.h3-title:hover a {
  color: #F4D03F; }

.h4-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #666666; }

.h5-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  /* identical to box height */
  text-transform: uppercase;
  color: #FFFFFF; }

.h6-title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7); }

.p-description {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 155%;
  /* or 23px */
  color: #FFFFFF; }

.pb60 {
  padding-bottom: 10px; }

.p30 {
  padding-bottom: 30px; }

.main-title {
  /*padding-bottom: 20px;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }

.main-title:before {
  content: "";
  background-color: #000;
  width: 50px;
  height: 5px;
  position: absolute;
  bottom: 0;
  transform: translate(0, 100%);
  left: 0; }

.main-title.green:before {
  background-color: #67A979; }

.main-title.blue:before {
  background-color: #4DA1D0; }

.main-title.yellow:before {
  background-color: #D7A73C; }

.main-title.red:before {
  background-color: #D54E35; }

.main-title .h4-title.red a {
  color: #D54E35 !important; }

.main-title .h4-title.white a {
  color: #dc3545; }

.btn-a {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #D54E35;
  border: 1px solid #D54E35;
  padding: 8px 30px;
  box-sizing: border-box;
  border-radius: 3px;
  transition: all 0.3s ease-in-out; }

.btn-a:hover {
  background-color: #D54E35;
  color: #fff; }

.btn-b {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 30px;
  box-sizing: border-box;
  border-radius: 3px;
  transition: all 0.3s ease-in-out; }

.btn-b:hover {
  background-color: #fff;
  color: #D54E35; }

.btn-c {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: none;
  background: linear-gradient(180deg, #9C2F1A 0%, #BA5C4A 100%);
  border-radius: 3px;
  padding: 8px 30px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out; }

.btn-c:hover {
  background: #fff;
  color: #D54E35; }

.btn-d {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #D54E35;
  border-radius: 3px;
  padding: 8px 30px;
  box-sizing: border-box;
  border: 1px solid #D54E35;
  transition: all 0.3s ease-in-out; }

.btn-d:hover {
  background: #fff;
  color: #D54E35; }

.title-a {
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: flex-end
}

.title-a__item {
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
  cursor: pointer;
  position: relative; }

.title-a__item:first-child {
  font-size: 20px;
  /*line-height: 35px;*/
  font-weight: bold; }

.title-a__item.active, .title-a__item:hover {
  color: #333333;
  font-weight: bold; }

.title-a__item + .title-a__item {
  padding-left: 10px; }

.title-a__item + .title-a__item:nth-child(2):before {
  content: none; }

.title-a__item + .title-a__item:before {
  width: 1px;
  height: 80%;
  background-color: #666666;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%); }

.tags__item {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #666666;
  padding: 5px 10px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 0.3s ease-in-out; }

.tags__item:hover {
  background-color: #666666;
  color: #fff; }

.top-header {
  padding: 5px 0;
  background: linear-gradient(180deg, #262626 0%, #666666 100%);
  transition: all 0.3s ease-in-out;
  overflow: hidden; }

.top-header.active {
  height: 0;
  padding: 0; }

.top-header .left {
  display: flex;
  align-items: center; }

.top-header .ic-image {
  margin-right: 18px;
  display: inline-flex;
  align-items: center; }

.top-header .ic-image svg {
  margin-right: 5px;
  max-height: 18px;
  width: auto;
  height: 100%; }

.top-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.top-header__content .right {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

.top-header__item {
  position: relative;
  padding-left: 10px;
  margin-left: 5px; }

.top-header__item a {
  color: #fff; }

.top-header__item a:hover {
  color: #F4D03F; }

.top-header__item + .top-header__item:before {
  content: "";
  position: absolute;
  left: 0;
  height: 10px;
  width: 1px;
  background-color: #fff;
  top: 50%;
  transform: translate(0, -50%); }

.top-header__itemspan:hover {
  color: #fff; }

.header {
  padding: 15px 0;
  background-color: #fff;
  position: relative; }

.header .ic-magazine {
  display: none; }

.header .logo .mobile {
  display: none; }

.header .menu {
  display: flex;
  align-items: center; }

.ic-menu-expand {
  margin-left: 30px; }

.top-tab {
  display: none; }

.menu-expand__content {
  padding: 30px 0;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  min-height: 50vh;
  background-color: #fff;
  z-index: 200;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px); }

.menu-expand__content ::-webkit-scrollbar {
  opacity: 0;
  display: none; }

.menu-expand__content .wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 100px); }

.menu-expand__content.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

.menu-expand__content .col-lg-2 {
  margin-bottom: 20px; }

.menu-expand__content .title {
  font-weight: bold;
  padding-left: 10px;
  position: relative;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
  color: #333333; }

.menu-expand__content .title a {
  color: #333333; }

.menu-expand__content .title:before {
  width: 3px;
  height: 70%;
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
  content: "";
  background-color: #F4D03F;
  position: absolute;
  z-index: 1; }

.menu-expand__content .item {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  margin-bottom: 5px; }

.menu-expand__content .item a {
  color: #333333; }

.ic-menu-expand {
  cursor: pointer;
  height: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.ic-menu-expand.active .dots {
  display: none;
  opacity: 0; }

.ic-menu-expand.active .lines {
  display: block;
  opacity: 1; }

.ic-menu-expand .dots {
  display: block;
  opacity: 1;
  transition: all 0.3s ease-in-out; }

.ic-menu-expand .dots span {
  width: 4px;
  margin: 3px 3px;
  height: 4px;
  background-color: #333333;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.3s ease-in-out; }

.ic-menu-expand .lines {
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.ic-menu-expand .lines svg {
  height: 20px;
  width: 20px; }

.header__content {
    display: flex;
    justify-content: flex-end;
    /*justify-content: space-between;*/
    align-items: center;
}

.ul-menu__content {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.ul-menu__content li {
  margin-left: 25px; }

.trending-bar {
  background-color: #F4D03F;
  padding-top: 8px;
  padding-bottom: 8px; }

.trending-bar__content {
  padding-left: 40px;
  background-size: 24px 24px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/ic-trending.svg"); }

.trending__item {
  display: inline-block;
  padding: 8px 10px 5px 10px;
  margin-right: 10px;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px; }

.trending__item:hover {
  background-color: #fff;
  color: #000; }

.highlight-news .row {
  padding: 0;
  margin: 0; }

.highlight-news .row > * {
  padding: 0; }

.highlight-news .item {
  border-top: 5px solid #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 500px;
  position: relative;
  display: flex;
  align-items: flex-end; }

.highlight-news .item + .item {
  border-left: 5px solid #fff; }

.highlight-news .item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.88%, rgba(0, 0, 0, 0.8) 91.15%); }

.highlight-news .item__content {
  position: relative;
  z-index: 1;
  padding: 40px;
  max-width: 600px; }

.video {
  background-color: #fff; }

.video__content {
  background-color: #F6FFF6;
  padding: 30px 40px 0 40px; }
  
.video__content .home_page {
  border: 1px solid #e66c31;
  /*margin: 10px;*/
padding: 5px;
 	}  

.video__content .slick-list {
  padding: 0 15% 0 0; }

.video__content .list-video {
  padding: 35px 0;
  position: relative; }

.video__content .video {
  margin-right: 30px;
  position: relative;
  height: 100%;
  min-height: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
  display: flex;
  align-items: flex-end; }

.video__content .video:before {
  transition: all 0.3s ease-in-out;
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 0%, white 60%);
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.video__content .video:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.31%, rgba(0, 0, 0, 0.8) 84.9%);
  opacity: 0; }

.video__content .slick-active {
  opacity: 1; }

.video__content .slick-active:before {
  opacity: 0; }

.video__content .slick-active:after {
  opacity: 1; }

.video__content .h3-title {
  position: relative;
  z-index: 1;
  padding-left: 20px; }

.video__content .h3-title:before {
  width: 14px;
  height: 18px;
  content: "";
  background-image: url("../images/ic-play.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 5px; }

.video__content .arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  opacity: 1;
  width: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: all 0.3s ease-in-out; }

.video__content .arrow.slick-disabled {
  opacity: 0; }

.video__content .arrow img {
  width: 15px;
  height: 24px; }

.video__content .arrow:hover {
  background-color: #F4D03F;
  border-radius: 3px; }

.video__content .arrow-prev {
  left: 20px; }

.video__content .arrow-next {
  right: 20px; }

.banner img {
  outline: none; }

.news .col-lg-6 .news__item img {
    transform: scale(1);
    transition: all ease .3s;
    margin-bottom: 0;
}

.news .col-lg-6 .news__item:hover img {
    transform: scale(1)
}


.news .col-lg-6 .row {
  margin-bottom: 30px; }

.news__item {
  margin-bottom: 20px;
  display: block; }

.news__item .row {
  margin-bottom: 0 !important;
  margin: 0 -10px; }

.news__item .row > * {
  /*height: 170px;*/
  padding: 0 10px; }

.news__item img {
  margin-bottom: 11px; }

.news__item:hover .h3-title {
  color: #F4D03F; }

.news__item .h5-title {
  color: #D54E35;
  margin-bottom: 0; }

.news__item .h3-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0; }

.news__item .p-description, .news__item .h3-title {
  color: #333333; }

.news__item .p-description {
  /*margin-bottom: 5px;*/
  margin-bottom: 0px; }

.news__item .h6-title {
  color: #A6A6A6;
  margin-bottom: 0; }

.news__item .col-8 {
  padding-top: 5px; }

.list-news .news__item {
  padding-top: 15px;
  padding-bottom: 20px;
  margin: 0; }

.list-news .news__item:first-child {
  padding-top: 0; }

.list-news .news__item + .news__item {
  border-top: 1px solid #E6E6E6; }

.small-banner {
  margin-bottom: 30px;
  position: relative; }

.small-banner .h1-title {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translate(0, -50%); }

.eMag {
  padding-top: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto; }

.eMag .main-title {
  margin-bottom: 30px;
  border-color: #ffc107; }

.eMag .main-title .h1-title {
  color: #343a40; }

.eMag .box {
  display: flex;
  align-items: flex-end;
  padding: 25px 30px;
  min-height: 275px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-bottom: 30px; }

.eMag .box .h3-title {
  transition: all 0.3s ease-in-out; }

.eMag .box:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.31%, rgba(0, 0, 0, 0.8) 84.9%); }

.eMag .box:hover .h3-title {
  color: #F4D03F; }

.eMag .box__content {
  position: relative;
  z-index: 1; }

.eMag .arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 15;
  opacity: 1;
  width: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: all 0.3s ease-in-out; }

.eMag .arrow.slick-disabled {
  opacity: 0; }

.eMag .arrow img {
  width: 15px;
  height: 24px; }

.eMag .arrow:hover {
  background-color: #F4D03F;
  border-radius: 3px; }

.eMag .arrow-prev {
  left: 20px; }

.eMag .arrow-next {
  right: 20px; }

.main-eMag {
  min-height: 562px;
  margin-bottom: 30px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex !important;
  align-items: flex-end;
  padding-left: 100px;
  padding-bottom: 50px;
  position: relative; }

.main-eMag:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.56%, rgba(0, 0, 0, 0.7) 89.58%);
  width: 100%;
  height: 100%;
  z-index: 0; }

.list-eMag .arrow {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translate(0, -50%); }

.list-eMag .arrow:hover {
  background-color: rgba(0, 0, 0, 0.15); }

.list-eMag .arrow img {
  width: 18px;
  height: 24px; }

.list-eMag .arrow-prev {
  left: 20px;
  transform: translate(0, -30%); }

.list-eMag .arrow-prev img {
  transform: rotate(180deg); }

.list-eMag .arrow-next {
  right: 20px; }

.main-eMag__content {
  max-width: 570px;
  position: relative;
  z-index: 1; }

.categories .section {
  display: none;
  transition: all 0.3s ease-in-out; }

.categories .section.active {
  display: block;
  animation: slide-in 0.5s ease-in-out forwards; }
/*
.categories .main-title {
  margin-bottom: 30px; }*/

.categories .box {
  padding-bottom: 20px;
  margin-bottom: 15px;
  display: inline-block; }

.categories .box img {
  transform: scale(1);
  transition: all ease .3s;
  margin-bottom: 15px; }

.categories .box:hover img {
  transform: scale(1)
    }

.categories .box:hover .h3-title {
  color: #F4D03F; }

.categories .box .h3-title {
  margin-bottom: 5px; }

.categories .box .p-description {
  margin-bottom: 5px; }

.categories .h3-title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 0; }

.categories .h1-title {
  margin-bottom: 0; }

.categories .h3-title, .categories .p-description {
  color: #333333; }

.categories .h6-title {
  color: #A6A6A6; }

.categories .list-small .box {
  margin-bottom: 18px; }

.categories .list-small .box .h3-title {
  margin-bottom: 15px; }

.categories .list-small .col-6:nth-child(3) .box, .categories .list-small .col-6:nth-child(4) .box {
  padding-top: 20px;
  border-top: 1px solid #E6E6E6; }

.categories .col-lg-3 .main-title {
  display: flex;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 32px; }

.categories .col-lg-3 .main-title:before {
  content: none; }

.categories .col-lg-3 .box {
  min-height: 191px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
  position: relative;
  display: flex;
  align-items: flex-end; }

.categories .col-lg-3 .box:before {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.31%, rgba(0, 0, 0, 0.8) 84.9%); }

.categories .col-lg-3 .box .h3-title {
  margin-bottom: 0;
  color: #fff;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  background-image: url("../images/ic-headphones.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: left 0 top 3px;
  padding-left: 30px; }

.categories .col-lg-3 .h4-title {
  margin-bottom: 0; }

.categories .popular-post .main-title {
  padding-top: 0;
  padding-bottom: 27.5px; }

.categories .btn-a {
  text-align: center;
  margin: 20px auto;
  display: block;
  width: max-content;
  width: -moz-max-content; }

@keyframes slide-in {
  from {
    transform: translateY(20px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

.banner .row {
  margin: 0; }

.banner .row > * {
  padding: 0; }

.banner .video {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  cursor: pointer; }

.banner .video:hover:before {
  transform: translate(-50%, -50%) scale(1.1); }

.banner .video:before {
  transition: all 0.3s ease-in-out;
  width: 42px;
  height: 48px;
  background-image: url("../images/ic-play.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.community {
  padding-bottom: 30px;
  background: #fff; }

.community .main-title {
  margin-bottom: 30px; }

.community .box {
  display: block;
  margin-bottom: 30px; }

.community .box img {
  margin-bottom: 15px; }

.community .box:hover .h3-title {
  color: #F4D03F; }

.community .h3-title, .community .p-description {
  color: #333333;
  transition: all 0.3s ease-in-out; }

.community .h6-title {
  color: #A6A6A6; }

.banner-b {
  width: 100%;
  min-height: 362px;
  /*background-size: cover;*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 30px;
  margin-bottom: 30px; }

.banner-b:nth-child(2) {
  justify-content: flex-start; }

.banner-b .btn-b, .banner-b .btn-c {
  width: max-content;
  margin-top: 20px;
  width: -moz-max-content; }

.banner-b .h1-title, .banner-b .p-description {
  color: #fff; }

.text-banner__content {
  background-color: #F9F0E5;
  padding: 30px 10px;
  outline: none; }

.text-banner__content .box {
  position: relative; }

.text-banner__content .box:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  height: 100%;
  background: white;
  background: linear-gradient(90deg, rgba(249, 240, 229, 0) 0%, rgba(249, 240, 229, 0.4) 10%, #f9f0e5 60%);
  z-index: 1; }

.text-banner__content .slick-list {
  padding: 0 20% 0 0; }

.text-banner__content .box {
  padding: 0 25px;
  position: relative; }

.text-banner__content .box.slick-active * {
  z-index: 5;
  position: relative; }

.text-banner__content .box.slick-active:before {
  content: "";
  width: 1px;
  z-index: 5;
  height: 90%;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 2px; }

.text-banner__content .h3-title {
  color: #333333; }

.text-banner__content .p-description {
  color: #666666; }

.text-banner__content .h5-title {
  color: #D54E35; }

.text-banner__content .h5-title a {
  color: #D54E35;
  transition: all 0.3s ease-in-out; }

.text-banner__content .h5-title:hover a {
  color: #F4D03F; }

.text-banner__content .slick-disabled {
  opacity: 0; }

.text-banner__content .arrow {
  position: absolute;
  cursor: pointer;
  top: 50%;
  z-index: 5; }

.text-banner__content .arrow img {
  width: 15px;
  height: 24px; }

.text-banner__content .arrow-prev {
  left: 16px; }

.text-banner__content .arrow-prev img {
  transform: rotate(180deg); }

.text-banner__content .arrow-next {
  right: 16px; }

.seasons {
  padding: 40px 0;
  min-height: 600px;
  background-size: 100% auto;
  background-repeat: no-repeat; }

.seasons .section {
  display: none;
  transition: all 0.3s ease-in-out; }

.seasons .section.active {
  display: block;
  animation: slide-in 0.5s ease-in-out forwards; }

.seasons .title {
  margin-bottom: 40px;
  font-family: "Playfair Display", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 57px;
  letter-spacing: -0.03em;
  color: #FFFFFF; }

.seasons .title span {
  margin-left: 60px;
  display: block;
  font-size: 70px;
  line-height: 78px; }

.seasons .main-title {
  border-color: #fff; }

.seasons .title-a__item {
  color: #fff;
  margin-bottom: 0; }

.seasons .title-a__item + .title-a__item:before {
  background-color: #fff; }

.seasons .row {
  margin-top: 20px; }

.seasons .box-large {
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 380px;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 25px 25px; }

.seasons .box-large:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.92%, rgba(0, 0, 0, 0.8) 84.9%); }

.seasons .box-large .h3-title, .seasons .box-large .p-description, .seasons .box-large .h6-title {
  position: relative;
  z-index: 2; }

.seasons .box-large:hover .h3-title {
  color: #F4D03F; }

.seasons .h6-title {
  color: rgba(255, 255, 255, 0.7); }

.seasons .h3-title {
  transition: all 0.3s ease-in-out; }

.seasons .box {
  margin-bottom: 30px;
  display: block; }

.seasons .box:hover .h3-title {
  color: #F4D03F; }

.seasons .box img {
  margin-bottom: 15px; }

.seasons .box .h3-title, .seasons .box .p-description {
  color: #333333; }

.seasons .box .h6-title {
  color: #A6A6A6; }

.quick-links {
  background-image: url("../images/img_55.jpg");
  background-size: cover;
  padding: 8px 0; }

.quick-links__item {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  margin-right: 15px;
  transition: all 0.3s ease-in-out; }

.quick-links__item:hover {
  color: #000; }

.quick-links__item + .quick-links__item {
  border-left: 1px solid #fff;
  padding-left: 15px; }

.footer {
  padding: 30px 0; }

.footer .top-footer.mobile {
  display: none; }

.footer .row {
  margin-bottom: 30px; }

.footer .h4-title {
  color: #D54E35;
  font-weight: 600;
  margin-bottom: 20px; }

.footer .p-description {
  color: #666666;
  margin-bottom: 10px; }

.footer .p-description span {
  font-weight: bold; }

.footer .p-description a {
  color: #666666; }

.footer .social {
  margin-bottom: 30px; }

.footer .social a {
  display: inline-block;
  margin-right: 15px; }

.footer .h5-title a {
  color: #D54E35;
  font-weight: 400; }

.body-footer {
  border-bottom: 1px solid #E6E6E6; }

.bottom-footer .h4-title {
  color: #666666;
  font-weight: 400; }

.bottom-footer .h4-title a {
  color: #666666;
  transition: all 0.3s ease-in-out; }

.bottom-footer .h4-title a:hover {
  color: #F4D03F; }

.popular-post .main-title {
  margin-bottom: 30px; }

.popular-post .h3-title {
  color: #333333;
  transition: all 0.3s ease-in-out; }

.popular-post .h5-title {
  color: #333333;
  transition: all 0.3s ease-in-out; }

.popular-post .posts__item {
  display: flex;
  padding-bottom: 20px; }

.popular-post .posts__item + .posts__item {
  padding-top: 15px;
  border-top: 1px solid #E6E6E6; }

.popular-post .posts__item:hover .h3-title {
  color: #F4D03F; }

.popular-post .posts__item:hover .h5-title {
  color: #F4D03F; }

.popular-post .number {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  line-height: 137.39%;
  letter-spacing: -0.12em;
  color: #D54E35;
  margin-right: 30px; }

.ads {
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  padding: 20px 25px; }

.ads .h4-title {
  font-weight: 600;
  color: #000; }

.ads a {
  margin-bottom: 20px;
  margin-right: 20px; }

.ads v img {
  max-height: 50px;
  width: auto;
  display: inline-block; }

.ads .btn-a {
  display: flex;
  align-items: center; }

.ads__content {
  display: flex;
  flex-wrap: wrap; }

.ads__content img {
  max-height: 40px;
  width: auto; }

.news-detail {
  position: relative;
  margin-bottom: 30px;
  padding-top: 30px; }

.news-detail .top, .news-detail .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px; }

.news-detail .action img {
  max-height: 20px;
  width: auto;
  margin-bottom: 0; }

.news-detail .h6-title {
  color: #A6A6A6;
  margin-bottom: 0; }

.news-detail img {
  margin-bottom: 30px; }

.news-detail .bottom {
  margin-bottom: 50px; }

.news-detail .container {
  position: relative; }

.news-detail .container:before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(100% - 30px);
  height: 8px;
  content: "";
  background-image: url("../images/divider.png");
  background-size: 100% auto;
  background-position: center;
  position: absolute; }

.news-detail .sidebar .banner-b {
  min-height: 480px; }

.news-detail .content {
  max-width: 670px;
  margin: 0 auto;
  padding: 0 45px;
  box-sizing: unset;
  position: relative;
  font-family: "IBM Plex Serif", serif; }

.news-detail .content .h5-title {
  color: #D54E35; }

.news-detail .content b {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: #1A1A1A;
  margin-bottom: 15px; }

.news-detail .content p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 170%;
  color: #1A1A1A;
  margin-bottom: 15px; }

.news-detail .content h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold; }

.news-detail .content h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 130%;
  color: #000000; }

.news-detail .content h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 35px; }

.news-detail .content h4 {
  font-size: 20px; }

.news-detail .content h5 {
  font-size: 18px; }

.news-detail .content h6 {
  font-size: 15px; }

.news-detail .content b, .news-detail .content p, .news-detail .content small, .news-detail .content h4, .news-detail .content h5, .news-detail .content h6 {
  font-family: "SF Pro Display", sans-serif;
  color: #1A1A1A; }

.news-detail .content small {
  display: block;
  font-size: 17px;
  font-style: normal;
  font-weight: normal; }

.news-detail .content b {
  font-size: 18px;
  font-style: normal;
  font-weight: bold; }

.news-detail .content h1, .news-detail .content h2, .news-detail .content h3, .news-detail .content h4, .news-detail .content h5, .news-detail .content h6 {
  font-family: "SF Pro Display", sans-serif;
  color: #000; }

.news-detail .content q, .news-detail .content li {
  font-family: "IBM Plex Serif", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 170%; }

.news-detail .content q:before, .news-detail .content q:after, .news-detail .content li:before, .news-detail .content li:after {
  content: none; }

.news-detail .content ul, .news-detail .content ol {
  padding-left: 20px; }

.news-detail .content blockquote {
  padding-left: 30px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px; }

.news-detail .content blockquote:before {
  width: 5px;
  height: 100%;
  background-color: #CDCDCD;
  content: "";
  position: absolute;
  left: 0;
  z-index: 0;
  top: 50%;
  transform: translate(0, -50%); }

.news-detail .popular-post .h5-title {
  text-transform: none; }

.news-detail__content {
  max-width: 810px;
  margin: 0 auto;
  position: relative; }

.sidebar .main-title {
  padding-bottom: 5px; }

.sidebar .relative-category {
  margin-bottom: 60px; }

.popular__content {
  background-color: #FFF4F2;
  padding: 30px 40px 0 40px; }

.popular__content .slick-list {
  padding: 0 15% 0 0; }

.popular__content .list-popular {
  padding: 35px 0;
  position: relative; }

.popular__content .h5-title {
  color: #D54E35;
  margin-bottom: 0; }

.popular__content .h3-title {
  color: #333333; }

.popular__content .h3-title a {
  color: #333333; }

.popular__content .h3-title:hover a {
  color: #F4D03F; }

.popular__content .h6-title {
  color: #A6A6A6; }

.popular__content .popular__item {
  padding-right: 30px;
  position: relative; }

.popular__content .popular__item img {
  margin-bottom: 15px; }

.popular__content .popular__item:before {
  transition: all 0.3s ease-in-out;
  content: "";
  background: linear-gradient(90deg, rgba(255, 244, 242, 0) 0%, rgba(255, 244, 242, 0.5) 0%, #fff4f2 40%);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.popular__content .slick-active {
  opacity: 1; }

.popular__content .slick-active:before {
  opacity: 0; }

.popular__content .slick-active:after {
  opacity: 1; }

.popular__content .h3-title {
  position: relative;
  z-index: 0; }

.popular__content .arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  opacity: 1;
  width: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: all 0.3s ease-in-out; }

.popular__content .arrow.slick-disabled {
  opacity: 0; }

.popular__content .arrow img {
  width: 15px;
  height: 24px; }

.popular__content .arrow:hover {
  background-color: #F4D03F;
  border-radius: 3px; }

.popular__content .arrow-prev {
  left: 20px;
  transform: rotate(180deg) translate(0, 70%); }

.popular__content .arrow-next {
  right: 20px; }

.new-news .button {
  width: max-content;
  width: -moz-max-content;
  margin: 20px auto;
  display: block;
  height: max-content; }

.new-news .banner-b {
  min-height: 540px;
  height: 48%; }

.relative-category {
  margin-top: 30px; }

.relative-category .row {
  margin: 0 -7.5px; }

.relative-category .row > * {
  padding: 0 7.5px; }

.relative-category img {
  margin-bottom: 0; }

.relative-category .main-title {
  margin-bottom: 30px; }

.relative-category .h3-title {
  color: #333333; }

.relative-category .h5-title {
  color: #333333;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
  transition: all 0.3s ease-in-out; }

.relative-category .h5-title:hover {
  color: #F4D03F; }

.relative-category .h6-title {
  color: #666666; }

.relative-category .category__item {
  display: flex;
  margin-bottom: 20px; }

.relative-category .category__item + .category__item {
  border-top: 1px solid #E6E6E6;
  padding-top: 20px; }

.social-bar {
  width: max-content;
  width: -moz-max-content;
  position: absolute;
  left: 0;
  top: 0; }

.social-bar .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.social-bar .item a {
  display: block;
  margin-bottom: 10px; }

.social-bar .item + .item {
  border-top: 1px solid #ccc;
  padding-top: 20px; }

.popular, .video, .new-news {
  position: relative;
  z-index: 7; }

.main-banner {
  height: 300px;
  margin-bottom: 50px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center; }

.main-banner .title {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 45px;
  line-height: 54px;
  text-align: center;
  color: #FFFFFF; }

.main-banner .breadcrumb-a {
  padding-top: 50px; }

.breadcrumb-a {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  font-family: "SF Pro Display", sans-serif; }

.breadcrumb-a-item {
  padding-right: 17px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 137%;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.8;
  position: relative; }

.breadcrumb-a-item + .breadcrumb-a-item {
  padding-left: 17px; }

.breadcrumb-a-item + .breadcrumb-a-item:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translate(0, -50%); }

.breadcrumb-a-item a {
  color: #fff; }

.news-list .box {
  display: block;
  margin-bottom: 30px; }

.news-list .box:hover .h2-title {
  color: #F4D03F; }

.news-list .box .sub-title {
  color: #D54E35;
  margin-bottom: 0; }

.news-list .box .description {
  color: #333333;
  margin-bottom: 10px; }

.news-list .box .title {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 120%; }

.news-list .box .date {
  color: #A6A6A6;
  margin-bottom: 0; }

.news-list .box .h2-title {
  font-weight: 600;
  transition: all 0.3s ease-in-out; }

.news-list .col-lg-4 img {
  margin-bottom: 15px; }

.news-list .posts__item .h5-title {
  color: #333333;
  text-transform: none;
  font-weight: 600; }

.news-list .popular-post {
  margin-bottom: 50px; }

.news-list .popular-post .h6-title {
  color: #A6A6A6; }

.news-list .popular-post .btn-a {
  display: block;
  width: max-content;
  width: -moz-max-content;
  margin: 20px auto; }

.podcast .main-title {
  margin-bottom: 15px; }

.podcast .main-title:before {
  content: none; }

.podcast .h3-title {
  color: #000;
  margin-bottom: 0; }

.podcast .box {
  min-height: 191px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
  position: relative;
  display: flex;
  align-items: flex-end; }

.podcast .box:before {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.31%, rgba(0, 0, 0, 0.8) 84.9%); }

.podcast .box .h3-title {
  margin-bottom: 0;
  color: #fff;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  background-image: url("../images/ic-headphones.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: left 0 top 3px;
  padding-left: 30px; }

.podcast .h4-title {
  margin-bottom: 0; }

.list-news {
  margin-bottom: 30px; }

.list-news .btn-a {
  display: block;
  margin: 0 auto 20px auto;
  width: max-content;
  width: -moz-max-content; }

.about {
  font-family: "SF Pro Display", sans-serif;
  margin-bottom: 50px; }

.about h1, .about h2, .about h3, .about h4, .about h5, .about h6, .about p, .about b {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto; }

.about b {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: #1A1A1A;
  margin-bottom: 15px; }

.about p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 170%;
  color: #1A1A1A;
  margin-bottom: 15px; }

.about h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold; }

.about h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 130%;
  color: #000000; }

.about h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 35px; }

.about h4 {
  font-size: 20px;
  font-weight: 600; }

.about h5 {
  font-size: 18px; }

.about h6 {
  font-size: 15px; }

.about b, .about p, .about small, .about h4, .about h5, .about h6 {
  font-family: "SF Pro Display", sans-serif;
  color: #1A1A1A; }

.about small {
  display: block;
  font-size: 17px;
  font-style: normal;
  font-weight: normal; }

.about b {
  font-size: 18px;
  font-style: normal;
  font-weight: bold; }

.about h1, .about h2, .about h3, .about h4, .about h5, .about h6 {
  font-family: "SF Pro Display", sans-serif;
  color: #000; }

.about img {
  max-width: 970px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }

.contact .row {
  align-items: center; }

.contact .h2-title {
  color: #333333; }

.contact p, .contact b {
  display: block;
  color: #333333;
  font-family: "SF Pro Display", sans-serif;
  font-size: 15px;
  line-height: 155%; }

.contact p {
  margin-bottom: 10px; }

.contact p a {
  color: #333333; }

.contact b {
  margin-bottom: 5px;
  font-weight: 500; }

.contact .btn-download {
  color: #D54E35;
  font-family: "SF Pro Display", sans-serif;
  font-size: 15px;
  line-height: 155%;
  margin-bottom: 15px;
  display: block; }

.contact__content {
  margin-bottom: 50px; }

.form-contact {
  margin-bottom: 50px;
  font-family: "SF Pro Display", sans-serif; }

.form-contact form {
  margin-left: auto;
  margin-right: auto;
  max-width: 570px; }

.form-contact .h2-title {
  text-align: center;
  margin-bottom: 30px; }

.form-contact .h5-title {
  font-weight: bold;
  color: #666666;
  text-transform: none; }

.form-contact ::-webkit-input-placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #666666; }

.form-contact label {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #666666; }

.form-contact label input[type=text], .form-contact label input[type=email], .form-contact label textarea {
  width: 100%;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #666666;
  transition: all 0.3s ease-in-out; }

.form-contact label input[type=text]:focus, .form-contact label input[type=email]:focus, .form-contact label textarea:focus {
  outline: none;
  border-color: #D54E35; }

.form-contact textarea {
  min-height: 190px;
  resize: none; }

.form-contact .btn-d {
  margin-top: 20px;
  width: max-content;
  width: -moz-max-content;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.form-contact .cs-radio {
  position: relative;
  padding-left: 32px;
  cursor: pointer; }

.form-contact .cs-radio input {
  display: none; }

.form-contact .cs-radio input:checked ~ .checkmark {
  border-color: #D54E35; }

.form-contact .cs-radio input:checked ~ .checkmark:before {
  opacity: 1;
  border-color: #D54E35; }

.form-contact .checkmark {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #A6A6A6;
  position: absolute;
  left: 0;
  transition: all 0.3s ease-in-out;
  top: 0; }

.form-contact .checkmark:before {
  content: "";
  transition: all 0.3s ease-in-out;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  opacity: 0;
  background-color: #D54E35;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.audio {
  padding: 30px 0; }

.audio .social {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.audio .social a {
  display: block;
  margin-bottom: 10px; }

.audio .sub-title {
  color: #D54E35; }

.audio .title {
  color: #1A1A1A; }

.audio .date {
  color: #666666; }

.audio .description {
  color: #000; }

.audio .btn-social {
  margin-bottom: 20px; }

.audio__content {
  position: relative;
  padding-bottom: 20px; }

.audio__content:before {
  height: 8px;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("../images/divider.png");
  z-index: 1; }

.holder {
  display: flex;
  flex-direction: column;
  align-items: center; }

.audio.green-audio-player {
  width: 100%;
  min-width: 300px;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  background-color: #fff; }

.audio.green-audio-player .play-pause-btn {
  display: none;
  cursor: pointer; }

.audio.green-audio-player .play-pause-btn svg {
  max-width: 16px;
  height: auto; }

.audio.green-audio-player .play-pause-btn path {
  fill: #333333; }

.audio.green-audio-player .spinner {
  width: 18px;
  height: 18px;
  background-image: url("../images/loading.png");
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin 0.4s linear infinite; }

.audio.green-audio-player .slider {
  flex-grow: 1;
  background-color: #D8D8D8;
  cursor: pointer;
  position: relative; }

.audio.green-audio-player .slider .progress {
  background-color: #D54E35;
  border-radius: inherit;
  position: absolute;
  pointer-events: none; }

.audio.green-audio-player .slider .progress .pin {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  z-index: 10;
  background-color: #D54E35;
  position: absolute;
  pointer-events: all;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.32); }

.audio.green-audio-player .controls {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px; }

.audio.green-audio-player .controls .slider {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 2px;
  height: 4px; }

.audio.green-audio-player .controls .slider .progress {
  width: 0;
  height: 100%; }

.audio.green-audio-player .controls .slider .progress .pin {
  right: -8px;
  top: -6px; }

.audio.green-audio-player .controls span {
  cursor: default; }

.audio.green-audio-player .volume {
  position: relative; }

.audio.green-audio-player .volume .volume-btn {
  cursor: pointer; }

.audio.green-audio-player .volume .volume-btn svg {
  max-width: 18px;
  height: auto; }

.audio.green-audio-player .volume .volume-btn path {
  fill: #333333; }

.audio.green-audio-player .volume .volume-btn.open path {
  fill: #D54E35; }

.audio.green-audio-player .volume .volume-controls {
  width: 30px;
  height: 135px;
  background-color: #333333;
  border-radius: 7px;
  position: absolute;
  left: -3px;
  bottom: 52px;
  flex-direction: column;
  align-items: center;
  display: flex; }

.audio.green-audio-player .volume .volume-controls.hidden {
  display: none; }

.audio.green-audio-player .volume .volume-controls .slider {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 6px;
  border-radius: 3px; }

.audio.green-audio-player .volume .volume-controls .slider .progress {
  bottom: 0;
  height: 100%;
  width: 6px; }

.audio.green-audio-player .volume .volume-controls .slider .progress .pin {
  left: -5px;
  top: -8px; }

.audio.green-audio-player svg, .audio.green-audio-player img {
  display: block !important; }

@keyframes spin {
  from {
    transform: rotateZ(0); }
  to {
    transform: rotateZ(1turn); } }

.latest-podcast {
  margin-bottom: 20px; }

.latest-podcast .main-title {
  margin-bottom: 34px; }

.latest-podcast .main-title:before {
  content: "" !important; }

.latest-podcast .box {
  margin-bottom: 30px; }

.ic-search {
  margin-left: 20px;
  cursor: pointer; }

@media screen and (max-width: 1100px) {
  .ic-search {
    margin-left: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.3); }
  .ic-search svg, .ic-search path {
    fill: #fff; } }

.menu {
  position: relative; }

.close-search {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%); }

.search-content {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  background-color: #fff;
  top: 0;
  padding: 0;
  transform: translateX(5px);
  transition: all 0.3s ease-in-out; }

.search-content.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

.search-content label {
  width: 100%;
  margin-bottom: 0;
  position: relative; }

.search-content ::-webkit-input-placeholder, .search-content ::placeholder {
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #666666; }

.search-content input {
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px 15px;
  padding-left: 40px;
  font-family: "SF Pro Display", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #666666; }

.search-content input:focus {
  border-color: #F4D03F;
  outline: none; }

.search-content .btn-search {
  position: absolute;
  top: 50%;
  background-color: transparent;
  border: none;
  left: 5px;
  transform: translate(0, -50%); }
  
 #myBtnGoToTop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 99;
    
    border: none;
    outline: none;
    background-color: red;
    color: yellow;
    cursor: pointer;
    
    border-radius: 4px;
  }
  
  #myBtnGoToTop:hover {
    background-color: blue;
  }  

@media screen and (max-width: 567.5px) {
    .categories {
        margin-top: 20px;
    }
  .search-content label {
    min-width: auto;
    width: 100%;
    margin-bottom: 0; }
  .search-content .btn-search {
    right: 10px;
    background-size: 10px auto; } }

@media screen and (max-width: 1100px) {
  .menu {
    position: static !important; }
  .close-search {
    left: 10px;
    right: auto; }
  .close-search svg, .close-search path {
    fill: #fff; }
  .search-content {
    background-color: #D54E35;
    padding: 5px 10px; }
  .search-content ::-webkit-input-placeholder, .search-content ::placeholder {
    color: #fff; }
  .search-content input {
    background-color: #D54E35;
    color: #fff;
    border-color: #fff; }
  .search-content input:focus {
    border-color: #fff; }
  .search-content .btn-search {
    right: 0;
    border-radius: 0 5px 5px 0;
    left: auto !important;
    height: 40px;
    background-color: #fff; }
  .search-content .btn-search svg, .search-content .btn-search path {
    fill: #D54E35; } }

.trending-bar {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }

.trending-bar::-webkit-scrollbar {
  display: none; }

.trending-bar::-webkit-scrollbar-track {
  background-color: transparent; }

.trending-bar::-webkit-scrollbar-thumb {
  background-color: transparent; }

.trending-bar::-webkit-scrollbar-thumb:hover {
  background-color: transparent; }

.trending-bar:hover::-webkit-scrollbar {
  display: block;
  width: 2px;
  height: 8px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out; }

.trending-bar:hover::-webkit-scrollbar-track {
  background: #E6E6E6; }

.trending-bar:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15); }

.trending-bar:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15); }

.trending-bar__content {
  overflow-x: auto;
  width: max-content;
  display: flex;
  flex-wrap: wrap; }

.trending__item {
  max-lines: 1;
  display: block;
  width: max-content;
  width: -moz-max-content; }

@media screen and (max-width: 1100px) {
  .top-tab {
    display: flex;
    justify-content: center; }
  .top-tab .tab-title {
    width: 50%;
    border-bottom: 1px solid #E6E6E6;
    padding: 8px 0; }
  .top-tab .tab-title.active {
    background-color: #E6E6E6; }
  .top-tab .tab-title + .tab-title {
    border-left: 1px solid #E6E6E6; }
  .top-tab .h5-title {
    color: #000;
    text-align: center;
    margin-bottom: 0;
    font-weight: bold; }
  .top-header {
    display: none; }
  .tab-menu {
    display: none; }
  .tab-menu.active {
    display: block; }
  .menu-expand__content {
    padding: 10px 0;
    position: relative;
    top: 0;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important; }
  .header {
    background-color: #fff;
    padding: 0;
    position: relative; }
  .header .logo .mobile {
    display: block; }
  .header .logo .desktop {
    display: none; }
  .header .ic-magazine {
    background-color: #dc3545;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .icon-menu {
    display: none; }
  .ic-menu-expand {
    display: none; }
  .menu-icon-desktop {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 15px;
    width: 40px;
    height: 50px; }
  .menu-icon-desktop span {
    background-color: #dc3545;
    height: 2px;
    width: 18px;
    display: block;
    margin: 2px auto 2px auto;
    transition: all 0.3s ease-in-out; }
  .menu-icon-desktop.active span:nth-child(2) {
    width: 0; }
  .menu-icon-desktop.active span:nth-child(1) {
    transform: rotate(45deg) translate(1.7px, 5.5px); }
  .menu-icon-desktop.active span:nth-child(3) {
    transform: rotate(-45deg) translate(3px, -7px); }
  .menu__content {
    position: fixed;
    width: 100%;
    background-color: #fff;
    height: 100%;
    z-index: 1000;
    padding: 0 0 10px 0;
    left: 0;
    top: 50px;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out; }
  .menu__content.active {
    transform: translateX(0); }
  .ul-menu__content {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 100px); }
  .ul-menu__content .t-h5 {
    padding: 10px 15px;
    margin-left: 0;
    text-align: left; }
  .ul-menu__content .t-h5 + .t-h5 {
    border-top: 1px solid rgba(0, 0, 0, 0.15); } }

@media screen and (max-width: 991.5px) {
  .sidebar {
    max-width: 770px;
    padding: 0 60px;
    margin: 0 auto; }
  .popular-post .posts__item {
    padding-bottom: 0; }
  .popular-post .number {
    margin-bottom: 0; }
  .footer .ads {
    margin-bottom: 30px; }
  .footer .facebook {
    max-width: 600px; }
  .community {
    padding-bottom: 10px; }
  .tags__item {
    margin: 5px 0; }
  .relative-category {
    margin-bottom: 20px !important; }
  .relative-category .category__item {
    margin-bottom: 10px; }
  .main-banner {
    margin-bottom: 20px; }
  .main-banner .breadcrumb-a {
    padding-top: 10px; }
  .news-list .box .col-lg-6 img {
    margin-bottom: 10px; }
  .audio .social {
    flex-direction: row;
    margin-bottom: 10px;
    z-index: 0 !important;
    position: static !important; }
  .audio .social a {
    margin-right: 15px;
    background-color: #fff;
    border-radius: 50%; }
  .audio .btn-social {
    max-width: 250px; }
  /*.title-a {
    flex-wrap: wrap; }*/
  .categories .col-lg-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .categories .col-lg-3 .main-title {
    width: 100%;
    padding-bottom: 10px; }
  .categories .col-lg-3 .box {
    width: calc(100%/2 - 10px); }
  .ads img {
    max-height: 40px; }
  .footer .top-footer.desktop {
    display: none; }
  .footer .top-footer.mobile {
    display: block; }
  .footer .btn-a {
    width: max-content;
    width: -moz-max-content; }
  .ads .h4-title {
    text-transform: uppercase !important; }
  .ads__content {
    margin-bottom: 20px; } }

@media screen and (max-width: 768.5px) {
  .ads .btn-a {
    margin-left: 0;
    margin-top: 15px;
    padding-bottom: 10px; }
  .main-banner {
    height: 200px; }
  .main-banner .title {
    font-size: 30px;
    line-height: 41px; }
  .main-banner .breadcrumb-a {
    margin-bottom: 0; }
  .breadcrumb-a-item {
    font-size: 15px;
    padding-right: 10px; }
  .breadcrumb-a-item + .breadcrumb-a-item {
    padding-left: 10px; }
  .pb60 {
    padding-bottom: 20px; }
  .main-eMag {
    padding-left: 20px;
    padding-bottom: 20px; }
  .eMag .box {
    min-height: 350px; }
  .categories {
    margin-top: 20px; }
  .categories .list-small .box {
    margin-bottom: 0;
    padding-bottom: 10px; }
  .banner-b {
    position: relative; }
  .banner-b * {
    z-index: 1;
    position: relative; }
  .banner-b:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0%); }
  .seasons {
    background-size: auto 900px; }
  .seasons .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px; }
  .seasons .title span {
    font-size: 50px;
    line-height: 60px; }
  .seasons .main-title {
    flex-wrap: wrap; }
  .seasons .main-title .h4-title {
    margin-top: 10px; }
  .seasons .title-a__item:first-child {
    width: 100%; }
  .seasons .title-a__item:nth-child(2) {
    padding-left: 0; }
  .seasons .section .col-lg-6 {
    margin-bottom: 20px; }
  .video {
    min-height: 200px;
    margin-top: 20px; } }

@media screen and (max-width: 567.5px) {
    .categories {
        margin-top: 20px;
    }
  .logo svg {
    max-height: 40px;
    width: auto; }
  .trending__item {
    font-size: 12px;
    padding: 5px 10px; }
  .social-bar {
    position: relative !important;
    width: 100%; }
  .social-bar .is-sticky {
    opacity: 0; }
  .social-bar .item {
    flex-direction: row;
    margin-bottom: 10px; }
  .social-bar .item a {
    margin: 0 10px; }
  .social-bar .item + .item {
    padding: 0;
    border: none; }
  .social-bar__content {
    display: flex;
    justify-content: center;
    align-items: center; }
  .main-title {
    flex-wrap: wrap;
    padding-bottom: 5px; }
  .h1-title {
    font-size: 25px; }
  .h2-title {
    font-size: 22px;
    line-height: 31px; }
  .h3-title {
    font-size: 18px;
    line-height: 25px; }
  .h4-title {
    font-size: 16px;
    line-height: 25px; }
  .h5-title {
    font-size: 15px;
    line-height: 20px; }
  .h6-title {
    font-size: 13px;
    line-height: 18px; }
  .news-detail {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0; }
  .news-detail img {
    margin-bottom: 10px; }
  .news-detail .top {
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .news-detail .top .h6-title {
    margin-bottom: 10px; }
  .news-detail .content {
    padding: 0; }
  .news-detail .content h1 {
    font-size: 25px;
    line-height: 31px; }
  .news-detail .content h2 {
    font-size: 22px;
    line-height: 31px; }
  .news-detail .content h3 {
    font-size: 20px;
    line-height: 28px; }
  .news-detail .content h4 {
    font-size: 18px;
    line-height: 25px; }
  .news-detail .content h5, .news-detail .content small, .news-detail .content q, .news-detail .content li {
    font-size: 15px;
    line-height: 21px; }
  .news-detail .content blockquote {
    padding-left: 15px; }
  .news-detail .content h6 {
    font-size: 12px; }
  .news-detail .content b, .news-detail .content p {
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px; }
  .news-detail .bottom {
    flex-wrap: wrap; }
  .news-detail .bottom .action {
    margin-bottom: 15px; }
  .sidebar {
    padding: 0 15px; }
  .popular-post .number {
    font-size: 30px;
    margin-right: 15px; }
  .popular-post .h5-title {
    margin-bottom: 5px; }
  .popular__content, .video__content {
    padding: 15px; }
  .popular__content .list-popular {
    padding: 15px 0 0 0; }
  .popular__content .slick-list {
    padding: 0; }
  .popular__content .popular__item {
    padding-right: 0; }
  .popular__content .arrow {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    top: 50%;
    transform: translate(0, -50%); }
  .popular__content .arrow.slick-disabled {
    opacity: 1; }
  .popular__content .arrow img {
    width: 9px; }
  .popular__content .arrow-prev img {
    transform: rotate(180deg); }
  .pb60 {
    padding-bottom: 20px; }
  .video__content .list-video {
    padding: 15px 0 0 0; }
  .video__content .video {
    padding: 5px 10px; }
  .community .col-lg-3 .col-6 {
    flex: 0 0 100%;
    max-width: 100%; }
  .community .p-description {
    max-height: 50px;
    overflow: hidden; }
  .row {
    margin-left: -5px;
    margin-right: -5px; }
  /*.row > * {
    padding: 0 5px; }*/
  .new-news .btn-a {
    padding: 6px 20px; }
  .new-news .banner-b {
    margin-bottom: 15px;
    min-height: 700px; }
  .new-news .button {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .footer {
    padding: 20px 0; }
  .footer .row {
    margin-bottom: 10px; }
  .footer .ads {
    padding: 10px;
    margin-bottom: 20px; }
  .footer .ads .ads__content a {
    display: block;
    margin: 10px; }
  .highlights .box {
    margin-bottom: 10px; }
  .highlights .box img {
    margin-bottom: 15px; }
  .highlights .box .descr