@charset "UTF-8";
@font-face {
   font-family: "Charter";
   src: url("fonts/Charter/Charter.eot");
   src: local("Charter"),
      url("fonts/Charter/Charter-Roman.woff2") format("woff2"),
      url("fonts/Charter/Charter-Roman.woff") format("woff"),
      url("fonts/Charter/Charter-Roman.ttf") format("truetype"),
      url("fonts/Charter/Charter-Roman.svg") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Charter BoldItalic";
   src: url("fonts/Charter/Charter-BoldItalic.eot");
   src: local("Charter"),
      url("fonts/Charter/Charter-BoldItalic.woff2") format("woff2"),
      url("fonts/Charter/Charter-BoldItalic.woff") format("woff"),
      url("fonts/Charter/Charter-BoldItalic.ttf") format("truetype"),
      url("fonts/Charter/Charter-BoldItalic.svg") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

.search-wrapper {
   text-align: center;
}
.search-wrapper .toggle-search {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   cursor: pointer;
   margin-right: 15px;
   transition: 0.2s linear;
}
@media (min-width: 992px) {
   .search-wrapper .toggle-search {
      margin-right: 30px;
   }
}
.search-wrapper .toggle-search img {
   max-width: 18px;
}
.search-wrapper .search-inner {
   display: none;
   position: absolute;
   z-index: 5;
   inset: 0;
   background: #fff;
   align-items: center;
   justify-content: center;
   top: 96px;
   right: 0;
   width: 100%;
   height: 72px;
   max-width: 400px;
   left: auto;
}
@media (min-width: 992px) {
   .search-wrapper .search-inner {
      top: 78px;
   }
}
.navbar .search-wrapper .search-inner {
   background: #1b1d38;
}
.navbar .search-wrapper .search-inner .search-form {
   padding: 15px;
   background-color: #1b1d38;
}
.navbar .search-wrapper .search-inner .search-form .form-group {
   border-radius: 6px;
}
.navbar .search-wrapper .search-inner .search-form .form-group .form-control {
   margin-right: 15px;
   padding: 10px 15px;
   height: 40px;
   color: #fff;
}
.navbar
   .search-wrapper
   .search-inner
   .search-form
   .form-group
   .form-control::-moz-placeholder {
   color: #747e89;
}
.navbar
   .search-wrapper
   .search-inner
   .search-form
   .form-group
   .form-control::placeholder {
   color: #747e89;
}
@media (min-width: 768px) {
   .navbar
      .search-wrapper
      .search-inner
      .search-form
      .form-group
      .form-control {
      padding: 10px 15px 10px 50px;
   }
}
.navbar .search-wrapper .search-inner .search-form .form-group .btn-search {
   height: 40px;
}
.search-wrapper .search-inner .search-form {
   width: 100%;
   background-color: #fff;
}
.search-wrapper .search-inner .search-form .form-group {
   margin-bottom: 0;
   position: relative;
   border: none;
   display: flex;
}
.search-wrapper .search-inner .search-form .form-group .form-control {
   font-size: 14px;
   line-height: 18px;
   font-weight: 400;
   background-color: transparent;
   border: 1px solid rgba(116, 126, 137, 0.21);
   padding: 10px 15px;
   border-radius: 4px;
   margin-right: 10px;
}
@media (min-width: 768px) {
   .search-wrapper .search-inner .search-form .form-group .form-control {
      padding: 15px 15px 15px 50px;
      margin-right: 15px;
   }
}
.search-wrapper .search-inner .search-form .form-group .form-control:focus {
   box-shadow: none;
}
.search-wrapper
   .search-inner
   .search-form
   .form-group
   .form-control::-moz-placeholder {
   font-size: 14px;
   line-height: 18px;
   font-family: "Barlow", sans-serif;
}
.search-wrapper
   .search-inner
   .search-form
   .form-group
   .form-control::placeholder {
   font-size: 14px;
   line-height: 18px;
   font-family: "Barlow", sans-serif;
}
.search-wrapper .search-inner .search-form .form-group .btn-search {
   background-color: #e63633;
   color: #fff;
   border: none;
   cursor: pointer;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   border-radius: 4px;
   flex: 0 0 86px;
   width: 86px;
   height: 40px;
   max-width: 86px;
}
@media (min-width: 768px) {
   .search-wrapper .search-inner .search-form .form-group .btn-search {
      height: 50px;
   }
}
@media (min-width: 1265px) {
   .search-wrapper .search-inner .search-form .form-group .btn-search {
      padding: 11px 50px;
   }
}
.navbar .search-wrapper .search-inner .search-form .form-group .btn-search {
   padding: 11px 20px;
}
.navbar
   .search-wrapper
   .search-inner
   .search-form
   .form-group
   .btn-search
   .btn-text {
   line-height: 18px;
}
.search-wrapper .search-inner .search-form .form-group .btn-search .btn-text {
   display: none;
}
@media (min-width: 768px) {
   .search-wrapper
      .search-inner
      .search-form
      .form-group
      .btn-search
      .btn-text {
      display: block;
      font-size: 16px;
      line-height: 28px;
      font-weight: 700;
   }
}
.search-wrapper .search-inner .search-form .form-group .btn-icon {
   display: block;
   width: 16px;
   height: auto;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   right: 22px;
   top: 0;
   width: 40px;
   height: 40px;
}
@media (min-width: 768px) {
   .search-wrapper .search-inner .search-form .form-group .btn-icon {
      width: 50px;
      height: 50px;
      left: 0;
      right: unset;
   }
}
@media (min-width: 768px) {
   .navbar .search-wrapper .search-inner .search-form .form-group .btn-icon {
      width: 40px;
      height: 40px;
   }
}

.news-slider {
   position: fixed;
   top: 96px;
   left: 0;
   width: 100%;
   z-index: 100;
   transition: 0.3s linear;
}
@media (min-width: 992px) {
   .news-slider {
      top: 78px;
   }
}
.news-slider .container-fluid {
   padding: 0;
}
.news-slider .news-slider-box {
   display: flex;
   background-color: #e63633;
}
.news-slider .news-slider-box .news-slider-title {
   white-space: nowrap;
   display: flex;
   align-items: center;
   font-size: 14px;
   line-height: 36px;
   letter-spacing: 0.86px;
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
   padding-inline: 10px;
   margin-bottom: 0;
}
@media (min-width: 992px) {
   .news-slider .news-slider-box .news-slider-title {
      font-size: 15px;
      line-height: 40px;
      padding-inline: 15px;
   }
}
.news-slider .news-slider-box .news-slider-title .dot {
   width: 7px;
   height: 7px;
   display: block;
   background-color: #fff;
   border-radius: 50%;
   margin-right: 7px;
}
.news-slider .news-slider-box .news-slider-link {
   white-space: nowrap;
   font-size: 14px;
   line-height: 36px;
   letter-spacing: 0.26px;
   font-weight: 700;
   display: block;
   padding: 0 7px;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
}
@media (min-width: 992px) {
   .news-slider .news-slider-box .news-slider-link {
      font-size: 15px;
      line-height: 40px;
   }
}
.news-slider .news-slider-box .news-slider-link::after {
   content: "•";
   margin-left: 14px;
}

.marquee {
   position: relative;
   overflow: hidden;
   --offset: -100%;
   --move-initial: calc(101% + var(--offset));
   --move-final: calc(10% + var(--offset));
   padding-left: 40px;
}

.marquee__inner {
   width: -moz-fit-content;
   width: fit-content;
   display: flex;
   position: relative;
   transform: translate3d(var(--move-initial), 0, 0);
   animation: marquee 200s linear infinite;
   animation-play-state: running;
}
@media (min-width: 992px) {
   .marquee__inner {
      animation: marquee 150s linear infinite;
   }
}
.marquee__inner.is-playing {
   animation-play-state: running;
}

.marquee span {
   font-size: 10vw;
   padding: 0 2vw;
}

.marquee:hover .marquee__inner {
   animation-play-state: paused;
}

@keyframes marquee {
   0% {
      transform: translate3d(var(--move-initial), 0, 0);
   }
   100% {
      transform: translate3d(var(--move-final), 0, 0);
   }
}
header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10000;
   transition: 0.3s linear;
}

