body {
     font-family: "Lexend Deca", sans-serif;
     color: #444444;
}
 a {
     color: #E5BD4A;
     text-decoration: none;
}
 a:hover {
     color: #ffd584;
     text-decoration: none;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Lexend Deca", sans-serif;
}
/*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/
 .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     z-index: 996;
     background: #E5BD4A;
     width: 40px;
     height: 40px;
     border-radius: 4px;
     transition: all 0.4s;
}
 .back-to-top i {
     font-size: 28px;
     color: #151515;
     line-height: 0;
}
 .back-to-top:hover {
     background: #151515;
}
 .back-to-top:hover i {
     color: #E5BD4A;
}
 .back-to-top.active {
     visibility: visible;
     opacity: 1;
}
/*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     overflow: hidden;
     background: #151515;
}
 #preloader:before {
     content: "";
     position: fixed;
     top: calc(50% - 0px);
     left: calc(50% - 30px);
     border: 6px solid #E5BD4A;
     border-top-color: #151515;
     border-bottom-color: #151515;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     animation: animate-preloader 1s linear infinite;
}
 @keyframes animate-preloader {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
     [data-aos-delay] {
         transition-delay: 0 !important;
    }
}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
 #header {
     transition: all 0.5s;
     z-index: 997;
     padding: 5px 0;
     background: #000000;
}
 .get-started-btn {
     background: #000;
}
 .get-started-btn:hover {
     background: #E5BD4A;
     border: 2px solid #E5BD4A;
     color: #000000;
}
 #header.header-scrolled, #header.header-inner-pages {
     background: #010101;
}
 #header .logo {
     font-size: 32px;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 #header .logo a {
     color: #fff;
}
 #header .logo a span {
     color: #E5BD4A;
}
 #header .logo img {
     max-height: 110px;
}
/*-------------------------------------------------------------- # Get Startet Button --------------------------------------------------------------*/
 .get-started-btn {
     color: #fff;
     border-radius: 50px;
     padding: 7px 25px 8px 25px;
     white-space: nowrap;
     transition: 0.3s;
     font-size: 14px;
     font-weight: 600;
     display: inline-block;
     border: 2px solid #E5BD4A;
}
 .get-started-btn:hover {
     background: #e5bd4a;
     color: #343a40;
}
 @media (max-width: 992px) {
     .get-started-btn {
         padding: 7px 20px 8px 20px;
         margin-right: 15px;
    }
}
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/** * Desktop Navigation */
 .navbar {
     padding: 0;
}
 .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
}
 .navbar li {
     position: relative;
}
 .navbar a, .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 0 10px 30px;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     white-space: nowrap;
     transition: 0.3s;
}
 .navbar a i, .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
}
 .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
     color: #E5BD4A;
}
 .navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 14px;
     top: calc(100% + 30px);
     margin: 0;
     padding: 10px 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
}
.navbar .dropdown ul {
    height: 400px;
    overflow: auto;
    border-radius: 5px;
}
.navbar .dropdown ul::-webkit-scrollbar {
  width: 7px;
  border-radius: 10px;
}
/* Track */
.navbar .dropdown ul::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
/* Handle */
.navbar .dropdown ul::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
 .navbar .dropdown ul li {
     min-width: 200px;
}
 .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 14px;
     text-transform: none;
     color: #151515;
     font-weight: 400;
}
 .navbar .dropdown ul a i {
     font-size: 12px;
}
 .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
     background-color: #E5BD4A;
}
 .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
}
 .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
}
 .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
}
 @media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
         left: -90%;
    }
     .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
    }
}
/** * Mobile Navigation */
 .mobile-nav-toggle {
     color: #fff;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
}
 @media (max-width: 991px) {
     .mobile-nav-toggle {
         display: block;
    }
     .navbar ul {
         display: none;
    }
}
 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.9);
     transition: 0.3s;
     z-index: 999;
}
 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
}
 .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
}
 .navbar-mobile a, .navbar-mobile a:focus {
     padding: 10px 20px;
     font-size: 15px;
     color: #151515;
}
 .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
     color: #151515;
     background-color: #E5BD4A;
}
 .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
     margin: 15px;
}
 .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
 .navbar-mobile .dropdown ul li {
     min-width: 200px;
}
 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
     color: #151515;
}
 .navbar-mobile .dropdown ul a i {
     font-size: 12px;
}
 .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
     background-color: #E5BD4A;
}
 .navbar-mobile .dropdown>.dropdown-active {
     display: block;
}
/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
 #hero {
     width: 100%;
     min-height: 100vh;
     background: url("../img/hero-bg.png") top center;
     background-size: cover;
     position: relative;
}
 #hero:before {
     content: "";
    /*background: rgba(0, 0, 0, 0.6);
    */
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
}
 #hero .container {
     position: relative;
     padding-top: 135px;
}
 #hero h1 {
     margin: 0;
     font-size: 56px;
     font-weight: 400;
     line-height: 64px;
     color: #e5bd4a;
     font-family: "Lexend Deca", sans-serif;
     padding-bottom: 15px;
}
 #hero h1 span {
     color: #E5BD4A;
     font-weight: 700;
}
 #hero h2 {
     color: rgba(255, 255, 255, 0.9);
     margin: 10px 0 0 0;
     font-size: 24px;
}
 #hero .icon-box {
     padding: 30px 20px;
     transition: ease-in-out 0.3s;
     border: 1px solid rgba(255, 255, 255, 0.3);
     height: 100%;
     text-align: center;
}
 #hero .icon-box i {
     font-size: 32px;
     line-height: 1;
     color: #E5BD4A;
}
 #hero .icon-box h3 {
     font-weight: 700;
     margin: 10px 0 0 0;
     padding: 0;
     line-height: 1;
     font-size: 20px;
     line-height: 26px;
}
 #hero .icon-box h3 a {
     color: #fff;
     transition: ease-in-out 0.3s;
}
 #hero .icon-box h3 a:hover {
     color: #E5BD4A;
}
 #hero .icon-box:hover {
     border-color: #E5BD4A;
}
 @media (max-width: 768px) {
     #hero h1 {
         font-size: 28px;
         line-height: 36px;
    }
     #hero h2 {
         font-size: 20px;
         line-height: 24px;
    }
}
/*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
 section {
     padding: 60px 0;
     overflow: hidden;
}
 .section-title {
     padding-bottom: 40px;
}
 .section-title h2 {
     font-size: 14px;
     font-weight: 500;
     padding: 0;
     line-height: 1px;
     margin: 0 0 5px 0;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #aaaaaa;
     font-family: "Poppins", sans-serif;
}
 .section-title h2::after {
     content: "";
     width: 120px;
     height: 1px;
     display: inline-block;
     background: #ffde9e;
     margin: 4px 10px;
}
 .section-title p {
     margin: 0;
     margin: 0;
     font-size: 36px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
     color: #151515;
}
/*-------------------------------------------------------------- # About --------------------------------------------------------------*/
 .about .content h3 {
     font-weight: 700;
     font-size: 34px;
     font-family: "Lexend Deca", sans-serif;
     color: #000000;
}
 .about .content h4 {
     color: #e5bd4a;
     font-family: "Lexend Deca", sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
     font-size: 20px;
}
 .about .content ul {
     list-style: none;
     padding: 0;
}
 .about .content ul li {
     padding: 0 0 8px 26px;
     position: relative;
}
 .about .content ul i {
     position: absolute;
     font-size: 20px;
     left: 0;
     top: -3px;
     color: #E5BD4A;
}
 .about .content p:last-child {
     margin-bottom: 0;
}
/*-------------------------------------------------------------- # Clients --------------------------------------------------------------*/
 .clients {
     padding-top: 20px;
}
 .clients .swiper-slide img {
     transition: 0.3s;
}
 .clients .swiper-slide img:hover {
     filter: none;
     opacity: 1;
}
 .clients .swiper-pagination {
     margin-top: 50px;
     position: relative;
}
 .clients .swiper-pagination .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: #fff;
     opacity: 1;
     background-color: #ddd;
}
 .clients .swiper-pagination .swiper-pagination-bullet-active {
     background-color: #E5BD4A;
}
/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 #footer {
     background: black;
     padding: 0 0 0px 0;
     color: #fff;
     font-size: 14px;
}
 #footer .footer-top {
     background: #000000;
     padding: 20px 0 20px 0;
}
 #footer .footer-top .footer-info {
     margin-bottom: 0px;
}
 #footer .footer-top .footer-info h3 {
     font-size: 28px;
     margin: 0 0 20px 0;
     padding: 2px 0 2px 0;
     line-height: 1;
     font-weight: 700;
     text-transform: uppercase;
}
 #footer .footer-top .footer-info h3 span {
     color: #E5BD4A;
}
 .footer-newsletter p {
     font-family: "Lexend Deca", sans-serif;
     font-weight: 300;
}
 #footer .footer-top .footer-info p {
     font-weight: 300;
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 0;
     font-family: "Lexend Deca", sans-serif;
     color: #fff;
     max-width: 370px;
}
 #footer .footer-top .social-links a {
     font-size: 18px;
     display: inline-block;
     background: #292929;
     color: #fff;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 4px;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
}
 #footer .footer-top .social-links a:hover {
     background: #E5BD4A;
     color: #151515;
     text-decoration: none;
}
 #footer .footer-top h4 {
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     font-family: "Lexend Deca", sans-serif;
     position: relative;
     padding-bottom: 12px;
}
 #footer .footer-top .footer-links {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end;
}
 #footer .footer-top .footer-links ul {
     list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: baseline;
    float: right;
}
 #footer .footer-top .footer-links ul i {
     padding-right: 2px;
     color: #E5BD4A;
     font-size: 18px;
     line-height: 1;
}
 #footer .footer-top .footer-links ul li {
     display: flex;
     align-items: center;
}
 #footer .footer-top .footer-links ul li:first-child {
     padding-top: 0;
}
 #footer .footer-top .footer-links ul a {
     font-size: 14px;
     color: #fff;
     transition: 0.3s;
     display: inline-block;
     line-height: 1;
     font-family: "Lexend Deca", sans-serif;
     font-weight: 300;
}
 #footer .footer-top .footer-links ul a:hover {
     color: #E5BD4A;
}
 #footer .footer-top .footer-newsletter form {
     margin-top: 30px;
     background: #fff;
     padding: 6px 10px;
     position: relative;
     border-radius: 4px;
}
 #footer .footer-top .footer-newsletter form input[type=email] {
     border: 0;
     padding: 4px;
     width: calc(100% - 110px);
}
 #footer .footer-top .footer-newsletter form input[type=submit] {
     position: absolute;
     top: 0;
     right: -2px;
     bottom: 0;
     border: 0;
     background: none;
     font-size: 16px;
     padding: 0 20px;
     background: #E5BD4A;
     color: #151515;
     transition: 0.3s;
     border-radius: 0 4px 4px 0;
}
 #footer .footer-top .footer-newsletter form input[type=submit]:hover {
     background: #ffcd6b;
}
.footer-info h1.logo {
    margin-bottom: 0px;
}
 #footer .copyright {
     text-align: left;
     padding-top: 0px;
     font-family: "Lexend Deca", sans-serif;
     font-weight: 300;
}
 #footer .credits {
     padding-top: 10px;
     text-align: center;
     font-size: 13px;
     color: #fff;
}
/* My Css */
 .slider-cont h4 {
     color: #ffffff;
     font-family: "Lexend Deca", sans-serif;
     font-weight: 300;
     letter-spacing: 1px;
     font-size: 20px;
}
 .slider-cont p {
     color: #ffffff;
     font-size: 14px;
}
 a.slide_btn {
     font-weight: 600;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 7px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
     font-family: "Lexend Deca", sans-serif;
}
 .btn-row {
     margin-top: 25px;
}
 section#about {
     background: #F3F4F7;
}
 .about .content p {
     color: #000000;
     font-size: 14px;
     font-style: normal !important;
     font-weight: 600;
     margin-bottom: 0px;
     margin-top: 20px;
}
 .img-adj-lr img {
     height: 400px;
     width: 100%;
     object-fit: cover;
}
 .second_img img {
     height: 350px;
     width: 100%;
     object-fit: cover;
     object-position: top;
}
 .second_img {
     margin-top: 35px;
}
 .txt-adj-rt img {
     max-width: 500px;
}
 .img-adj-lr .txt-adj-rt.content {
     margin-top: 25px;
}
 .joc h3 {
     font-weight: 700;
     font-size: 34px;
     font-family: "Lexend Deca", sans-serif;
     color: #000000;
}
 .joc {
     margin-top: 25px;
}
 .joc p {
     color: #000000;
     font-size: 14px;
     font-style: normal !important;
     font-weight: 600;
     margin-bottom: 0px;
}
 .txt-adj-rt {
     background: url(../img/map.png);
     background-size: auto;
     background-position: 150% 50%;
     background-repeat: no-repeat;
}
 section#lts_match {
     background: #000000;
}
 .lts_match h3 {
     color: #E5BD4A;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
}
 .team_match {
     text-align: center;
     display: block !important;
}
 .team_match img {
     width: 70px;
}
 .matchbox {
     margin-top: 50px;
}
 .team_match a {
     color: #ffffff;
     font-family: "Lexend Deca", sans-serif;
}
 .team_match h4 {
     margin-bottom: 15px;
     font-size: 21px;
}
 .vs_info .vs-box h4 {
     margin-top: 25px;
}
 .vs-box p {
     font-weight: 700;
     color: #aaaaaa;
     font-family: "Lexend Deca", sans-serif;
}
 .where_box {
     margin-top: 50px;
     background: #e5bd4a;
     padding-top: 25px;
     padding-bottom: 25px;
     margin-left: 0px;
     margin-right: 0px;
}
 .whr-info {
     display: block !important;
     text-align: center;
}
 .whr-info i.bx {
     color: #000000;
     font-size: 24px;
     margin-right: 7px;
}
 .whr-info .icon {
     color: #000000;
     font-weight: 600;
     font-family: "Lexend Deca", sans-serif;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .whr-info a {
     color: #000000;
}
 section#schedule {
     background: url(../img/bg_1.png) top center;
}
 .schedule .block-title h2 {
     color: #ffffff;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
     margin-bottom: 35px;
}
 .schedule .block-title {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
}
 .event-results {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 45px;
}
 .teams-titles {
     font-size: 18px;
     font-weight: 700;
     color: #000000;
     margin-bottom: 10px;
     line-height: 20px;
}
 .next-match img {
     display: inline-block !important;
     width: 70px !important;
     margin-top: 10px;
}
 .next-match {
     text-align: center;
     height: 100%;
     padding: 47px 38px;
     box-shadow: 0px 4px 10px 0px rgb(135 135 135 / 10%);
     background-color: #fff;
     transition: all ease-in-out 0.3s;
}
 .next-match:hover {
     box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
     transform: translateY(-10px);
}
 .event-league {
     text-transform: uppercase;
     font-weight: 700;
     color: #aaa;
     margin-bottom: 15px;
     font-family: "Lexend Deca", sans-serif;
}
 .event-data-style {
     font-weight: 600;
     color: #000000;
     font-family: "Lexend Deca", sans-serif;
}
 .more a {
     font-family: "Lexend Deca", sans-serif;
     font-weight: 600;
}
 .footer-info img {
     height: 110px;
}
/*.footer-logo {
     width: 33%;
}
 .footer-links {
     width: 22.33%;
}
 .footer-newsletter {
     width: 22.33%;
}
*/
 #sociallink {
     padding: 20px 0px;
     background: #e5bd4a;
}
 .social-info {
     display: block !important;
}
 .social-info .icon {
     color: #000000;
     font-weight: 600;
     font-family: "Lexend Deca", sans-serif;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .social-info i.bx {
     color: #000000;
     font-size: 45px;
     margin-right: 15px;
}
 .post-masonry-wrap__item {
     margin-bottom: 30px;
     position: relative;
}
 .masonry-image-wrap {
     overflow: hidden;
     position: relative;
     border-radius: 6px;
}
 .masonry-image-wrap:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 50%;
     display: block;
     background: linear-gradient(to top,#000,rgba(0,0,0,0));
     z-index: 2;
     transition: .5s;
}
 .masonry-image-wrap img {
     transition: .5s;
     border-radius: 6px;
}
 .masonry-post-data {
     position: absolute;
     left: 45px;
     right: 45px;
     bottom: 27px;
     z-index: 3;
}
 .masonry-post-data__title h4 {
     border: none;
     text-transform: capitalize;
     color: #fff;
     font-size: 24px !important;
     line-height: 36px;
     margin-bottom: 0px;
     font-family: "Lexend Deca", sans-serif;
}
 .post-masonry-wrap__item:hover img {
     transform: scale(1.05);
}
 .masonry-post-data__cat {
     color: rgba(255,255,255,.5);
     text-transform: uppercase;
     font-size: 12px;
     font-family: "Lexend Deca", sans-serif;
}
 .masonry-post-data__cat .cat {
     display: inline-block;
     color: #e5bd4a;
}
 .hub h3 {
     color: #000000;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
}
 .hub-box {
     margin-top: 50px;
}
 .small-post {
     float: left !important;
     padding-right: 15px;
     padding-left: 15px;
}
 .big-post {
     float: left;
     padding-right: 15px;
     padding-left: 15px;
}
 .big-post .masonry-image-wrap img {
     height: 450px;
     object-fit: cover;
}
 .small-post .masonry-image-wrap img {
     height: 210px;
     object-fit: cover;
}
 .hub_all {
     text-align: center;
}
 .clients h3 {
     color: #000000;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
}
 .clients-slider {
     margin-top: 50px;
}
 .clients .swiper-slide img {
     border: 2px solid #e5bd4a;
        padding: 10px;
    height: 100px;
    width: 100px;
    object-fit: contain;
}
 section#newsletter {
     background: url(../img/bg_2.png) center;
     padding: 100px 0px;
}
 .newsletter h3 {
     color: #ffffff;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
}
 .news-box input[type="email"] {
     height: 40px;
     width: 40%;
     padding: 0px 15px;
     border: 1px solid #ffffff;
     border-radius: 50px;
     font-size: 14px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
}
 .news-box {
     margin-top: 25px;
}
 .news-box input[type="submit"] {
     font-size: 14px;
     border-radius: 50px;
     background: #e5bd4a;
     height: 40px;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     border: 1px solid #e5bd4a;
     position: relative;
     top: 0px;
     padding: 15px;
     line-height: 7px;
}
 .news-box input[type="email"]:focus-visible {
     outline: none;
}
 a.slide_btn:hover {
     background: #000000;
     border: 2px solid #000000;
     color: #e5bd4a;
}
 #hero .btn-row a.slide_btn:hover {
     background: #000000;
     border: 2px solid #e5bd4a;
}
 section#gallery {
     padding-top: 0px;
}
 .gallery .cust-arr .carousel-control-prev-icon {
     background-color: #e5bd4a;
     background-size: 20px;
}
 .gallery .cust-arr .carousel-control-next-icon {
     background-color: #e5bd4a;
     background-size: 20px;
}
 .gallery .carousel-control-next, .carousel-control-prev {
     opacity: 1;
}
 #galleryExample .carousel-item img {
     object-fit: cover;
     object-position: top;
}
 section#blogs {
     background: #000000;
}
 .block-title-blg h2 {
     color: #ffffff;
     margin-top: 10px;
}
 .block-title-blg span {
     color: #e5bd4a;
     font-family: "Lexend Deca", sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
     font-size: 20px;
}
 .block-title-blg {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .block-title-desc {
     width: 300px;
}
 .block-title-desc p {
     color: #aaaaaa;
     font-size: 14px;
}
 .block-title-blg h2:after {
     content: "";
     display: block;
     height: 3px;
     width: 150px;
     border-radius: 0px;
     margin-top: 20px;
     background-color: #e5bd4a;
}
 .flow-media {
     margin-top: 50px;
}
 .media-box {
     padding: 25px 15px;
}
 .media-blg {
     overflow: hidden;
     border-radius: 5px;
     box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
     border: 1px solid #666666;
}
 .media-user {
     color: #ffffff;
     font-size: 14px;
     display: flex;
     align-items: center;
     cursor: pointer;
}
 .media-user i.bx {
     color: #e5bd4a;
     margin-right: 5px;
     font-size: 18px;
}
 .media-details {
     color: #ffffff;
     padding-top: 15px;
}
 .media-details h4 {
     font-size: 22px;
     line-height: 26px;
     margin-bottom: 20px;
     transition: ease-in-out 0.3s !important;
     cursor: pointer;
     height: 60px;
}
 .media-details a.btn-more {
     font-size: 14px;
     cursor: pointer;
}
 .media-details a.btn-more i.bx {
     font-size: 20px;
     vertical-align: bottom;
}
 .media-small {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #666666;
     padding-bottom: 17px;
}
 .media-user i.bx.bxs-circle {
     font-size: 7px;
}
 .media-blg:hover .media-details h4 {
     color: #e5bd4a;
}
 .get-started-btn:active {
     background: #e5bd4a !important;
     border-color: #e5bd4a !important;
}
 .adjup {
     width: 100%;
     overflow: hidden;
     background: #fff;
     -webkit-box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
     -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
     box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}
 .adjup .img {
     width: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     border: 1px solid #E5BD4A;
     border-right: 0px;
}
 .adjup .login-wrap h3 {
     color: #E5BD4A;
     font-family: "Lexend Deca", sans-serif;
     font-size: 34px;
}
 .adjup .login-wrap {
     width: 50%;
}
 .adjup .form-group {
     position: relative;
     align-items: baseline;
}
 div#loginregpopup {
     background: #00000063;
}
 #loginregpopup .modal-header button.btn-close {
     position: absolute;
     top: 15px;
     z-index: 99;
     right: 10px;
}
 #loginregpopup .modal-header {
     padding: 0px;
     border: none;
}
 .adjup .form-group .label {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
     margin-bottom: 0.5rem;
     font-weight: 700;
}
 .adjup .form-control {
     height: 48px;
     background: #fff;
     color: #000;
     font-size: 14px;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .adjup .sub_btn button.form-control {
     background: #e3b04b !important;
     border: 1px solid #e3b04b !important;
     color: #fff !important;
     font-size: 14px;
     padding: 10px 20px;
     margin-bottom: 1rem!important;
}
 #loginregpopup .modal-body {
     padding: 0px;
}
 .dual-set .text-left {
     text-align: left;
}
 .dual-set label.checkbox-wrap {
     display: block;
     position: relative;
     padding-left: 0px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .dual-set .checkbox-primary input:checked ~ .checkmark:after {
     color: #e3b04b;
}
 .dual-set .text-md-right a {
     color: gray;
     font-size: 14px;
}
 p.relink {
     font-size: 14px;
}
 .dual-set {
     margin-bottom: 1rem;
}
 #loginregpopup .modal-header button.btn-close:focus {
     box-shadow: none;
}
 .mymenu .mymenu-item li a {
     position: relative;
     -webkit-transition: -webkit-transform 0.5s;
     transition: transform 0.5s;
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1);
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1.22);
     transition-timing-function: cubic-bezier(1,0.01,0,1.22);
     padding: 5px 15px;
}
 .mymenu .mymenu-item li a::before {
     content: '';
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -22px;
     width: 0px;
     height: 2px;
     background: #e5bd4a;
     -webkit-transition: -webkit-transform 0.5s;
     transition: 0.5s;
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1);
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1.22);
     transition-timing-function: cubic-bezier(1,0.01,0,1.22);
}
 .mymenu .mymenu-item li:hover a::before {
     width: 45px;
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
/*Inner Pages*/
 section#inner-title-section {
     margin-top: 120px;
     padding-top: 95px;
     padding-bottom: 95px;
     background: url(../img/page-title.jpg);
     background-position: center;
     background-size: cover;
}
 .inner-title h3 {
     color: #ffffff;
     font-size: 36px;
}
 .inner-title h3:after {
     content: "";
     background: #e5bd4a;
     height: 3px;
     display: block;
     width: 50px;
     margin: 10px auto;
}
 .teamslides .cust-arr .carousel-control-next-icon {
     background-color: #e5bd4a;
     background-size: 20px;
}
 .teamslides .cust-arr .carousel-control-prev-icon {
     background-color: #e5bd4a;
     background-size: 20px;
}
 .feat_match {
     background: url(../img/featured-score.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding-top: 75px;
     padding-bottom: 75px;
}
 .feat_match .bigtitle {
     display: flex;
     align-items: center;
     justify-content: center;
}
 span.event-time:before {
     margin: 0 6px;
     content: "/";
     color: #e5bd4a;
}
 span.event-time {
     color: #000000;
}
 .ha-rule {
     text-align: center;
     margin: 0 auto;
}
 .ha-rule h4 {
     font-size: 16px;
     color: #000000;
     margin-bottom: 0px;
}
 .bigtitle-left {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row-reverse;
}
 span.teamlogo {
     float: right;
     margin-left: 0;
}
 span.teamlogo img {
     max-height: 80px;
     width: auto;
     vertical-align: middle;
     max-width: 80%;
}
 span.teamname {
     font-size: 28px;
     color: #ffffff;
     display: inline-block;
     line-height: 1.3;
}
 span.event-result {
     margin-left: 35px;
     margin-right: 35px;
}
 span.event-result a {
     color: #e5bd4a;
}
 .bigtitle-right {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .bigtitle-right span.teamlogo {
     float: left;
     margin-right: 0;
}
 .feat_match .featuredinfo {
     display: flex;
     justify-content: center;
     margin-top: 20px;
}
 .featuredinfo span.whr-info {
     margin-right: 25px;
}
 .featuredinfo span.whr-info:last-child {
     margin: 0;
}
 .featuredinfo .icon {
     color: #ffffff;
     font-size: 14px;
}
 .featuredinfo i.bx {
     font-size: 20px;
     color: #ffffff;
}
 .flx-info span.hnrs img {
     width: 26px;
}
 .flx-info:last-child {
     border: none;
}
 .matchlist {
     margin-bottom: 3px;
     padding: 23px 15px;
     background-color: #f3f3f3;
     padding-bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .matchlist .bigtitle {
     float: left;
     width: 50%;
     display: flex;
     align-items: center;
}
 .matchlist span.teamlogo img {
     max-height: 32px;
     width: auto;
     vertical-align: middle;
}
 .matchlist span.teamlogo {
     margin-right: 5px;
     float: inherit;
}
 .matchlist .bigtitle-left {
     display: block;
}
 .matchlist span.teamname {
     color: #000000;
     font-size: 16px;
     margin-right: 5px;
}
 .bigtitle-right {
     display: flex;
     margin-left: 5px;
}
 a.event-link {
     margin-left: 30px;
     color: #e5bd4a;
}
 .matchlist span.event-result {
     margin-left: 10px;
     margin-right: 10px;
}
 .matchlist-right span.event-venue a {
     color: #000000;
}
 span.event-venue:before {
     margin: 0 6px;
     content: "/";
     color: #e5bd4a;
}
 span.event-date {
     color: #000000;
}
 .matchlist-right {
     float: right;
}
 .matchlist-btn {
     cursor: pointer;
     font-size: 15px;
     font-weight: 600;
     letter-spacing: 0px;
     color: #ffffff;
     padding: 14px 33px 17px 33px;
     text-transform: none;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     background: #e5bd4a;
     margin-top: 5px;
}
 .matchlist-btn:hover {
     background: #000000;
}
 .late-head {
     background: #e5bd4a;
     padding: 15px 30px;
}
 .late-head h4 {
     margin-bottom: 0px;
     color: #ffffff;
     font-size: 22px;
     font-weight: 600;
}
 .event-widget-list:last-child {
     border-bottom: 0px;
}
 .event-widget-list {
     background-color: #f3f3f3;
     text-align: center;
     padding: 15px 0 15px;
     border-bottom: 1px solid #e6e6e6;
}
 .result-tab {
     line-height: 32px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .result-tab span.teamlogo img {
     width: 18px;
     max-width: inherit !important;
}
 .teamr-left span.teamname {
     font-size: 16px;
     font-weight: 600;
     color: #000000;
     margin-right: 5px;
}
 .teamr-right span.teamname {
     font-size: 16px;
     font-weight: 600;
     color: #000000;
     margin-left: 5px;
}
 .teamr-right span.teamlogo {
     float: inherit;
}
 .teamr-right {
     display: flex;
     align-items: center;
}
 span.mt-result {
     font-size: 16px;
     margin-left: 5px;
     margin-right: 5px;
         width: 70px;
}
 span.mt-result a {
     color: #e5bd4a;
     font-weight: 600;
}
 .teamr-left {
     display: flex;
     align-items: center;
     flex-direction: row-reverse;
}
 .widget-list-ftr {
     margin-top: 5px;
}
 .widget-list-ftr span.event-date {
     color: #4b4b4b;
     font-size: 12px;
}
 .widget-list-ftr span.event-venue {
     font-size: 12px;
}
 .widget-list-ftr span.event-venue a {
     color: #4b4b4b;
}
 .widget-list-btns {
     text-align: center;
     margin-top: 20px;
}
 section#fix-res {
     background: url(../img/bg-Latest.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
 .fixres h3 {
     color: #e5bd4a;
}
 .team-logos {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
}
 .team-logos h2 {
     margin-left: 15px;
     color: #e5bd4a;
     font-size: 23px;
}
 .team-details p {
     color: #000000;
     font-size: 14px;
}
 section#teamslides {
     padding-top: 0px;
}
 section#team-desc {
     padding-bottom: 0px;
}
 .flx-info {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #f3f3f3;
     margin-bottom: 5px;
     padding-bottom: 5px;
}
 .flx-info .fst-col {
     color: #e5bd4a;
     font-weight: 600;
     font-size: 18px;
}
 .mgr-ext .flx-info .fst-col {
     color: #e5bd4a;
     font-weight: 600;
     width: 100%;
     font-size: 18px;
}
 span.hnrs {
     text-align: right;
}
 .flx-info span {
     color: #000000;
     font-size: 14px;
}
 .team-ext {
     border: 3px solid #e5bd4a;
     padding: 15px;
     width: 40%;
}
 .sub-title h4 {
     position: relative;
     margin: 0 0 32px 0;
     padding: 0 0 20px 24px;
     font-size: 24px;
     font-weight: 600;
     text-transform: uppercase;
     line-height: 1.3;
     border-bottom: 1px solid #f3f3f3;
     color: #000000;
}
 .sub-title h4:before {
     position: absolute;
     content: "";
     left: 0;
     top: calc(50% - 10px);
     transform: translateY(-50%);
     width: 4px;
     height: 20px;
     background: #e5bd4a;
}
 .club-inf .name-1 {
     margin-bottom: 0px;
     color: #000000;
     font-size: 16px;
}
 .club-inf span.posi {
     font-size: 12px;
     color: #5B5F64;
     text-transform: uppercase;
}
 .club-inf {
     display: flex;
     justify-content: space-between;
}
 .club-inf-rgt {
     display: flex;
}
 .club-inf-rgt i.bx {
     color: #e5bd4a;
     margin-right: 5px;
     font-size: 18px;
}
 .club-inf-rgt h4 {
     font-size: 19px;
}
 .team_desc_info {
     margin-bottom: 25px;
}
 .hs-team-det .card {
     border-radius: 0px;
}
 .hs-team-det img {
     border-radius: 0px;
     width: 180px;
}
 section#manager {
     padding-top: 0px;
}
/*Our Team*/
 .team--item {
     position: relative;
     z-index: 1;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     overflow: hidden;
     border-radius: 4px;
     cursor: pointer;
}
 .team--item a.gallery-picture {
     overflow: hidden;
     width: 100%;
     display: block;
     margin-bottom: 1px;
}
 .gallery-picture img {
     width: 100%;
     -webkit-transition: -webkit-transform 0.6s ease;
     transition: -webkit-transform 0.6s ease;
     transition: transform 0.6s ease;
     transition: transform 0.6s ease, -webkit-transform 0.6s ease;
     max-width: 100%;
     height: 100%;
}
 .contents--wrapper {
     z-index: 1;
     position: absolute;
     bottom: 0;
     width: 100%;
     border-top: 5px solid #e5bd4a;
     border-bottom: 5px solid #e5bd4a;
}
 .contents.text-start {
     display: block;
     background: #000000;
     padding: 10px;
}
 .gallery-picture:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     pointer-events: none;
     z-index: 1;
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
     background-image: linear-gradient(0deg, rgb(0 0 0 / 31%) 0%, rgb(0 0 0 / 0%) 100%);
}
 .contents--wrapper h4 {
     color: #e5bd4a;
     font-size: 18px;
     margin-bottom: 0px;
     text-align: center;
}
 .team--info-btn a {
     font-size: 12px;
}
 .team--item:hover .gallery-picture img {
     -webkit-transform: scale(110%);
     transform: scale(110%);
}
 .team_single_block {
     margin-bottom: 20px;
}
 .genr_info_l {
     padding-left: 1rem;
}
 .genr_info_l:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     background-color: #000000;
     width: 0.625rem;
}
 section#genr-info {
     border-top: 1px solid #f3f3f3;
     background: #fff4d3;
}
 .genr_info_l span {
     color: #000000;
}
 .genr_info_l h4 {
     color: #000000;
     font-size: 48px;
     letter-spacing: -2px;
     font-weight: 600;
}
 span.col_chn {
     color: #e5bd4a;
}
 .bam a {
     padding: 15px 15px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
     font-weight: 600;
}
 .bam {
     margin-top: 35px;
}
 .bam a:hover {
     background: #000000;
     border: 2px solid #000000;
     color: #ffffff;
}
 .genr_info_r p {
     color: #000;
}
 .genr_info_r {
     margin-top: 25px;
}
 .genr--row {
     margin-top: 75px;
}
 .genr--icon {
     text-align: center;
     margin-bottom: 25px;
}
 .genr--icon img {
     width: 64px;
     -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
     transition: all .3s cubic-bezier(.645,.045,.355,1);
}
 .genr--desc p {
     color: #4b4b4b;
     text-align: center;
     font-size: 14px;
     line-height: 18px;
}
 .genr--desc h4 {
     color: #000000;
     font-size: 18px;
     text-align: center;
     margin-bottom: 15px;
}
 .genr--set:hover .genr--icon img {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-5px);
     -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
     transition: all .3s cubic-bezier(.645,.045,.355,1);
}
/*Business Hub*/
 .tooltip {
     color: -webkit-link;
     cursor: pointer;
     text-decoration: underline;
}
 .master-box {
     padding: 0 15%;
}
 @media (max-width:768px){
     .master-box {
         padding: 0 0!important;
    }
}
 .filter-header {
     background: #303f94;
     background: #303f94;
     background: -webkit-linear-gradient(to right, #303f94, #4b558a);
     background: linear-gradient(to right, #303f94, #4b558a);
     padding: 0 ;
     text-align: center;
     color: white;
}
 h1.title {
     font-size: 2.1em;
     letter-spacing: -1px;
     font-weight: 400;
}
 .filter-search #myInput {
     font-size: 16px;
     padding: 5px 20px 5px 20px;
     border: 1px solid #000;
     margin: 0;
}
 #myBtnContainer {
     margin: 0px;
     letter-spacing: 0px;
}
 #show_content {
     list-style-type: none;
     width: 100%;
     padding: 0;
     background: rgba(255, 255, 255, 0.01);
}
 #show_content li span {
     cursor: pointer;
     -moz-transition: all 0.35s ease;
     -ms-transition: all 0.35s ease;
     -o-transition: all 0.35s ease;
     -webkit-transition: all 0.35s ease;
     border: 1px solid lightgrey;
     margin-top: -1px;
     padding: 10px 0px 10px 0px;
     margin: 0;
     text-decoration: none;
     font-size: 16px;
     color: #565555;
     display: block;
}
 #show_content li span:hover:not(.header) {
     background-color: #e4ecf9;
     border: 1px solid grey;
}
 .filterDiv {
     display: none;
    /* Hidden by default */
     transition: all 0.3s;
     margin-bottom: 4px;
}
 .show {
     display: block;
}
/*.accordion-thumb {
     font-weight: bold;
     background: white;
}
*/
/* Active answer */
 .filterDiv.is-active .accordion-thumb::before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
