@font-face {
	font-family: 'LigaPortugal';
	src:  url('fonts/LigaPortugal-Regular.otf') format("opentype");
}

@font-face {
	font-family: 'LigaPortugalBold';
	src:  url('fonts/LigaPortugal-Bold.otf') format("opentype");
}

:root {
	--win: #29D198;
	--lose: #EBB246;
	--draw: #F03B57;
}

body {
	background: linear-gradient(90deg, rgba(9,9,13,1) 0%, rgba(30,30,41,1) 50%, rgba(9,9,13,1) 100%);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'LigaPortugal', sans-serif;
}

.green {
	color: var(--cnvs-themecolor);
}

#wrapper {
	background: transparent;
}

.is-expanded-menu #header-wrap{
	position:fixed!important;
	top:30px!important;
	transition:all .3s ease
}
.is-expanded-menu .sticky-header #header-wrap{
	top:0px!important
}

.is-expanded-menu .sticky-header #header-wrap #logo img {
	transition: .2s ease;
	transform: scale(1.2) translateY(9px);
}

.search {
	border: 1px solid #ffffff1c;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s ease;
}

.search:hover {
	background-color: var(--cnvs-themecolor);
	color: #18181d !important;
}

.slider-element h2, .news h4{
	font-family: 'LigaPortugal', sans-serif;
	color: #fff;
}

.slider-element p {
	font-size: 18px;
	color: #fff;
	opacity: .7;
}

.slider-element .tag, .news .tag, .tag{
	font-family: 'LigaPortugal', sans-serif;
	width: fit-content;
	padding: 2px 10px 4px;
	border-radius: 8px;
	background: var(--cnvs-themecolor);
}

.tag.dark {
	color: #18181d;
}

.main-btn {
	font-family: 'LigaPortugal', sans-serif;
	font-size: 22px;
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--cnvs-themecolor);
}

.main-btn span {
	color: var(--cnvs-themecolor);
	margin-bottom: 2px;
}

.main-btn:hover span{
	color: var(--cnvs-themecolor);
	opacity: .6;
}

.news .main-btn, #teams .main-btn, .back-btn {
	font-family: 'LigaPortugal', sans-serif;
	font-size: 18px;
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--cnvs-themecolor);
}

.news .main-btn i, #teams .main-btn i, .back-btn i{
	font-size: 22px;
	margin-right: 8px;
	transition: .3s ease;
}

.main-btn i{
	font-size: 28px;
	margin-right: 8px;
	transition: .3s ease;
}

.main-btn:hover i {
	transform: translateX(5px);
	color: var(--cnvs-themecolor);
}

.section-clients {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 0;
    background: linear-gradient(90deg, rgba(9,9,13,1) 0%, rgba(30,30,41,1) 50%, rgba(9,9,13,1) 100%);
    border-bottom: 1px solid rgba(0,0,0,.1);
    z-index: 2;
}

#content {
	background: linear-gradient(90deg, rgba(9,9,13,1) 0%, rgba(30,30,41,1) 50%, rgba(9,9,13,1) 100%);
}

.nav-pills .nav-link.active {
	background: transparent;
	border-bottom: 4px solid var(--cnvs-themecolor);
	border-radius: 0px;
	transform: translateY(2px);
	font-size: 20px;
	color: var(--cnvs-themecolor);
}

.nav-pills .nav-link {
	font-size: 20px;
	color: #fff;
	border-radius: 0px;
}

.nav-link:hover {
	color: var(--cnvs-themecolor);
}

.border-bottom-div {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: flex-end;
}