.header-top {
   padding: 40px 0 14px;
   background-color: #1b1d38;
}
@media (min-width: 992px) {
   .header-top {
      padding: 18px 0;
   }
}
.header-top .header-logo {
   flex: 0 0 104px;
   width: 104px;
}
@media (min-width: 992px) {
   .header-top .header-logo {
      margin-right: 30px;
   }
}
@media (min-width: 1400px) {
   .header-top .header-logo {
      margin-left: 20px;
   }
}
.header-top .header-logo img {
   max-width: 104px;
}
.header-top .header-action {
   display: flex;
   align-items: center;
   margin-left: auto;
}
@media (min-width: 992px) {
   .header-top .header-action {
      order: 3;
   }
}
.header-top .header-action .navbar-toggler {
   flex: 0 0 22px;
   width: 22px;
   height: 12px;
   cursor: pointer;
   text-align: center;
   transition: 0.2s linear;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.header-top .header-action .navbar-toggler span {
   display: block;
   width: 100%;
   height: 2px;
   background-color: #fff;
   transition: 0.2s linear;
}
@media (min-width: 992px) {
   .header-top .header-action .navbar-toggler {
      display: none;
   }
}
.header-top .header-action .header-buttons {
   display: none;
}
@media (min-width: 992px) {
   .header-top .header-action .header-buttons {
      display: flex;
   }
   .header-top .header-action .header-buttons .media-buttons {
      display: none !important;
   }
}
.header-top .live-link {
   display: flex;
   align-items: center;
}
@media (min-width: 992px) {
   .header-top .live-link {
      display: none;
   }
}
.header-top .live-link .live-link-dot {
   animation: blink-animation 1s steps(5, start) infinite;
   -webkit-animation: blink-animation 1s steps(5, start) infinite;
   display: block;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: #e63633;
   transition: 1s linear;
}
@keyframes blink-animation {
   to {
      visibility: hidden;
   }
}
.header-top .live-link .live-link-text {
   display: block;
   font-size: 14px;
   line-height: 30px;
   font-weight: 700;
   letter-spacing: 1px;
   text-decoration: underline;
   text-transform: uppercase;
   color: #fff;
   margin-left: 8px;
}
@media (min-width: 992px) {
   .header-top .live-link .live-link-text {
      line-height: 17px;
   }
}
.header-top .navbar {
   display: flex;
   align-items: center;
}
.header-top .navbar .navbar-nav {
   width: 100%;
   position: fixed;
   top: 96px;
   right: -200vw;
   min-height: calc(100vh - 96px);
   height: calc(100vh - 96px);
   background-color: rgba(255, 255, 255, 0.63);
   overflow-y: auto;
   transition: 0.2s linear;
   z-index: 100000;
   border-top: 1.5px solid #fff;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav {
      position: static;
      flex: auto;
      overflow: hidden;
      min-height: 1px;
      height: auto;
      background: transparent;
      border-top: none;
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
   }
}
@media (min-width: 1265px) {
   .header-top .navbar .navbar-nav {
      max-width: 100%;
      overflow-y: unset;
   }
}
.header-top .navbar .navbar-nav .menu-wrapper {
   background-color: #1b1d38;
   width: 70%;
   min-height: 100%;
   max-width: 400px;
   padding-left: 18px;
   padding-top: 15px;
   padding-bottom: 50px;
   margin-left: auto;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .menu-wrapper {
      padding: 0;
      max-width: 100%;
      margin: 0;
      background: none;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .menu-wrapper .header-buttons {
      display: flex;
   }
   .header-top .navbar .navbar-nav .menu-wrapper .header-buttons .login-button {
      display: none;
   }
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu {
      display: flex;
      list-style: none;
      justify-content: flex-start;
      overflow-x: auto;
      margin-right: 15px;
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
   }
}
@media (min-width: 1265px) {
   .header-top .navbar .navbar-nav .main-menu {
      justify-content: center;
   }
}
.header-top .navbar .navbar-nav .main-menu li {
   margin-bottom: 15px;
   transition: 0.2s linear;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu li {
      margin-bottom: 0;
      margin-right: 10px;
   }
   .header-top .navbar .navbar-nav .main-menu li:hover .submenu {
      display: block !important;
      z-index: 10;
   }
}
@media (min-width: 1265px) {
   .header-top .navbar .navbar-nav .main-menu li {
      margin-right: 10px;
   }
}
@media (min-width: 1400px) {
   .header-top .navbar .navbar-nav .main-menu li {
      margin-right: 20px;
   }
}
.header-top .navbar .navbar-nav .main-menu li:last-of-type {
   margin-right: 20px;
}
.header-top .navbar .navbar-nav .main-menu li a {
   font-weight: 700;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 30px;
   transition: 0.2s linear;
   display: flex;
   align-items: center;
   color: #fff;
   white-space: nowrap;
   border-bottom: 1.5px solid transparent;
   padding: 7px 0;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu li a {
      color: #fff;
      line-height: 17px;
   }
   .header-top .navbar .navbar-nav .main-menu li a:hover {
      border-bottom: 1.5px solid #e63633;
   }
   .header-top .navbar .navbar-nav .main-menu li a.live-link {
      border-bottom: none;
   }
   .header-top .navbar .navbar-nav .main-menu li a.live-link:hover {
      border-bottom: none;
   }
   .header-top
      .navbar
      .navbar-nav
      .main-menu
      li
      a.live-link:hover
      .live-link-text {
      color: #e63633;
   }
}
.header-top .navbar .navbar-nav .main-menu li a .submenu-chevron {
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 20px;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu li a .submenu-chevron {
      display: none;
   }
}
.header-top .navbar .navbar-nav .main-menu li a .submenu-chevron svg {
   fill: white;
}
.header-top .navbar .navbar-nav .main-menu .submenu {
   display: none;
   padding-left: 12px;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu .submenu {
      position: absolute;
      background-color: #1b1d38;
      padding: 12px 16px;
      text-align: left;
      margin-left: auto;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      width: 170px;
      top: 55px;
   }
}
.header-top .navbar .navbar-nav .main-menu .submenu li {
   margin-bottom: 0;
   margin-right: 0;
}
.header-top .navbar .navbar-nav .main-menu .submenu li a {
   padding: 10px 0;
   line-height: 16px;
   display: block;
   transition: 0.2s linear;
   border-bottom: none;
}
.header-top .navbar .navbar-nav .main-menu .submenu li a:hover {
   color: #e63633;
   border-bottom: none;
}
@media (min-width: 992px) {
   .header-top .navbar .navbar-nav .main-menu::-webkit-scrollbar {
      display: none; /* Hide scrollbar for Chrome, Safari and Opera */
   }
}

.header-buttons {
   display: flex;
   align-items: center;
   margin-top: 50px;
}
@media (min-width: 992px) {
   .header-buttons {
      margin-top: 0;
   }
}
@media (min-width: 1400px) {
   .header-buttons {
      margin-right: 20px;
   }
}
.header-buttons .login-button {
   display: inline-block;
   border: 1.5px solid #fff;
   border-radius: 6px;
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 17px;
   padding: 10px;
   color: #fff;
   font-weight: 700;
   letter-spacing: 1px;
   margin-right: 15px;
   transition: 0.2s linear;
}
.header-buttons .login-button:hover {
   border-color: #e63633;
   color: #e63633;
}
@media (min-width: 1400px) {
   .header-buttons .login-button {
      margin-right: 53px;
   }
}
.header-buttons .media-buttons {
   display: flex;
   margin-right: 10px;
}
.header-buttons .media-buttons a {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 30px;
   width: 30px;
   height: 30px;
   margin-right: 5px;
}
.header-buttons .media-buttons a:last-of-type {
   margin-right: 0;
}
@media (min-width: 992px) {
   .header-buttons .media-buttons a {
      flex: 0 0 25px;
      width: 25px;
      height: 25px;
      margin-right: 12px;
   }
   .header-buttons .media-buttons a:last-of-type {
      margin-right: 0;
   }
}
.header-buttons .media-buttons a svg {
   fill: #fff;
}
.header-buttons .media-buttons a img {
   width: 25px;
   height: 25px;
}

a {
   text-decoration: none;
}

.fa-icon {
   width: 500px;
   color: white;
}


@media (min-width: 300px) and (max-width: 991px) {
  .news-slider .news-slider-box {
    display: flex;
    background-color: #e63633;
    margin-top: 5px;
    padding: 5px;
  }
  
}

@media (min-width: 769px) and (max-width: 991px) {
  .news-slider .news-slider-box {
    display: flex;
    background-color: #e63633;
    margin-top: 15px;
    padding: 5px;
  }
  
}


.content.sl-container {
   display: block;
    margin: 0 auto;
}