/*------------------------------------------------------------------
[Table of contents]


 Helper Css
 Hero Section
 Match Section
 Latest News Section
 Video Section
 Team Section
 Player Section
 Testimony Section
 Profile Page
 Teams Page
 Stream Page
 404 Page
-------------------------------------------------------------------*/

/*----------------------------------------*/

/*---------------------
  Helper CSS
-----------------------*/


.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.spad-2 {
	padding-top: 50px;
	padding-bottom: 70px;
}


/*---------------------
  Hero
-----------------------*/

.hero-section {
	height: 700px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero-item .hero-text {
	text-align: center;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.5);
}

.hero-item .hero-text h4 {
	color: #ffffff;
	margin-bottom: 25px;
}

.hero-item .hero-text h2 {
	font-size: 48px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 32px;
}

/*---------------------
  Latest News Section
-----------------------*/

.news-section {
	padding: 40px 0;
}

.news-section .col-lg-12 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.news-section .col-lg-3 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.news-item {
	height: 405px;
	position: relative;
	margin-bottom: 10px;
}

.news-item .si-tag {
	color: #ffffff;
	background: #1d8cf8;
	font-size: 10px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 9px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.news-item .si-text {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	padding: 0 30px;
}

.news-item .si-text h5 {
	margin-bottom: 6px;
}

.news-item .si-text h5 a {
	color: #ffffff;
	font-weight: 500;
	line-height: 26px;
}

.news-item .si-text ul li {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	color: #ffffff;
	margin-right: 20px;
	position: relative;
}

.news-item .si-text ul li:after {
	position: absolute;
	right: -12px;
	top: 0;
	content: "|";
}

.news-item .si-text ul li:last-child {
	margin-right: 0;
}

.news-item .si-text ul li:last-child:after {
	display: none;
}



/*---------------------
  Video Section
-----------------------*/

.video-section {
	padding: 40px 0;
	margin-bottom: 40px;
}

.video-slider.owl-carousel {
	margin-right: 0;
}

.video-slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.video-slider.owl-carousel .owl-nav {
	position: absolute;
	right: 15px;
	top: -78px;
}

.video-slider.owl-carousel .owl-nav button {
	font-size: 20px;
	color: #636363;
	width: 30px;
	height: 30px;
	border: 1px solid #d5d5d5;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 10px;
}

.video-slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.video-slider.owl-carousel .owl-nav button:hover {
	background: #1d8cf8;
	color: #ffffff;
	border-color: #1d8cf8;
}

.video-item {
	height: 200px;
	position: relative;
}

.video-item:hover .play-btn {
	opacity: 1;
	visibility: visible;
}

.video-item .vi-title {
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	padding: 0 20px;
}

.video-item .vi-title h5 {
	color: #ffffff;
	font-weight: 600;
	line-height: 26px;
}

.video-item .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-20px, -20px);
	-ms-transform: translate(-20px, -20px);
	transform: translate(-20px, -20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.video-item .vi-time {
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 1px;
	display: inline-block;
	background: rgba(0, 0, 0, 0.7);
	padding: 3px 10px;
	position: absolute;
	right: 0;
	bottom: 0;
}

/*----------------
  Feature module
----------------*/

.feature-module {
	position: relative; 
}
		
.feature-module .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	opacity: .5;
	background: var(--bg-secondary);
}
.feature-module .owl-carousel {
	margin: 0; 
}
.feature-module .owl-carousel .owl-stage-outer {
	padding-top: 0;
	padding-bottom: 0.1em;
	position: relative; 
}
.feature-module .owl-nav {
	position: absolute;
	bottom: 60px !important;
	left: 0;
	right: 0;
	margin: 0 auto; 
}
	
.feature-module .owl-nav .owl-prev,
.feature-module .owl-nav .owl-next {
	position: absolute;
	width: 60px;
	height: 60px;
	background: #fff !important;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 1; 
}

.feature-module .owl-nav .owl-prev span:before,
.feature-module .owl-nav .owl-next span:before {
	font-size: 20px;
	margin-top: 7px;
	color: #000000; 
}

.feature-module .owl-nav .owl-prev {
	top: 0 !important;
	right: 0 !important; 
}
	
