:root {
	/*--thm-slider-xs-h: 410px;*/
	--thm-slider-xs-h: 320px;
	--thm-slider-sm-h: 350px;
	--thm-slider-md-h: 360px;
	--thm-slider-lg-h: 450px;
	--thm-slider-xl-h: 520px;
	--thm-slider-xxl-h: 520px;
}

#main_slider {
	width: 100%;
	display: block;
}

.slider {
	height: 100%;
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	background: transparent;
	overflow: hidden;
}


.slider .main-promotion-image {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	max-width: none !important;

}

@media (min-width: 2000px) {
	.slider .main-promotion-image {
		max-height: 100% !important;
	}
}

.slider .slide, #main-slider .carousel-inner > .item {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.slider .slide .slide-content {
	position: relative;
	height: 100%;
	z-index: 1;
	padding-bottom: 10px;
}

.main-slider {
	height: var(--thm-slider-xs-h);
}

.main-promotion-offer {
	position: relative;
	z-index: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
}

.main-promotion-container {
	min-height: 55%;
}

.justify-content-center .main-promotion-offer {
	padding-bottom: 36px;
}

@media (min-width: 480px) {
	.main-slider {
		height: var(--thm-slider-sm-h);
	}

	.justify-content-center .main-promotion-offer {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.main-slider {
		height: var(--thm-slider-md-h);
	}

	.main-promotion-offer {
		width: 50%;
	}

	.main-promotion-container {
		height: 100%;
	}
}

.main-promotion {
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.main-promotion .inline-block-badge {
	margin-bottom: 7px;
}

.carousel-control {
	width: 30px;
	opacity: 1;
}


@media (min-width: 992px) {
	.main-slider {
		height: var(--thm-slider-lg-h);
	}

	.justify-content-center .main-promotion-offer {
		width: 50%;
	}

	.main-promotion-first-line, .main-promotion-second-line, .main-promotion-third-line {
		margin-bottom: 7px;
	}

}

@media (min-width: 1200px) {
	.main-slider {
		height: var(--thm-slider-xl-h);
	}
}

@media (min-width: 1600px) {
	.main-slider {
		height: var(--thm-slider-xxl-h);
	}
}


.main-slider .padtop {
	margin-top: 0;
}

/*-----------------------------------png slider-------------------------------------*/

.png-slider .main-promotion-offer .table-cell {
	display: block;
	padding-top: 60px;
}

.png-slider .main-promotion-image {
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	max-width: 480px !important;
	min-width: 0;
	min-height: 0;

	width: auto;
	position: absolute;
	left: 50%;
	top: 75%;
	margin-top: 0;
	max-height: 450px;
	pointer-events: none;
}

.png-slider .carousel-inner {
	background-size: cover;
	background-position: center;
}


@media (min-width: 768px) {
	.png-slider .main-promotion-image {
		top: 50%;
		left: 75%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		max-width: 50% !important;
		width: auto;
		max-height: 100%;
	}

	.png-slider .main-promotion-offer .table-cell {
		display: table-cell;
		padding-top: 0;
	}
}

@media (min-width: 992px) {

	.png-slider .main-promotion-image {
		max-width: 60% !important;
		left: 75%;

	}
}

@media (min-width: 1200px) {

	.png-slider .main-promotion-image {
		max-width: 70% !important;
		left: 70%;
	}
}


/*------------------slider text----------------*/

.main-promotion-text {
	line-height: 1.75em;
	font-size: 1.6em;
}

.main-promotion-text div,
.main-promotion-text br {
	line-height: 100%;
}

.main-promotion-text p {
	font-size: 50%;
	line-height: 100%;
	margin-bottom: 0;
}

.main-promotion-text h1,
.main-promotion-text .h1 {
	font-size: 240%;
	line-height: 100%;
	margin-bottom: 0;
}

.main-promotion-text h2,
.main-promotion-text .h2 {
	font-size: 130%;
	line-height: 100%;
	margin-bottom: 0;
}

.main-promotion-text h3,
.main-promotion-text .h3 {
	font-size: 120%;
	line-height: 100%;
	margin-bottom: 0;
}

.main-promotion-text h4,
.main-promotion-text .h4 {
	font-size: 80%;
	line-height: 100%;
	margin-bottom: 5px;
}

.main-promotion-text h5,
.main-promotion-text .h5,
.main-promotion-text h6,
.main-promotion-text .h6 {
	font-size: 64%;
	line-height: 100%;
	margin-bottom: 5px;
}

@media (min-width: 480px) {
	.main-promotion-text {
		font-size: 2em;
	}
}


@media (min-width: 1200px) {
	.png-slider .main-promotion-image-framed {
		 max-width: 90% !important;
	}
}

#soccer_icon .st0,
#roulette_icon .st0,
#sport_icon .st0{
	fill:#FFFFFF;
}


@media (max-width: 768px) {
	.main-promotion-container {
		min-height: 100%;
		padding-top: 15px;
		position: relative;
	}
	.main-promotion-offer{
		-ms-flex-item-align: unset !important;
		align-self: unset !important;
	}
	.main-promotion-text h1 {
		font-size: 150%;
	}
	.main-promotion-text h2{
		font-size: 100%;
	}
	.main-promotion-offer a.btnRegister{
		padding: 0.3rem 1rem;
		font-size: 1rem;
	}
	.main-promotion-offer a.btn-link{
		font-size: 0.8rem;
	}
	.png-slider .main-promotion-image-framed {
		max-height: 200px;
		margin-bottom: 10px;
	}
	#main_slider{
		margin-bottom: 0!important;
	}

	 #games_cont_home #last-winners{
		  top: 0;
		  margin-bottom: 15px;
	  }

	.sport-link-wrp{
		position: absolute;
		right:0;
		z-index: 9;
		top: 15px;
	}
	svg#tag-icon{
		position: absolute;
		top: 0;
		right: 0;
		height: 60px;
	}

	.sport-link-wrp a>span{
		display: none;
	}

	.nav-link:hover .st0,
	.nav-link:focus .st0{
		fill: var(--thm-base) !important;
	}
	.sport-link-wrp .inline-icon{
		margin: 0!important;
	}

	.sport-link-wrp #sport_icon .st0{
		fill: #fff !important;
	}
	.sport-link-wrp #casio-icon .st0{
		fill: var(--thm-base) !important;
	}
	.hidden-xs{
		display: none;
	}
	ol.carousel-indicators {
		margin-bottom: 0.2rem;
	}
	.main-promotion-cta {
		padding: 0.2rem 1.5rem !important;
		font-size: 1rem;
	}
	.main-promotion-text {
		font-size: 1.4em;
		padding: 0 25px;
	}
}


.slider .justify-content-center + .main-promotion-image img.main-promotion-image-framed{
	height: 50vh;
	object-fit: cover;
}

@media (min-width: 768px) {
	.slider .justify-content-center + .main-promotion-image img.main-promotion-image-framed{
		height: auto;
		object-fit: unset;
	}
}

.carousel-indicators li {
	width: 12px!important;
	height: 12px!important;
	border-radius: 50%;
	background-color: #1c1919!important;
}

.carousel-item.main-promotion.item.dark + ol.carousel-indicators>li{
	background-color: #fff!important;
	border: 1px solid #fff!important;
}

.carousel-item.main-promotion.item.dark + ol.carousel-indicators>li.active {
	background-color: #fff!important;
}

.stage.mariposa-wrp{
	display: none;
}

.carousel-item.main-promotion.item.bright + ol.carousel-indicators>li {
	background-color: #000!important;
	border: 1px solid #000!important;
}

.carousel-item.main-promotion.item.bright + ol.carousel-indicators>li.active {
	background-color: #000!important;
}

.carousel-indicators li {
	width: 9px;
	height: 9px;
	border-radius: 50%;
}