/*.accordion-thumb::before {
     content: '';
     display: inline-block;
     height: 7px;
     width: 7px;
     margin-right: 1rem;
     margin-left: .5rem;
     vertical-align: middle;
     border-right: 1px solid;
     border-bottom: 1px solid;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     transition: -webkit-transform .2s ease-out;
     transition: transform .2s ease-out;
     transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
*/
 .accordion-panel {
     padding: 10px 20px 10px 20px;
     display: none;
     color: #ffffff;
     font-size: 14px;
     font-weight: normal;
     background: white;
}
/*ul#show_content {
     display: none;
}
*/
 .filter-search {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 30px;
     border: 5px solid #e5bd4a;
}
 .filter-search input#myInput {
     width: 100%;
     height: 55px;
     border: none;
}
 .filter-search select#myBtnContainer {
     width: 260px !important;
     margin-right: 0px;
     margin-left: 0px;
     font-size: 16px;
     border-radius: 0px;
     height: 55px;
}
 .filter-search input#myInput:focus-visible {
     outline: none;
}
 .filter-search select#myBtnContainer:focus {
     outline: none;
     box-shadow: none;
     border: none;
     border-left: 1px solid #dee2e6;
}
/*Hub Design*/
 .hub--bg {
     background: url(../img/bg-slider-hub.jpg);
     margin-top: 120px;
     background-position: center;
     background-size: cover;
     height: 400px;
     display: flex;
     align-items: center;
}
 .hub_content h4 {
     font-size: 28px;
}
 .hub_content {
     color: #ffffff;
}
 .hub_content h2 {
     font-size: 52px;
     max-width: 800px;
     margin: 0 auto;
     text-transform: inherit !important;
}
 .hub_content p {
     font-size: 22px;
     margin-top: 25px;
}
 span.dot_que {
     color: #e5bd4a;
}
 .filter-search select#myBtnContainer option.btn.active {
     text-align: left;
}
 .hub_infobox {
    /*background: url(../img/listing1.jpg);
    */
     background-size: cover !important;
     background-position: center !important;
}
 .hub_infobox {
     background-size: 120%;
     background-repeat: no-repeat;
     background-position: center center;
     border: none;
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) !important;
     overflow: hidden;
     border-radius: 20px;
     min-height: 250px;
     box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     margin-bottom: 25px;
}
 .hub_infobox:hover {
     transform: scale(0.98) !important;
     box-shadow: 0 0 5px -2px rgb(0 0 0 / 30%);
     background-size: 130%;
    /*cursor: pointer;
    */
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
 .hub-body a {
     color: #ffffff;
}
 .card-has-img:hover .hub-body {
     margin-top: 5px;
}
 .hub_infobox:hover .card-img-overlay {
     transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    /* background: #ffba21 !important;
     */
     background: linear-gradient(0deg, rgba(255, 186, 33, 0.5) 0%, #e5bd4a 100%) !important;
}
 .card.hub_infobox .card-img-overlay {
     transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
     background: #e5bd4a;
    /* background: linear-gradient(0deg, rgba(255, 186, 33, 0.3785889356) 0%, #e5bd4a 100%);
     */
     background: linear-gradient(0deg, rgb(0 0 0 / 38%) 0%, #000000ab 100%);
}
 .hub_infobox .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1.25rem;
}
 .hub_infobox:hover .hub-body a {
     color: #000000;
}
 .hub_infobox:hover .media-body a {
     color: #000000;
}
 .hub-body {
     transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
     flex: 1 1 auto;
     min-height: 1px;
     padding: 0.5rem;
}
 .hub_infobox small.card-meta {
     color: rgb(0 0 0 / 47%);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
}
 .hub_infobox h4.card-title {
     font-weight: 800;
     margin-top: 5px !important;
     color: #ffffff;
}
 .media-body a {
     color: #ffffff;
}
 .hub_infobox h4.card-title a.text-dark {
     color: #ffffff !important;
}
 .hub_infobox small {
     font-size: 80%;
     font-weight: 400;
     color: #000000;
}
 .hub_infobox .card .hub-footer {
     background: none;
     border-top: none;
}
 .hub_infobox .hub-footer:last-child {
     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
 .hub_infobox .hub-footer {
     padding: 0.75rem 0.5rem;
}
 .hub_infobox .hub-footer .media {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
}
 .hub-footer .media img {
     max-width: 40px;
     border: solid 3px rgba(255, 255, 255, 0.3);
     margin-right: 0.5rem!important;
     border-radius: 50%!important;
}
 :focus-visible {
     outline: none;
}
 .hub-footer .media-body h6 {
     color: #ffffff !important;
}
 .hub-footer .media-body p {
     margin-bottom: 0px;
}
 .hub_infobox:hover .accordion-panel {
     color: #000000;
}
 .hub_infobox:hover h4.card-title a.text-dark {
     color: #000000 !important;
}
 .hub_infobox:hover .hub-footer .media-body h6 {
     color: #000000 !important;
}
 .hub-footer .media-body small {
     color: #000000 !important;
}
 ul#myUL {
     -webkit-column-count: 4;
     -moz-column-count: 4;
     column-count: 4;
     padding-right: 0px;
}
 .grid-lists {
     flex-wrap: wrap;
     display: flex;
}
 .grid-lists li.filterDiv {
     width: 23%;
     margin: 0 10px;
    /*display: none;
     list-style-type: none;
    */
}
/*.noContent {
     pointer-events: none;
     background-color: transparent !important;
}
 .loadmore a#loadMore {
     width: 200px;
     color: #000;
     display: block;
     text-align: center;
     margin: 20px auto;
     padding: 10px;
     border-radius: 10px;
     border: 1px solid transparent;
     background-color: #e5bd4a;
     transition: .3s;
}
 .media i {
     font-size: 18px;
     margin-right: 5px;
}
*/
 .show .card.card-has-img.hub_infobox {
     display: block !important;
}
 .typing::before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 2px;
     height: 100%;
     background: #e5bd4a;
     animation: cursorBlink 0.8s steps(3) infinite;
}
 @keyframes cursorBlink {
     0%, 75% {
         opacity: 1;
    }
     76%, 100% {
         opacity: 0;
    }
}
 .typing {
     position: relative;
}
 .dot_que.typing {
     display: inline-flex;
}
 .typing {
     position: relative;
     color: #e5bd4a;
     overflow: hidden;
     margin-bottom: 0;
     animation: type 5s steps(11) infinite;
     margin: 0 auto;
}
 @keyframes type {
     0%, 100% {
         width: 0px;
    }
     30%, 60% {
         width: 230px;
    }
}
 @media(max-width: 330px) {
     .typing {
         animation: type 5s steps(10) infinite;
    }
     @keyframes type {
         0%, 100% {
             width: 0px;
        }
         30%, 60% {
             width: 305px;
        }
    }
}
 section#business-details {
     background-color: #fff4d3;
     background-image: url(../img/call-out-box.png);
     background-repeat: no-repeat;
     background-position: top left 12%;
     padding: 45px 0px;
}
 .right_ctabtn a {
     color: #222222;
     border-color: #eeeeee;
     background-color: #ffffff;
     padding-right: 80px;
     height: 50px;
     line-height: 50px;
     border-width: 0;
     border-radius: 50px;
     font-size: 15px;
     font-weight: 700;
     overflow: hidden;
     z-index: 1;
}
 .right_ctabtn {
     text-align: right;
     align-items: center;
     display: flex;
     justify-content: end;
}
 .right_ctabtn a.cta-button {
     position: relative;
     display: inline-block;
     text-align: center;
     white-space: nowrap;
     padding-left: 24px;
}
 .right_ctabtn span.button-icon {
     -webkit-transition: border-color .3s;
     transition: border-color .3s;
     position: absolute;
     top: 0;
     height: 60px;
     width: 58px;
     display: block;
     font-size: 20px;
     border: 0;
     border-style: solid;
}
 .right_ctabtn span.button-icon {
     right: 0;
     border-left-width: 1px;
     border-color: #eeeeee;
}
 a.cta-button:hover {
     color: #ffffff;
}
 a.cta-button:after {
     content: "";
     width: 0;
     height: 100%;
     top: 0;
     position: absolute;
     left: auto;
     right: 0;
     z-index: -1;
     -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
     transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
     background-color: #000000;
}
 .right_ctabtn a.cta-button:hover:after {
     width: 100%;
     left: 0;
     right: auto;
}
 a.cta-button:hover span.button-icon {
     border-color: rgba(255,255,255,0.1);
}
 .left-coa h3.heading {
     color: #000000;
}
 .left-coa p {
     color: #000000;
     font-size: 14px;
     margin-bottom: 0px;
}
 .deals-feat {
     position: relative;
     margin: 0 auto;
     border: 2px solid #000000;
     border-radius: 5px;
     background-color: #fff;
     padding: 15px;
}
 ul.deal-list li {
     position: relative;
     display: block;
     list-style-type: none;
     color: #000000;
     font-size: 14px;
}
 ul.deal-list {
     padding-left: 0px;
}
 .deal-content {
     padding-top: 21px;
}
 ul.deal-list li i {
     font-size: 24px;
     margin-right: 8px;
     color: #000000;
     vertical-align: middle;
}
 .deals-header h4 {
     color: #000000;
     font-weight: 700;
     letter-spacing: 0em;
     line-height: 1.23;
}
 ul.deal-list li+li {
     margin-top: 5px;
}
 .deal-footer {
     padding-top: 15px;
}
 .deal-footer a.deal-button {
     min-width: 150px;
     max-width: 100%;
     padding: 0 24px;
     height: 50px;
     line-height: 50px;
     border-width: 0;
     border-color: transparent;
     border-radius: 50px;
     font-size: 15px;
     background-color: #e5bd4a;
     color: #000000;
     font-weight: 500;
     overflow: hidden;
     -webkit-transition: all .3s,border-width 0s;
     transition: all .3s,border-width 0s;
     z-index: 1;
     display: inline-block;
     text-align: center;
}
 .deal-footer a.deal-button:hover {
     background: #000000;
     color: #e5bd4a;
}
 .deals-header h4:after {
     content: "";
     background: #e5bd4a;
     height: 3px;
     display: block;
     width: 50px;
     margin-top: 10px;
}
 .line {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 5px;
     background: #000000;
     z-index: 1;
     -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
     transition: all .3s cubic-bezier(.645,.045,.355,1);
}
 .line:after {
     content: "";
     width: 0;
     background-color: #e5bd4a;
     height: 100%;
     top: 0;
     position: absolute;
     left: auto;
     right: 0;
     z-index: -1;
     -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
     transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
 .deals-feat:hover .line:after {
     width: 100%;
     left: 0;
     right: auto;
    /* background-color: #21C674;
     */
}
 .hub-feat-img img {
     width: 100%;
     border-radius: 5px;
}
 .hub-item-title {
     margin-top: 25px;
     border-bottom: 1px solid #eeeeee;
     padding-bottom: 15px;
}
 .hub-contact_box {
     margin-bottom: 35px;
}
 .hub-item-title h2 {
     color: #000000;
     font-size: 24px;
}
 .hub-item-title p {
     font-size: 14px;
     color: #000000;
}
 .hub-item-contact {
     margin-top: 25px;
}
 .hub-contact_box h4 {
     color: #000000;
     font-size: 24px;
}
 .hub-contact_box p {
     color: #000000;
     font-size: 14px;
}
 .hub-item-inner {
     display: flex;
     align-items: center;
}
 .content-image img {
     width: 45px;
}
 .content-image {
     margin-right: 15px;
}
 .content-cont h4.heading {
     margin-bottom: 2px;
     font-size: 20px;
     color: #000000;
}
 .hub-item-inner {
     margin-bottom: 40px;
}
 .content-cont .text {
     color: #e5bd4a;
     font-size: 14px;
}
 .content-cont .text p {
     margin-bottom: 0px;
}
 .hub-contact_box-btn a {
     background: #e5bd4a;
     text-align: center;
     padding: 10px;
     border-radius: 4px;
     font-size: 16px;
}
 .hub-contact_box-btn a {
     color: #000000;
     width: 100%;
     display: block;
}
 .hub-contact_box-btn:hover a {
     background: #000000;
     color: #e5bd4a;
}
 @media screen and (max-width: 767px) {
     section#hub-infos {
         padding-top: 15px;
    }
     .sidehub {
         margin-top: 35px;
    }
     .left-coa h3.heading {
         font-size: 25px;
         line-height: 32px;
    }
     .right_ctabtn {
         text-align: left;
         margin-top: 20px;
         justify-content: inherit;
    }
     .cont-block2 {
         padding: 15px;
    }
     .col-rev {
         flex-direction: column-reverse;
    }
     ul.mymenu-item {
         padding: 0;
    }
     ul.mymenu-item li a {
         padding: 15px !important;
    }
     .mymenu .mymenu-item li a::before {
         display: none;
    }
     #hero {
         background-position: 55%;
    }
     section#about {
         padding-top: 12px;
         padding-bottom: 12px;
    }
     .txt-adj-rt {
         margin-top: 15px;
    }
     .vs_info {
         margin-top: 0px !important;
    }
     .where_box .whr-info {
         padding-bottom: 10px;
    }
     .schedule .block-title h2 {
         font-size: 24px;
         margin-bottom: 35px;
    }
     .event-results {
         margin-bottom: 0px;
    }
     .sch-info {
         margin-bottom: 30px;
    }
     .big-post .masonry-image-wrap img {
         height: 250px;
         object-fit: cover;
    }
     .small-post .masonry-image-wrap img {
         height: 250px;
         object-fit: cover;
    }
     .masonry-post-data__title h4 {
         line-height: 26px;
         margin-bottom: 10px;
    }
     #galleryExample .carousel-item img {
         height: 250px;
    }
     section#gallery {
         padding-top: 0px;
         padding-bottom: 10px;
    }
     .block-title-blg {
         display: block;
    }
     .block-title-desc {
         width: auto;
         margin-top: 20px;
    }
     .media-blg {
         margin-bottom: 25px;
    }
     section#blogs {
         padding-bottom: 0px;
    }
     #sociallink {
         padding: 30px 0px;
         background: #e5bd4a;
    }
     .social_box .social-info {
         margin-bottom: 15px;
    }
    #footer .copyright {
    text-align: center;
    }
    #footer .footer-top .footer-links ul {
        display: none;
    }
    .abt-box-otr {
    display: block !important;
    margin-bottom: 55px;
    }
    .abt-info-data {
    padding-left: 0px !important;
    margin-top: 25px !important;
    }
    .block1_abt {
    height: auto !important;
    padding: 40px 20px 40px 20px !important;
    float: none !important;
    width: inherit !important;
    }
   .block2_abt {
    float: none !important;
    width: 100% !important;
    }
    .block3_abt {
    float: none !important;
    width: 100% !important;
    padding: 50px 35px 50px !important;
    height: auto !important;
}
    .genr_info {
    margin-left: 15px;
    padding-right: 35px;
}
.genr_info_l h4 {
    font-size: 32px;
}
.genr--set {
    margin-bottom: 35px;
}
section#abt-row-section {
    padding-bottom: 25px;
}
.para-hub h2 {
    font-size: 32px !important;
}
section#bg-hub-para {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.infonews {
    padding-right: 0px !important;
}
.sidebox {
    padding-bottom: 0px !important;
}
section#news-block {
    padding-bottom: 25px;
}
.hub--bg {
    height: auto;
}
.hub_content h2 {
    font-size: 42px !important;
}
.grid-lists li.filterDiv {
    width: 100%;
}
ul#myUL {
    padding-right: 10px;
    padding-left: 10px;
}
.grid-lists li.filterDiv {
    width: 100%;
}
section#listing--blocks {
    padding-top: 25px;
    padding-bottom: 25px;
}
section#hub-infos {
    padding-top: 135px !important;
        padding-bottom: 15px;
}
section#media-info {
    padding-top: 15px;
    padding-bottom: 0px;
}
section#team-desc {
    padding-bottom: 0px;
    padding-top: 15px;
}
.team-logos {
    display: block;
    margin-bottom: 10px;
}
.hs-team-det img {
    width: 100%;
}
.team-logos h2 {
    margin-left: 0px;
    margin-top: 15px;
}
.feat_match {
    padding-top: 35px;
    padding-bottom: 35px;
}
.bigtitle-left {
    display: block;
}
.bigtitle-right {
    display: block;
    margin-left: 0px;
}
span.teamlogo {
    float: none !important;
}
span.teamname {
    font-size: 18px;
}
span.teamlogo img {
    max-height: 60px;
}
.fixres .text-center h3 {
    font-size: 34px;
}
.matchlist .bigtitle {
    float: none;
    width: inherit;
    justify-content: center;
}
.ha-rule {
    margin: 10px auto;
}
.matchlist {
    display: block !important;
    padding-bottom: 70px;
}
.ha-rule h4 {
    margin-bottom: 20px;
}
a.event-link {
    margin-left: 0px;
}
.adjup .img {
    width: 100%;
    height: 350px;
}
.adjup .login-wrap {
    width: 100%;
}
#loginregpopup .modal-header button.btn-close {
    filter: brightness(0.5) invert(1);
    opacity: 1;
}
section#signup-form {
    padding-top: 0px;
}
.signup-set h2.text-uppercase {
    text-align: left !important;
}
.signup-form .signup-set .card-body {
    padding: 25px !important;
}
}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
     #hero .container {
         padding-top: 0px;
    }
     .slider-cont p {
         max-width: 400px;
    }
     section#about {
         padding-top: 40px;
         padding-bottom: 40px;
    }
     .txt-adj-rt {
         margin-top: 20px;
    }
     .second_img img {
         height: 450px;
         width: 100%;
    }
     .team_match {
         margin-top: 0px !important;
    }
     .row-rev .teams-titles {
         display: flex;
         align-items: center;
         flex-direction: row-reverse;
    }
     .next-match img {
         margin-top: 0px;
    }
    .sch-info {
    display: block !important;
        margin-bottom: 35px;
}
section#schedule {
    background-position: center;
    background-size: cover;
}
.big-post {
    float: none;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.small-post {
    float: none;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}
.small-post .masonry-image-wrap img {
    height: inherit;
    object-fit: cover;
    width: 100%;
}
.adjup .img {
    width: 100%;
    height: 300px;
}
.adjup .login-wrap {
    width: 100%;
}
.adjup {
    display: block !important;
}
#loginregpopup .modal-header button.btn-close {
    opacity: 1;
    filter: brightness(0.5) invert(1);
}
.signup-form .col-md-6.signup-logo {
    width: 100%;
}
.col-md-6.signupforms {
    width: 100%;
}
section#signup-form {
    padding-top: 30px;
}
#footer .footer-top .footer-links {
    display: none;
}
#footer .copyright {
    text-align: center;
}
.credits {
    width: 100%;
}
.abt-box-otr {
    display: block !important; 
}
.abt-info-img {
    width: 100%;
}
.abt-info-data {
    width: 100%;
    padding-left: 0px !important;
    padding-bottom: 15px;
}
.block1_abt {
    height: auto !important;
    padding: 40px !important;
    float: none !important;
    width: inherit !important;
    }
   .block2_abt {
    display: none !important;
    }
    .block3_abt {
    float: none !important;
    width: 100% !important;
    padding: 50px 35px 50px !important;
    height: auto !important;
}
section#abt-block2 {
    margin-top: 40px;
}
section#news-block .container {
    display: block !important;
}
.sidenews {
    min-width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
}
.sidenews .recent-news.headings {
    margin-bottom: 55px !important;
}
.sidebox {
    padding: 0px;
}
.infonews {
    padding-right: 0px !important;
}
section#newsdetail .container {
    display: block !important;
}
.featured-news {
    padding-right: 0px !important;
}
.other--img.mb-4 {
    margin-top: 35px;
}
.sidebox {
    padding: 0px !important;
    margin-top: 35px;
}
.lightbox {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}
.grid-lists li.filterDiv {
    width: 30.33%;
    margin: 0 10px;
}
}



 ul.mymenu-item li.dropdown ul li a::before {
     display: none;
}
 .user-dropdown-items .dropdown-menu {
     position: absolute;
}
 .user-dropdown-items li.nav-item.dropdown.open .dropdown-menu {
     display: block;
}
 .user-dropdown-items .dropdown-menu a.dropdown-item {
     position: relative;
     -webkit-transition: -webkit-transform 0.5s;
     transition: transform 0.5s;
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1);
     -webkit-transition-timing-function: cubic-bezier(1,0.01,0,1.22);
     transition-timing-function: cubic-bezier(1,0.01,0,1.22);
     padding: 5px 15px;
     font-size: 14px;
     text-transform: none;
     color: #151515;
     font-weight: 400;
}
 .user-dropdown-items .dropdown-menu a.dropdown-item:hover {
     background: #e5bd4a;
}
 section#abt-info {
     padding-bottom: 0px;
}
 .abt-info-data h4 {
     color: #000000;
     font-size: 38px;
     letter-spacing: -1px;
     margin-top: 10px;
     margin-bottom: 20px;
}
 .abt-info-data span.abtt-clr {
     color: #e5bd4a;
}
 .abt-info-data h6 {
     line-height: 24px;
     color: #000000;
     font-size: 18px;
     margin-bottom: 15px;
}
 .abt-info-data h4:after {
     content: "";
     height: 3px;
     width: 50px;
     background: black;
     display: block;
     margin: 10px 0px;
     margin-bottom: 15px;
}
 span.smll-txt {
     color: #000000;
}
 .abt-info-data p {
     color: #000000;
     font-size: 14px;
}
 .dual_btn {
     display: flex;
     margin-top: 35px;
}
 .dual_btn .dual_btn_1 {
     margin-right: 20px;
}
 .dual_btn_1 a {
     font-weight: 600;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .dual_btn_2 a {
     border: 2px solid #E5BD4A;
     color: #e5bd4a;
     font-size: 14px;
     font-weight: 600;
     padding: 10px 20px;
     border-radius: 50px;
}
 .dual_btn_1 a:hover {
     background: #000000;
     color: #e5bd4a;
     border: 2px solid #000000;
}
 .dual_btn_2 a:hover {
     background: #000000;
     color: #e5bd4a;
     border: 2px solid #000000;
}
 .abt-info-img img {
     height: 500px;
     object-fit: cover;
}
 .abt-box-otr {
     display: flex;
    /*align-items: center;
    */
}
 .abt-info-data {
     padding-left: 35px;
     margin-top: 55px;
}
 section#abt-block2 {
     padding: 0px;
}
 .block1_abt {
     padding: 70px 50px 50px 120px;
     height: 524px;
     background: #e5bd4a;
     float: left;
     width: 50%;
}
 .block2_abt {
     float: left;
     width: 25%;
     background-image: url(../img/player-abt1.jpg);
     height: 524px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
 .block3_abt {
     float: left;
     background: #0a0a0a;
     width: 25%;
     height: 524px;
     padding: 100px 55px 60px;
     text-align: center;
}
 .block3_img {
     padding-bottom: 30px;
}
 .block3_img img {
     width: 70px;
}
 .block3_title {
     color: #ffffff;
}
 .block3_title h4 {
     padding-bottom: 30px;
     margin-bottom: 0px;
     font-size: 24px;
     font-weight: 600;
}
 .block3_title p {
     font-size: 14px;
     padding-bottom: 30px;
     margin-bottom: 0px;
}
 .block1_abt span {
     color: #000000;
}
 .block1_abt h2 {
     font-size: 40px;
     line-height: 43px;
     font-weight: 800;
     color: #000000;
     margin-top: 10px;
     margin-bottom: 20px;
}
 .block1_abt p {
     color: #000000;
     font-size: 14px;
}
 section#bg-hub-para {
     background-image: url(../img/para-bg.jpg);
     background-position: center;
     background-size: cover;
     padding-top: 150px;
     padding-bottom: 150px;
     background-attachment: fixed;
}
 .para-hub {
     text-align: center;
     color: #ffffff;
}
 .para-hub h2 {
     font-size: 52px;
     max-width: 800px;
     margin: 0 auto;
}
 .para-hub span.text-clr-ch {
     color: #e5bd4a;
}
 .para-hub_btn {
     margin-top: 35px;
}
 .para-hub_btn a {
     font-weight: 600;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
/* Password Reset */
 .pwd-set {
     margin-bottom: 20px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 4px;
     -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
     box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
 .pwd-set .panel-body {
     padding: 15px;
}
 .input-group-addon:first-child {
     border-right: 0;
}
 .pwd-set .input-group-addon {
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 2;
     color: #555;
     text-align: center;
     background-color: #eee;
     border: 1px solid #ccc;
     border-radius: 4px;
     display: table-cell;
}
 .pwd-set input#email {
     display: block;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
 .btn-reset {
     margin-bottom: 0px !important;
}
 .btn-reset input.btn {
     width: 100%;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .pwd-set .form-group {
     margin-bottom: 15px;
}
 .btn-reset input.btn:hover {
     background: #000000;
     color: #e5bd4a;
     border: 2px solid #000000;
}
 .pwd-set h3 {
     color: #e5bd4a;
}
 .pwd-set h2.text-center {
     color: #000000;
}
 .pwd-set p {
     color: #000000;
}
/* Signup form */
 .signup-set label {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
     margin-bottom: 0.5rem;
     font-weight: 700;
}
 .signup-set .form-control {
     height: 48px;
     background: #fff;
     color: #000;
     font-size: 14px;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .signup-set h2.text-uppercase {
     color: #000000;
}
 .term-os {
     margin-bottom: 0px !important;
     line-height: 24px;
}
 .term-os a.text-body {
     color: #000000 !important;
}
 .signup--btn button.btn {
     width: 100%;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .signup--btn button.btn:hover {
     background: #000000;
     color: #e5bd4a !important;
     border: 2px solid #000000;
}
 .signup-logo img {
     height: 100%;
     object-fit: cover;
}
 .signup-set .card-body {
     padding: 35px !important;
}
 .signup--btn {
     margin-top: 25px;
}
/*Team Dashboard*/
 .box-item-team {
     text-align: center;
     padding: 50px;
     background: #e5bd4a;
     border-radius: 7px;
}
 div#teamdash-boxs {
     margin-top: 50px;
}
 .box-item-team h4 {
     color: #000000;
     margin-bottom: 0px;
     font-size: 24px;
}
 .box-item-team img {
     padding-bottom: 15px;
}
/*Contact Us*/
 .conts--set .address {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     border: 1px solid #fff4d3;
     padding: 35px;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     background: #fff4d3;
     box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
     border-radius: 4px;
}
 .conts--set .address .icon {
     color: #e5bd4a;
     background: #000000;
     width: 50px;
     height: 50px;
     line-height: 50px;
     display: block;
     text-align: center;
     font-size: 24px;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     border-radius: 50px;
}
 .conts--set .address .content {
     margin-left: 20px;
}
 .conts--set .content h3.heading {
     font-size: 22px;
     font-weight: 600;
     padding-bottom: 20px;
     margin-bottom: 20px;
     position: relative;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
     color: #000000;
}
 .conts--set .address .content .heading::before {
     content: "";
     position: absolute;
     width: 55px;
     height: 3px;
     background-color: #000000;
     bottom: 0;
     -webkit-transition: all 0.4s;
     transition: all 0.4s;
}
 .conts--set .address .content p.desc {
     color: #000000;
     margin-bottom: 0px;
}
 .conts--set .address:hover {
     background: #e5bd4a;
     border: 1px solid #e5bd4a;
}
 .conts--set .address:hover .icon {
     background: #000000;
}
 .conts--set .address:hover .content .heading {
     color: #000000;
}
 .conts--set .address:hover .content .heading::before {
     background: #000000;
}
 .conts--set .address:hover .content .desc {
     color: #000000;
}
 .conts--set .address .content p.desc a {
     color: #000000;
}
 .conts--set .address:hover p.desc a {
     color: #000000;
}
 .cont-block2 {
     background-color: #fff4d3;
}
 .title-comp h4 {
     font-size: 4.5rem;
     line-height: 1.033;
     letter-spacing: -3px;
     color: #000000;
}
 .title-comp:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     width: 0.625rem;
     left: 0;
     height: 100%;
     margin: 0 0 0.4em;
     background-color: #000000;
}
 .title-comp {
     position: relative;
     padding-left: 1.5rem;
}
 .map-block {
     line-height: 0;
}
 .alt-rgt-cont {
     background-color: #191919;
     display: flex;
     align-items: center;
     padding-left: 65px !important;
}
 .contact-wrap {
     background: #ffffff;
}
 .info-contwrap .dbox .icon {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: 2px solid rgba(255, 255, 255, 0.2);
}
 .info-contwrap .dbox .text {
     width: calc(100% - 50px);
     padding-left: 1rem !important;
}
 .info-contwrap .dbox {
     width: 100%;
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 25px;
}
 .info-contwrap .dbox .text p {
     margin-bottom: 0px;
}
 .contactform textarea#message {
     height: 98px;
}
 .info-contwrap p, .info-contwrap h3 {
     color: #ffffff;
}
 .contactform .form-control {
     height: 48px;
     background: #fff;
     color: #000;
     font-size: 14px;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .contactform label {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
     margin-bottom: 0.5rem;
     font-weight: 700;
}
 .contactform .form-group {
     margin-bottom: 1rem;
}
 .submitting input.btn {
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     font-weight: 500;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .submitting input.btn:hover {
     background: #000000;
     color: #e5bd4a;
     border: 2px solid #000000;
}
 .contact-wrap h3 {
     color: #000000;
}
 .contact-wrap h3:after {
     content: "";
     height: 3px;
     width: 50px;
     background: #e5bd4a;
     display: block;
     margin: 10px 0px;
     margin-bottom: 15px;
}
 section#address-box {
     padding: 0px;
}
 section#address-box .address {
     line-height: 0;
}
 #courseBodyContents td .img-thumbnail {
     height: 50px;
     object-fit: contain;
}
 tbody#courseBodyContents td img.img-responsive {
     height: 50px;
     object-fit: contain;
}
 .det-pro {
     padding-top: 35px;
}
 .upload-lt .card-header {
     background: #000000;
     color: #ffffff;
     padding: 12px 1rem;
}
 .img-account-profile {
     height: 7rem;
    border: 1px solid #e5bd4a;
    overflow: hidden;
    width: 7rem;
    object-fit: cover;
    object-position: top;
}
a#userprofile img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    object-position: top;
}
 .upl-desc .card-header {
     background: #000000;
     color: #ffffff;
     padding: 12px 1rem;
}
 .upl-desc label {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #000;
     margin-bottom: 0.5rem;
     font-weight: 700;
}
 .upl-desc input {
     height: 48px;
     background: #fff;
     color: #000;
     font-size: 14px;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid rgba(0, 0, 0, 0.1);
}
 .upl-desc button.btn {
     font-weight: 600;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .upl-desc button.btn:hover {
     border: 2px solid #000000;
     color: #e5bd4a;
     background: #000000;
}
 .upl-desc input:focus {
     box-shadow: none;
     border: 1px solid #e5bd4a;
}
 .upload-lt .card-body {
     padding: 30px 1rem;
}
 .file-upl {
     position: relative;
     font-weight: 600;
     background: #e5bd4a;
     color: #000000;
     font-size: 14px;
     padding: 10px 20px;
     border: 2px solid #e5bd4a;
     border-radius: 50px;
}
 .file-upl input#addFile {
     position: absolute;
     font-size: 50px;
     opacity: 0;
     right: 0;
     top: 0;
}
 .file-upl:hover {
     border: 2px solid #000000;
     color: #e5bd4a;
     background: #000000;
}
 .file-upl:active {
     background: #e5bd4a !important;
     border: 2px solid #e5bd4a !important;
     color: #000000 !important;
}
 .enq-block {
     padding: 15px !important;
}
 .deals-feat {
     background: #f7f7f7;
}
 .enq-block h3.mb-4 {
     font-weight: 700;
     letter-spacing: 0em;
     line-height: 1.23;
     font-size: 1.5rem;
}
 .deals-feat.enq-block .form-control {
     height: 38px;
}
 .deals-feat.enq-block textarea#message {
     resize: none;
}
 .deals-feat.enq-block .form-control:focus {
     border: 1px solid #e5bd4a;
}