.feature-module .owl-nav .owl-prev:hover, .feature-module .owl-nav .owl-prev:focus {
	background: #000000 !important;
	outline: none !important; 
}
.feature-module .owl-nav .owl-prev:hover span:before, .feature-module .owl-nav .owl-prev:focus span:before {
	font-size: 20px;
	margin-top: 7px;
	color: #fff; 
}
	
.feature-module .owl-nav .owl-next {
	top: 0 !important;
	right: 0 !important; 
}
	
.feature-module .owl-nav .owl-next:hover, .feature-module .owl-nav .owl-next:focus {
	background: #000000 !important;
	outline: none !important; 
}
.feature-module .owl-nav .owl-next:hover span:before, .feature-module .owl-nav .owl-next:focus span:before {
	font-size: 24px;
	margin-top: 7px;
	color: #fff; 
}

.feature-module .owl-dots {
	text-align: center; 
}

.feature-module .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1); 
}

.feature-module .owl-dots .owl-dot.active {
	background: var(--primary);
}
  
.team-wrap .img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 10px;
	background-size: cover; 
	background-position: top center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%; 
}

.team-wrap .text h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 800; 
}

.team-wrap .text .position {
	color: rgba(255, 255, 255, 0.8); 
}


/*---------------------
  Player Section
-----------------------*/

.product-item {
  margin-bottom: 10px;
}

.product-item .card-body {
  padding: 30px 0px 30px 0px;
}

.product-item .card {
  border: 0px solid;
}

.product-item .card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.product-item .player_item_date {
  position: absolute;
  background-color: #1d8cf8;
  bottom: 99px;
  left: 11px;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  padding-top: 15px;
}

.product-item .product-item {
  position: relative;
}

.product-item .external-link ul li {
  display: inline-block;
  margin-left: 8px;
}

.product-item .external-link ul li a {
  color: #7a7575;
}

.product-item .item-content {
  display: inline-block;
  float: left;
}

.product-item .item-content-right {
  float: right;
  padding-top: 20px;
}

/*---------------------
  Testimony Section
-----------------------*/

.testimony-section {
	position: relative; 
}

.testimony-section .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	opacity: .7;
	background: #232931; 
}

.testimony-section .owl-carousel {
	margin: 0; 

}
.testimony-section .owl-carousel .owl-stage-outer {
	padding-top: 0;
	padding-bottom: 0;
	position: relative; 
}

.testimony-section .owl-nav {
	position: absolute;
	bottom: 60px !important;
	left: 0;
	right: 0;
	margin: 0 auto; 
}

.testimony-section .owl-nav .owl-prev,
.testimony-section .owl-nav .owl-next {
	position: absolute;
	width: 60px;
	height: 60px;
	background: #fff !important;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 1; 
}

.testimony-section .owl-nav .owl-prev span:before,
.testimony-section .owl-nav .owl-next span:before {
	font-size: 20px;
	margin-top: 7px;
	color: #000000; 
}

.testimony-section .owl-nav .owl-prev {
	top: 0 !important;
	right: 0 !important; 
}

.testimony-section .owl-nav .owl-prev:hover, .testimony-section .owl-nav .owl-prev:focus {
	background: #000000 !important;
	outline: none !important; 
}
.testimony-section .owl-nav .owl-prev:hover span:before, .testimony-section .owl-nav .owl-prev:focus span:before {
	font-size: 20px;
	margin-top: 7px;
	color: #fff; 
}

.testimony-section .owl-nav .owl-next {
	top: 0 !important;
	right: 0 !important; 
}

.testimony-section .owl-nav .owl-next:hover, .testimony-section .owl-nav .owl-next:focus {
	background: #000000 !important;
	outline: none !important; 
}
.testimony-section .owl-nav .owl-next:hover span:before, .testimony-section .owl-nav .owl-next:focus span:before {
	font-size: 24px;
	margin-top: 7px;
	color: #fff; 
}
.testimony-section .owl-dots {
	text-align: center; 
}
.testimony-section .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1); 
}

.testimony-section .owl-dots .owl-dot.active {
	background: #1d8cf8; 
}
  