.border-top-op-01 {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-link {
	color: #fff;
	font-family: 'LigaPortugal', sans-serif;
	text-transform: uppercase;
}

.border-bottom-div h2, h2.title {
	color: #fff;
	font-family: 'LigaPortugal', sans-serif;
	text-transform: uppercase;
	font-size: 32px;
}

.card-game {
	background-color: #18181D;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}

.top-label {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-label img {
	max-height: 24px;
	height: 24px;
    width: auto !important;
}

.top-label span {
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    opacity: .6;
}

.card-game .team-div, .team-div {
	background-color: #1F2D3E;
	width: 70px;
	min-width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

#oc-teams .team-div {
	width: 83px;
	height: 83px;
}

.card-game .team, .team {
	max-height: 54px;
	width: auto !important;
}

.card-game .team-name {
	color: #fff;
	font-family: 'LigaPortugal', sans-serif;
	font-size: 20px;
	line-height: 20px;
}

.card-game .date {
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    opacity: .6;
    margin-bottom: -5px;
    line-height: 16px;
}

.card-game .hour {
	font-family: 'LigaPortugal', sans-serif;
    color: #fff;
    font-size: 26px;
}

.news {
	border-radius: 10px;
	height: 350px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 20px;
    position: relative;
}


.news .bg-overlay-bg, .card-game .bg-overlay-bg {
	opacity: 0;
	transition: .2s ease;
}

.news:hover .bg-overlay-bg, .card-game:hover .bg-overlay-bg {
	border-radius: 10px;
	z-index: 1;
	opacity: 1;
}

.competitions img {
	transition: .15s ease-in;
}

.competitions:hover img {
	transform: scale(1.02);
}

.submit-button {
	background-color: var(--cnvs-themecolor) !important;
}

.submit-button i {
	color: #1F2D3E;
	font-size: 20px;
}

#form-message {
	display: none;
}

#footer .logo-horizontal {
	max-height: 35px;
}

#footer.dark {
	background-color: #18181D;
}

.newsletter-section {
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(24,24,29,1) 50%, rgba(24,24,29,1) 100%);
}

.form-check {
	font-size: 14px;
	line-height: 14px;
}

.lh-normal {
	line-height: normal !important;
}

.card.dark {
	border: 1px solid rgba(255, 255, 255, .04);
	background: #18181D;
}

.table .team-logo{
	height: 25px;
}

.table td {
	vertical-align: middle;
	border: 0;
}

blockquote {
	border-left: 3px solid var(--cnvs-themecolor);
	font-size: 20px;
	padding: 0px 10px;
	color: var(--cnvs-themecolor);
}

.roundedpills .nav-link {
	padding: 2px 12px 4px;
	border-radius: 6px !important;
	background-color: #18181D;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 18px;
}

.roundedpills .nav-pills .nav-link.active {
	border-bottom: 0;
	background-color: var(--cnvs-themecolor) !important;
	color: #000 !important;
	padding: 2px 12px 4px;
	border-radius: 6px;
}

.roundedpills .nav-link.active {
	color: #18181D !important;
	background-color: var(--cnvs-themecolor) !important;
}

tr.active td, tr:hover td{
	background: #1F2D3E;
	transition: .2s ease;
}

tr.active td:first-child, tr td:first-child{
	border-radius: 10px 0 0 10px;
}

tr.active td:last-child, tr td:last-child{
	border-radius: 0 10px 10px 0;
}

table {
	--bs-table-bg: transparent !important;
	font-size: 14px;
}

.table > :not(caption) > * > * {
	border-color: rgba(255, 255, 255, 0.06);
}

.table-news #teams .main-btn, .details-team .main-btn{
	font-size: 14px !important;
}

.win, .lose, .draw {
	align-items: center;
    border-radius: 50px;
    display: flex;
    height: 20px;
    justify-content: center;
    justify-self: center;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 20px;
    font-size: 12px;
    margin: 0 2px;
}

.win {
	background-color: #29D198;
}

.lose {
	background-color: #F03B57;
}

.draw {
	background-color: #EBB246;
}

.details-team .infos{
	font-size: 14px;
}

.chart {
  width: 72px;
  height: 72px;
  margin: 1em auto;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chart::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #18181D;
  border-radius: inherit;
}