.infonews .media-box {
    background: #000000;
}
.media-img img {
    width: 100%;
}
.sidebox {
    padding: 15px;
	padding-top: 0px;
}
.headings h4 {
    color: #000000;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.23;
    font-size: 22px;
    text-transform: uppercase;
}
.headings h4:after {
	content: "";
    background: #e5bd4a;
    height: 3px;
    display: block;
    width: 50px;
    margin-top: 5px;
}
.tagcloud a {
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
    margin-right: 4px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #ccc;
    font-size: 11px;
}
.sidenews {
    min-width: 270px;
    max-width: 270px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 0;
    border-left: 1px solid rgba(0,0,0,.05);
    padding-left: 10px;
}
.infonews {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-right: 25px;
}
.infonews .media-blg {
    box-shadow: none;
    border: none;
}
.tagcloud {
    margin-top: 20px;
}
.tagcloud a:hover {
    background: #e5bd4a;
    border: 1px solid #e5bd4a;
}
ul.category_lists {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 20px;
}
ul.category_lists li:last-child {
    border-bottom: none;
}
ul.category_lists li a {
    color: #000000;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
ul.category_lists li {
    color: #000000;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
ul.category_lists li i.bx {
    font-size: 14px;
    color: #e5bd4a;
}

.featured-news {
    padding-right: 25px;
}
.featured-news-img img {
    border-radius: 7px;
}
.featured-news-cont h4 {
    color: #000000;
    letter-spacing: 0px;
}
.featured-news-cont p {
    color: #000000;
    font-size: 14px;
}
.show-featured {
    margin-top: 10px;
}
.show-featured .news-img {
    width: 100px;
    float: left;
    border: 1px solid rgba(0,0,0,.05);
    margin-right: 10px;
    border-radius: 0.375rem;
}
.sidenews .recent-news {
    margin-bottom: 35px !important;
}
.show-featured .news-item {
    overflow: hidden;
}
.show-featured .news-desc {
    padding-left: 5px;
}
.show-featured span.date-post {
    display: block;
    font-size: 12px;
    color: #777777;
    font-weight: 400;
	margin-bottom: 3px;
}
.show-featured .news-title h6 {
    line-height: 20px;
    color: #000000;
    transition: 1.3s;
    font-weight: 600;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*.show-featured .news-img img {
    height: 55px;
    object-fit: cover;
}*/

.med-dld .container {
    padding: 15px;
}
.med-dld h5 {
    margin-bottom: 5px;
}
.med-dld p {
    margin-bottom: 0px;
}
.med-dld .card-footer {
    text-align: center;
    background: #E5BD4A;
    padding: 13px;
}
.med-dld .card-footer a {
    font-weight: 600;
	color: #000000;
}
.med-dld .card-footer i.bx {
    font-size: 22px;
    vertical-align: middle;
    margin-top: -4px;
}

/*Image Popup*/

.img-full-screen, 
.img-placeholder {
  cursor:pointer;
}
.img-placeholder {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffbb;
  z-index: 999;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  color: white;
  cursor: pointer;
  background:red;
}

.img-placeholder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.med-dld .card:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(12 12 12 / 75%);
    content: '';
    transition: 0.4s;
}
.med-dld .card:hover:after {
    opacity: 1;
        border-radius: 5px;
}
.show-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    opacity: 0;
}
.med-dld .card:hover .show-icons {
    opacity: 1;
    z-index: 99;
}
.show-icons span {
    margin-right: 15px;
}
.show-icons i {
    color: #ffffff;
    font-size: 24px;
}
.med-dld .card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    background: #e5bd4a;
    border-radius: 5px;
}
.lb-nav {
    display: none !important;
}
.lb-details {
    display: none !important;
}

