/* Custom Swiper */
.ckript-slider {
	overflow:hidden
}
.home-slider {
	height:100vh;
	overflow:hidden;
	width: 100%;
}
.home-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	overflow:hidden;
	position:relative;
	width:100% !important
}

.home-slider .swiper-slide img {
	bottom:-999px;
	height:100%;
	left:-999px;
	margin:auto;
	position:absolute;
	right:-999px;
	top:-999px;
	width:auto
}

.home-slider .slide-content {
	position:absolute;
	left:0;top:0;bottom:0;right:0;margin:auto;padding:0 1rem;height:50px;
}

.home-slider .slide-content h1,
.home-slider .slide-content h2 {
	color:#fff
}

.home-slider .slide-content h1 {
	margin-bottom:2rem
}

.home-slider .slide-content h2 {
	font-size:5vw;
	text-transform:uppercase
}

.games-slider {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:100%;
}

.games-slider .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      margin-bottom:2rem;
      padding:0 2rem;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.games-slider .swiper-button {
	-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;transition:all 300ms linear;
	color:#666
}
.desktop .games-slider .swiper-button:hover,
.games-slider .swiper-button:active {
	color:#ccc
}

.games-slider .swiper-button::after,
.games-slider .swiper-button::before {
	font-size:1.5rem
}

.games-slider .swiper-button-prev,
.games-slider .swiper-container-rtl .swiper-button-next {
	left:-.125rem
}

.games-slider .swiper-button-next,
.games-slider .swiper-container-rtl .swiper-button-prev {
	right:-.125rem
}

.swiper-button-next,
.swiper-button-prev {
	-o-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	-moz-transform:translate(0,-25%);
	-webkit-transform:translate(0,-25%);
	transform:translate(0,-25%);
	z-index:20
}


.sponsors-slider .swiper-slide {
	height:5rem
}

.sponsors-slider .swiper-slide a {
	display:block;
	height:100%
}

.sponsors-slider .swiper-slide a img {
	height:100%;
	margin:0 auto;
	width:auto
}







@media only screen and (min-width: 480px){

	.home-slider .slide-content h2 {
		font-size: 1.5rem;
	}

}

@media only screen and (min-width: 667px){
	
	.games-slider .swiper-slide {padding:0 1rem}
	.games-slider::after,
	.games-slider::before {
		bottom:0;
		content:'';
		position:absolute;
		top:0;
		width:6rem;
		z-index:10
	}
	
	.games-slider::after{
		background:-moz-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
		background:-webkit-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
		background:linear-gradient(to right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
		left:0
	}
	
	.games-slider::before {
		background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
		background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
		background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);
		right:0
	}
	
}

@media only screen and (min-width: 667px) and (max-width: 991px){
	
	
	
}


@media only screen and (min-width: 768px) {

	.home-slider {
		height:50vh
	}

}

@media only screen and (min-width: 992px){
	
	.games-slider {
		padding:0 2rem
	}
	
}

@media only screen and (min-width: 1024px) {

	.home-slider {
		height:58.825vh
	}

}

@media only screen and (min-width: 1366px) {
	
	.home-slider .swiper-slide img {
		height:auto;
		width:100%
	}
	
}