.chart p {
	position: relative;
	z-index: 1;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	font-family: 'LigaPortugal', sans-serif;
}

.player {
	background-color: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, .1);
	width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: start;
    border-radius: 10px;
    overflow: hidden;
}

.flag {
	display: flex;
	justify-content: center;
	transform: translateY(-10px);
	margin-bottom: -10px;
}

.flag img {
	height: 17px;
	border-radius: 3px;
}

.player-btn .main-btn, .player-btn h5  {
	transition: .1s ease-in;
}

.player-btn:hover .main-btn {
	transform: translateX(5px);
}

.player-btn:hover .main-btn i, .player-btn:hover h5 {
	color: var(--cnvs-themecolor);
}

.card .border-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.bootstrap-select {
	width: inherit !important;
	max-width: 170px;
}
.dropdown-toggle {
	background: #1C272C;
	border: 1px solid rgb(255 255 255 / 6%);
	border-radius: 5px;
	color: #fff;
}

.info-player span{
	font-size: 14px;
	opacity: 0.6;
}

.flag-left {
	max-height: 20px !important;
	width: inherit !important;
	border-radius: 5px;
}

.hour-game {
	padding: 5px 15px 8px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 10px;
	background: #0F181D;
}

.card-game.pending .team-div, .player-history .team-div, .details-competition .team-div {
	height: 55px;
	min-height: 55px;
	width: 55px;
	min-width: 55px;
}

.card-game.pending .team-div .team, .player-history .team-div .team,  .details-competition .team-div .team{
	max-height: 45px;
}

.player-history span {
	font-size: 14px;
}

.page-link {
	border-radius: 5px !important;
	margin: 0 2px !important;
	background: #1C272C;
	color: #fff;
}

.page-item.active a{
	color: #09090d !important;
}

.page-item:last-child {
	margin-left: 10px;
}

.page-item:first-child {
	margin-right: 10px;
}

.player-div img{
	max-height: 290px;
	width: auto !important;
}

.details-teams img {
	max-height: 135px;
}


.details-player {
	background: url('../images/teams/bg-player.png') !important; 
	background-size: cover !important;
	background-position: center right !important;
	background-color: #1F2D3E !important;
}

.details-teams {
	background: url('../images/teams/teambg.png') !important; 
	background-size: cover !important;
	background-position: center right !important;
	background-color: #18181D !important;
}


.player-div a.social-icon, .details-teams a.social-icon {
	border: 1px solid rgba(255, 255, 255, 0.2);
}

table.table-expanded {
    border-collapse: separate;
    border-spacing: 0 6px;
}

.classificacao-box {
    background: #0F181D;
    padding: 10px;
    border: 1px solid #1E2123;
    border-radius: 10px;
    white-space: nowrap;
}

.team-info-page .win, .team-info-page .lose, .team-info-page .draw {
	height: 25px;
    width: 25px;
    font-size: 14px;
}

.owl-carousel.full-width-view .owl-stage{
    padding-left:0!important
}
.owl-carousel.full-width-view .owl-stage-outer{
    overflow:visible
}

.team-page h2.title {
	font-size: 24px;
} 