.testimony-wrap {
	display: block;
	position: relative;
	color: rgba(255, 255, 255, 0.7); 
}
.testimony-wrap .user-img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-size: cover; 
	background-position: top center; 
	position: relative;
	margin: 0 auto;
	background-position: top center; 
}
.testimony-wrap .user-img .quote {
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%; 
}
.testimony-wrap .user-img .quote i {
	color: #1d8cf8; 
}
.testimony-wrap p {
	font-size: 20px; 
}
.testimony-wrap .name {
	font-weight: 800;
	font-size: 20px;
	margin-bottom: 0;
	color: #fff; 
}
.testimony-wrap .position {
	font-size: 18px;
	color: #b3b3b3; 
}

/*---------------------
  Profile Page
-----------------------*/
.profile-page .button-container {
	text-align: center;
	margin-top: -106px;
}

.profile-page .page-header {
	min-height: 550px;
}

.profile-page .player-img {
	height: 150px; 
	/* width: 150px; */
}

.profile-page .stats .col-sm-2 .stats-details {
	font-size: 4em; 
	font-weight: 600;
}

/*---------------------
  Teams Page
-----------------------*/
.products-img {
	height:60px; 
	width: 60px;	
}

/*---------------------
  Stream Page
-----------------------*/
.stream-container {
	position: relative;
}
  
.stream-container .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: white;
	font-size: 16px;
	padding: 12px 24px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

section:nth-of-type(4n):not(:last-of-type) {
	background-color: var(--primary);
}
section:nth-of-type(4n+2):not(:last-of-type) {
	background-color: var(--secondary);
}
@media  (min-width: 576px) {
	section:not(:first-of-type) {
		margin-top: 50px;
		padding-top: 50px;
		overflow: hidden;
	}
}
section:last-of-type {
	margin-bottom: 2px;
}
.counter-section {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-secondary);
	padding: 50px;
}

.counter-section .counter {
	text-align: center;
	margin: 0 5px;
	background: rgba(0, 0, 0, 0.1);
	padding: 30px;
}

.counter-section .counter:first-of-type {
	border-radius: 10px 0 0 0;
}

.counter-section .counter:last-of-type {
	border-radius: 0 0 10px 0;
}

.counter-section .counter:first-of-type:last-of-type {
	border-radius: 10px 0 10px 0 ;
}

.counter-section .counter .counter-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: var(--text-secondary);
}

.counter-section .counter .counter-number {
	/*font-size: 48px;*/
	margin: 0;
	color: var(--text-secondary);
}

.team-wrap .text h3 {
	color: var(--text-primary)!important;
}
.team-wrap .title {
	color: var(--text-primary)!important;
}

.feature-module .title {
	/*color: var(--text-secondary)!important;*/
}

.feature-module .text h3 {
	color: var(--text-secondary);
}
@media (min-width:576px) {
	.owl-item {
		width: 350px!important;
	}
}
.carousel-caption {
	top: 10%;
	bottom: unset;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}
html{scroll-behavior:smooth}

.container.image-side-text {
	max-width: 100%;
}
body section {
	letter-spacing: -0.03em;
}

.container.image-side-text {
	max-width: 100%;
}
.container.image-side-text > div.row {
	margin-left: 15px
}
.container.image-side-text div.feature img {
	border-radius: .2rem;
}
.container.image-side-text div.feature .feature-content {
	font-size: 36px;
	line-height: 36px;
}

.container.carousel-default div.col-md-4, .container.image-side-text  div.col-md-12, .container.image-caption div.col-md-4, .container.default-styled div.col-md-4  {
	margin-bottom: 10px;
}

.container.carousel-default div.col-md-4 {
	min-height: 250px;
}


/* Styles for package selection */
.packages {
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*margin-top: 20px;*/
}

.package, .agent {
	flex-basis: calc(50% - 20px);
	padding: 20px 5px;
	border: 0;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	overflow-x: hidden;
	text-overflow: ellipsis;
	margin: 0 10px;
	opacity: 0.8;
}

.package:hover, .agent:hover {
	border: 3px solid var(--primary);
	opacity: 1;
}