.flow-media .media-img img {
    width: 100%;
    height: 235px;
    object-fit: cover;
}
section#hub-infos {
    padding-top: 170px;
}
.infonews .media-blg .media-img img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,.05);
}
.featured-news-cont {
    color: #000000;
    font-size: 14px;
}
ul.category_lists li a:hover {
    margin-left: 8px;
}
.teamsmain .team_single_block .team--item img {
    height: 220px;
    object-fit: cover;
}
.other--img {
    margin-top: 15px;
}
.team_match .row.matchbox {
    margin-top: 0px;
}

/*30-apr*/

.result-pre {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-right: 25px;
}
.summary-res {
    background-color: #000000;
    text-align: center;
    padding-top: 75px;
    padding-bottom: 0px;
	padding-left: 0px;
    padding-right: 0px;
}
.summary-res span.vs {
    width: 48px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin: 0 30px;
    color: #000000;
}
.summary-res .result-tab {
    justify-content: space-evenly;
}
.summary-res .result-tab span.teamlogo img {
    width: 56px;
}
.summary-res .teamr-left span.teamname {
    font-size: 28px;
    margin-right: 15px;
	color: #ffffff;
}
.summary-res .widget-list-ftr span.event-venue a {
    color: #ffffff;
}
.summary-res .widget-list-ftr span.event-date {
    color: #ffffff;
}
.summary-res .teamr-right span.teamname {
    color: #ffffff;
    font-size: 28px;
	margin-left: 15px;
}
.summary-res .widget-list-ftr {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.summary-res span.mt-result a {
    display: flex;
	align-items: center;
    font-size: 28px;
}
.summary-res .featuredinfo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    background: #e5bd4a;
    padding-top: 25px;
    padding-bottom: 25px;
}
.summary-res span.mt-result {
    color: #e5bd4a;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 28px;
}
.summary-content {
    padding: 0px;
    margin-top: 15px;
}
.summary-content .sc-title {
    position: relative;
    margin: 0 0 16px 0;
    padding: 0 0 10px 15px;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    line-height: 1.3;
    border-bottom: 1px solid #e2e6e8;
    color: #000000;
}
.summary-expert {
    padding: 0px;
    color: #000000;
    font-size: 14px;
}
.summary-content h3.sc-title::before {
    position: absolute;
    content: "";
    left: 0;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #e5bd4a;
}
.summary-res .featuredinfo .icon {
    color: #000000;
}
.summary-res .featuredinfo .icon i {
    color: #000000;
}