.calendar-page .border-bottom-div, .border-bottom{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.circle-number {
	background: #003D78;
	border-radius: 100px;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'LigaPortugal', sans-serif;
	font-size: 22px;
	padding-bottom: 4px;
}

.circle-number.gray {
	background: rgba(255, 255, 255, 0.1);
}


.bracket {
     display: inline-block;
     white-space: nowrap;
     font-size: 0;
}
 .bracket .round {
     display: inline-block;
     vertical-align: middle;
}
 .bracket .round .winners > div {
     display: inline-block;
     vertical-align: middle;
}
 .bracket .round .winners > div.matchups .matchup:last-child {
     margin-bottom: 0 !important;
     border-radius: 10px;
	 background: #18181D;
}

 .bracket .round .winners > div.matchups .matchup .participants {
    border-radius: 0.25rem;
    overflow: hidden;
    margin-bottom: 0 !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #18181D;
}

 .bracket .round .winners > div.matchups .matchup .participants .participant {
     box-sizing: border-box;
     color: #fff;
     min-width: 16rem;
     font-family: 'LigaPortugal', sans-serif;
     padding: 5px;
}

.bracket .round .winners > div.matchups .matchup .participants .participant span {
     font-size: 20px;
     padding-left: 4px;
     letter-spacing: 0.5px;
}
 .bracket .round .winners > div.connector.filled .line, .bracket .round .winners > div.connector.filled.bottom .merger:after, .bracket .round .winners > div.connector.filled.top .merger:before {
     border-color: #60c645;
}
 .bracket .round .winners > div.connector .line, .bracket .round .winners > div.connector .merger {
     box-sizing: border-box;
     width: 2rem;
     display: inline-block;
     vertical-align: top;
}
 .bracket .round .winners > div.connector .line {
     border-bottom: thin solid #505050;
}
 .bracket .round .winners > div.connector .merger {
     position: relative;
     height: 8rem;
}
 .bracket .round .winners > div.connector .merger:before, .bracket .round .winners > div.connector .merger:after {
     content: "";
     display: block;
     box-sizing: border-box;
     width: 100%;
     height: 50%;
     border: 0 solid;
     border-color: rgba(255, 255, 255, 0.1);
}
 .bracket .round .winners > div.connector .merger:before {
     border-right-width: thin;
     border-top-width: thin;
}
 .bracket .round .winners > div.connector .merger:after {
     border-right-width: thin;
     border-bottom-width: thin;
}
 .bracket .round.quarterfinals .winners:not(:last-child) {
     margin-bottom: 2rem;
}
 .bracket .round.quarterfinals .winners .matchups .matchup:not(:last-child) {
     margin-bottom: 2rem;
}
 .bracket .round.semifinals .winners .matchups .matchup:not(:last-child) {
     margin-bottom: 10rem;
}
 .bracket .round.semifinals .winners .connector .merger {
     height: 16rem;
     vertical-align: middle;
}
 .bracket .round.semifinals .winners .connector .line {
     vertical-align: middle;
}
 .bracket .round.finals .winners .connector .merger {
     height: 3rem;
}
 .bracket .round.finals .winners .connector .line {
     height: 1.5rem;
}

.bracket .round .participants img {
	max-height: 25px;
}

.bracket .round.final-final .winners .connector .line {
	height: inherit;
}

.bracket {
	display: inherit;
	overflow-x: auto;
}


.bracket .round.reversed .winners > div.connector .merger:after, .bracket .round.reversed .winners > div.connector .merger:before {
	transform: scaleX(-1);
}

.participants.winner {
	border: 3px solid rgb(230 184 11 / 50%) !important;
    background: rgb(229 184 11 / 10%) !important;
}

.team-knockout {
	padding: 5px 10px 5px 5px;
	transition: .1s ease-in;
}

.participant:hover .team-knocout, .participant-knockout{
	background-color: #1F2D3E !important;
	border-radius: 5px;
}

.button-download {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: var(--cnvs-themecolor);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #161620;
    transition: .1s ease-in;
}

.button-download:hover {
    opacity: 0.6;
    color: #161620;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.green-button, .green-button:hover {
	background-color: var(--cnvs-themecolor);
	color: #18181D;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

.card-game .lista_rondas .listas {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: #0F181D;
    color: #fff;
    font-size: 16px;
    font-family: 'LigaPortugal', sans-serif;
}
.card-game:hover .lista_rondas .listas {
    opacity: 1 !important;
    transform: translate(0,40%);
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.card-game .player_list {
    color: #fff;
    font-size: 20px;
    font-family: 'LigaPortugal', sans-serif;
}
.card-game .player_list .names {
	width: 45%;
}
.card-game .player_list .result {
	width: 10%;
}
.card-game {
	cursor: pointer;
}

.listas {
	display: flex;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 255, 138, 0.2);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(0, 255, 138, 0);
  }
}

@media(max-width:991px){
	.css3-spinner img {
		max-height: 100px !important;
	} 
	#header-wrap {
		background: #18181D;
	}
	.border-bottom-div h2, h2.title {
		font-size: 26px;
	}

	.nav-link {
		padding: 2px 12px 4px;
    	border-radius: 6px !important;
    	background-color: #18181D;
    	border: 1px solid rgba(255, 255, 255, 0.1);
    	font-size: 18px;
	}

	.nav-pills .nav-link.active {
		border-bottom: 0;
		background-color: var(--cnvs-themecolor);
		color: #000;
		padding: 2px 12px 4px;
    	border-radius: 6px;
	}

	.border-bottom-div {
		border-bottom: 0;
	}

	.content-wrap, #footer .footer-widgets-wrap{
		padding: 40px 0;
	}

	#header-wrap #logo img {
	  transform: scale(1.0);
	}
	.slider-element h2, .news h4 {
		font-size: 1.5rem;
	}
	.main-btn span {
		margin-bottom: 0;
	}
	#copyrights {
		padding: 20px 0;
	}
	.details-teams img {
		max-height: 100px;
	}
	.tabs-mobile {
	    flex-wrap: nowrap !important;
		display: -webkit-box;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	td.name-team{
    	white-space: nowrap;
	    min-width: 110px;
	}
	.table-mobile {
	    overflow-x: auto;
	    overflow-y: hidden;
	    flex-wrap: nowrap;
	}
	td {
    	white-space: nowrap;
	}

	.tabs-mobile-grupo {
		position: sticky;
	    top: 0;
	    z-index: 1000;
	    background: linear-gradient(90deg, rgba(9,9,13,1) 0%, rgba(30,30,41,1) 50%, rgba(9,9,13,1) 100%);
	    margin-top: 0 !important;
	    padding-top: 1rem;
	}

	.card-game .team-name {
		font-size: 14px;
	    line-height: 14px;
	    margin-top: 5px;
	}
	.card-game .date {
		font-size: 14px;
	}
	.card-game .hour {
		font-size: 22px;
	}
	.listas {
		display: none !important;
	}

	.card-game .player_list .names {
		width: 40%;
	}
	.card-game .player_list .result {
		width: 20%;
	}
	#myTab .nav-item {
		margin-bottom: 10px;
	}

	.top-label span {
		font-size: 12px;
	}

}
@media(min-width:992px){
	.is-expanded-menu #header.transparent-header.floating-header .container{
		max-width:calc(960px - 24px)
	}
	.animated-border-link>*,.top-primary-menu .menu-container>.menu-item>.menu-link div{
		position:relative
	}
	.animated-border-link>*::after,.top-primary-menu .menu-container>.menu-item>.menu-link div::after{
		content:"";
		position:absolute;
		bottom: -29px;
		left: 0;
		height: 3px;
		width:100%;
		background:currentColor;
		transition:transform .3s;
		transform-origin:100% 50%;
		transform:scaleX(0)
	}
	.animated-border-link:hover>*::after,.top-primary-menu .menu-container>.menu-item:hover>.menu-link div::after,.top-primary-menu .menu-container>.menu-item.current>.menu-link div::after{
		transform:scaleX(1);
		transform-origin:0% 50%
	}
}
@media(min-width:1200px){
	.is-expanded-menu #header.transparent-header.floating-header .container{
		max-width:calc(1140px - 24px)
	}
}
@media(min-width:1400px){
	.is-expanded-menu #header.transparent-header.floating-header .container{
		max-width:calc(1320px - 24px)
	}
}