.package.selected, .agent.selected {
	border: 3px solid;
	opacity: 1;
	/*position: sticky;*/
	top: 60px;
	z-index: 100;
}

.package.disabled, .agent.disabled {
	border: 0;
	opacity: 0.3;
	/*background-color: #e14eca;*/
}

.package h2, .agent h2 {
	margin-top: 0;
	font-size: 24px;
	font-weight: bold;
}

.package p, .agent p {
	margin-bottom: 0;
	font-size: 16px;
}

.package p span {
	font-size: 36px;
	font-weight: bold;
}

.agent p span {
	font-size: 24px;
	font-weight: bold;
}

.package ul, .agent ul {
	padding-left: 0;
	list-style: none;
}

/*.package:not(.disabled) ul li, .agent:not(.disabled) ul li {*/
/*	box-shadow: 0px 0 10px 3px var(--primary);*/
/*	margin: auto;*/
/*	padding: 0 10px;*/
/*	border-radius: 7px;*/
/*	background: var(--secondary);*/
/*	font-weight: bolder;*/
/*	margin-bottom: 10px;*/
/*	width: fit-content;*/
/*}*/

.checkout-price {
	position: sticky;
	top: 10vh;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Text styling for 'Total per month' */
.checkout-price span {
	font-size: 18px;
	font-weight: 600;
	/*color: #333;*/
}

/* Styling for the price number */
.price-number {
	font-size: 20px;
	font-weight: 700;
	color: #B12704;
}

.footer {
	box-shadow: inset 0 100px 80px -100px rgba(0,0,0,.3);
}
/*---------------------
  404 Page
-----------------------*/
.error-page .container .title {
	font-size: 11em;
}
/*-------------------------------- Respinsive Media Styles --------------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

/* Medium Device: 1200px */

@media only screen and (max-width: 1199px) {

	/*.packages {*/
	/*	display: block;*/
	/*}*/

	.packages .package {
		margin: 10px 0;
	}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.ms-content .mc-table table tr td.left-team {
		padding-left: 15px;
	}
	.ms-content .mc-table table tr td.right-team {
		padding-right: 15px;
	}
	
	.feature-module .owl-nav .owl-next {
		right: 0 !important; 
	}
	
	.feature-module .owl-nav .owl-prev {
		right: 61px !important; 
	}

	
	.testimony-section .owl-nav .owl-prev {
		right: 61px !important; 
	} 
	
	
	.testimony-section .owl-nav .owl-next {
		right: 0 !important; 
	} 

	
	.feature-module {
		background-position: center center !important; 
	}

}

@media only screen and (max-width: 991px) {
	
	.schedule-sidebar {
		margin-top: 30px;
	}
	
	.feature-module .owl-nav {
		display: none; 
	} 

	.testimony-section .owl-nav {
		display: none;  
	}
	
}


/* Tablet Device: 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.copyright-option .co-widget ul li {
		margin-right: 10px;
	}

}

/* Large Mobile: 480px */

@media only screen and (max-width: 767px) {

	.ms-content .mc-table table tr td.left-team {
		padding-left: 15px;
	}
	.ms-content .mc-table table tr td.right-team {
		padding-right: 15px;
	}
	
	.schedule-text .st-table table tbody tr td.left-team img {
		float: none;
		margin-right: 0;
	}
	.schedule-text .st-table table tbody tr td.left-team h4 {
		overflow: visible;
		display: block;
		margin-top: 10px;
	}
	.schedule-text .st-table table tbody tr td.right-team img {
		float: none;
		margin-left: 0;
	}
	.schedule-text .st-table table tbody tr td.right-team h4 {
		float: none;
		margin-top: 10px;
	}
	
	.hs-slider.owl-carousel .owl-nav {
		right: 60px;
	}
	
	
}

/* Small Mobile: 320px */

@media only screen and (max-width: 479px) {
	
	.schedule-text .st-table {
		overflow-x: auto;
	}
	
	
	.hs-slider.owl-carousel .owl-nav {
		right: 20px;
	}
	
	.video-item {
		height: 300px;
	}
	
}

.mfp-iframe-holder .mfp-content {
	max-width: 1200px;
}