@font-face {
	font-family: swiper-icons;
	src: url("") format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-container-pointer-events {
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}


/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit;
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

@keyframes zommy {
	0% {
		transform: scale(1)
	}
	17% {
		transform: scale(1.2)
	}
	34% {
		transform: scale(.8)
	}
	51% {
		transform: scale(1.1)
	}
	68% {
		transform: scale(.9)
	}
	85% {
		transform: scale(1.05)
	}
	to {
		transform: scale(1)
	}
}

@-webkit-keyframes zommy {
	0% {
		transform: scale(1)
	}
	17% {
		transform: scale(1.2)
	}
	34% {
		transform: scale(.8)
	}
	51% {
		transform: scale(1.1)
	}
	68% {
		transform: scale(.9)
	}
	85% {
		transform: scale(1.05)
	}
	to {
		transform: scale(1)
	}
}

@-moz-keyframes zommy {
	0% {
		transform: scale(1)
	}
	17% {
		transform: scale(1.2)
	}
	34% {
		transform: scale(.8)
	}
	51% {
		transform: scale(1.1)
	}
	68% {
		transform: scale(.9)
	}
	85% {
		transform: scale(1.05)
	}
	to {
		transform: scale(1)
	}
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1.03, 1.02, 1);
		transform: scale3d(1.03, .8, 1);
		opacity: .5
	}
	30% {
		-webkit-transform: scale3d(.99, .99, 1);
		transform: scale3d(.99, .8, 1)
	}
	50% {
		-webkit-transform: scale3d(1.02, 1.02, 1);
		transform: scale3d(1.02, .96, 1)
	}
	65% {
		-webkit-transform: scale3d(.99, .99, 1);
		transform: scale3d(.99, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.01, 1.01, 1);
		transform: scale3d(1.01, 1.01, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1.03, 1.02, 1);
		transform: scale3d(1.03, .8, 1);
		opacity: .5
	}
	30% {
		-webkit-transform: scale3d(.99, .99, 1);
		transform: scale3d(.99, .8, 1)
	}
	50% {
		-webkit-transform: scale3d(1.02, 1.02, 1);
		transform: scale3d(1.02, .96, 1)
	}
	65% {
		-webkit-transform: scale3d(.99, .99, 1);
		transform: scale3d(.99, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.01, 1.01, 1);
		transform: scale3d(1.01, 1.01, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}

@-webkit-keyframes circleOut {
	0% {
		transform: scale(0);
		opacity: 1
	}
	to {
		transform: scale(1);
		opacity: 0
	}
}

@keyframes circleOut {
	0% {
		transform: scale(0);
		opacity: 1
	}
	to {
		transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes bounceShow {
	0% {
		transform: scale(0);
		opacity: 0
	}
	80% {
		transform: scale(1.1);
		opacity: 1
	}
	to {
		transform: scale(1)
	}
}

@keyframes bounceShow {
	0% {
		transform: scale(0);
		opacity: 0
	}
	80% {
		transform: scale(1.1);
		opacity: 1
	}
	to {
		transform: scale(1)
	}
}

@keyframes bounceShow_2x {
	0% {
		transform: scale(0);
		opacity: 0
	}
	40% {
		transform: scale(1.1);
		opacity: 1
	}
	80% {
		transform: scale(.9)
	}
	to {
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes bounceShow_2x {
	0% {
		transform: scale(0);
		opacity: 0
	}
	40% {
		transform: scale(1.1);
		opacity: 1
	}
	80% {
		transform: scale(.9)
	}
	to {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes bounceOut_2x {
	0% {
		transform: scale(1);
		opacity: 1
	}
	40% {
		transform: scale(1.1);
		opacity: 1
	}
	80% {
		transform: scale(.9)
	}
	to {
		transform: scale(0);
		opacity: 0
	}
}

@-webkit-keyframes bounceOut_2x {
	0% {
		transform: scale(1);
		opacity: 1
	}
	40% {
		transform: scale(1.1);
		opacity: 1
	}
	80% {
		transform: scale(.9)
	}
	to {
		transform: scale(0);
		visibility: hidden;
		opacity: 0
	}
}

@keyframes bounceShow_3x {
	0% {
		transform: scale(0);
		opacity: 0
	}
	40% {
		transform: scale(1.7);
		opacity: 1
	}
	80% {
		transform: scale(.8)
	}
	to {
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes bounceShow_3x {
	0% {
		transform: scale(0);
		opacity: 0
	}
	40% {
		transform: scale(1.7);
		opacity: 1
	}
	80% {
		transform: scale(.8)
	}
	to {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes bounceOutLeft {
	20% {
		transform: translate3d(20px, 0, 0);
		opacity: 1
	}
	to {
		transform: translate3d(-2000px, 0, 0);
		opacity: 0
	}
}

@-webkit-keyframes bounceOutLeft {
	20% {
		transform: translate3d(20px, 0, 0);
		opacity: 1
	}
	to {
		transform: translate3d(-2000px, 0, 0);
		opacity: 0
	}
}

@keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		transform: scale3d(.3, .3, .3);
		opacity: 0
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9)
	}
	60% {
		transform: scale3d(1.03, 1.03, 1.03);
		opacity: 1
	}
	80% {
		transform: scale3d(.97, .97, .97)
	}
	to {
		transform: scaleX(1);
		opacity: 1
	}
}

@-webkit-keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		transform: scale3d(.3, .3, .3);
		opacity: 0
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9)
	}
	60% {
		transform: scale3d(1.03, 1.03, 1.03);
		opacity: 1
	}
	80% {
		transform: scale3d(.97, .97, .97)
	}
	to {
		transform: scaleX(1);
		opacity: 1
	}
}

@keyframes scaleOut {
	0% {
		transform: scale(1);
		opacity: 1
	}
	to {
		transform: scale(1.3);
		transform-origin: center center;
		opacity: 0
	}
}

@-webkit-keyframes scaleOut {
	0% {
		transform: scale(1);
		opacity: 1
	}
	to {
		transform: scale(1.3);
		transform-origin: center center;
		opacity: 0
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOutSelectedTableRow {
	0% {
		background: #797979
	}
	to {
		background: transparent
	}
}

@keyframes fadeOutSelectedTableRow {
	0% {
		background: #797979
	}
	to {
		background: transparent
	}
}

@keyframes shake-horizontal {
	0% {
		transform: translate(0)
	}
	4.41177% {
		transform: translate(5px)
	}
	8.82353% {
		transform: translate(0)
	}
	13.23529% {
		transform: translate(5px)
	}
	17.64706% {
		transform: translate(0)
	}
	22.05882% {
		transform: translate(5px)
	}
	26.47059% {
		transform: translate(0)
	}
	to {
		transform: translate(0)
	}
}

@-webkit-keyframes shake-horizontal {
	0% {
		transform: translate(0)
	}
	4.41177% {
		transform: translate(5px)
	}
	8.82353% {
		transform: translate(0)
	}
	13.23529% {
		transform: translate(5px)
	}
	17.64706% {
		transform: translate(0)
	}
	22.05882% {
		transform: translate(5px)
	}
	26.47059% {
		transform: translate(0)
	}
	to {
		transform: translate(0)
	}
}

@keyframes scaleInRotate {
	to {
		transform: rotate(1turn);
		opacity: 1
	}
}

@-webkit-keyframes scaleInRotate {
	to {
		transform: rotate(1turn);
		opacity: 1
	}
}

@keyframes shrink-bounce {
	0% {
		transform: scale(1)
	}
	33% {
		transform: scale(.85)
	}
	to {
		transform: scale(1)
	}
}

@keyframes checkbox-check {
	0% {
		width: 0;
		height: 0;
		border-color: #f9b242;
		transform: translateZ(0) rotate(45deg)
	}
	33% {
		width: 7px;
		height: 0;
		transform: translateZ(0) rotate(45deg)
	}
	to {
		width: 7px;
		height: 15px;
		border-color: #f9b242;
		transform: translate3d(0, -15px, 0) rotate(45deg)
	}
}

@keyframes checkbox-check-is-credited {
	0% {
		width: 0;
		height: 0;
		border-color: #13100e;
		transform: translateZ(0) rotate(45deg)
	}
	33% {
		width: 7px;
		height: 0;
		transform: translateZ(0) rotate(45deg)
	}
	to {
		width: 7px;
		height: 15px;
		border-color: #13100e;
		transform: translate3d(0, -15px, 0) rotate(45deg)
	}
}

@keyframes checkbox-check-blow {
	0% {
		transform: scale(0);
		opacity: 1
	}
	to {
		transform: scale(1.5);
		opacity: 0
	}
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes loading-bg {
	0% {
		-webkit-transform: translateX(0)
	}
	to {
		-webkit-transform: translateX(46px)
	}
}

@keyframes loading-bg {
	0% {
		transform: translateX(0)
	}
	to {
		transform: translateX(46px)
	}
}

@keyframes slideFadeTopOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes slideFadeTopIn {
	0% {
		top: -200px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

@keyframes loaderBarAction {
	0% {
		width: 100%
	}
	to {
		width: 0
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes header-fixed-show {
	0% {
		top: -140px
	}
	to {
		top: 0
	}
}

@keyframes header-fixed-show {
	0% {
		top: -140px
	}
	to {
		top: 0
	}
}

@-webkit-keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0) scaleY(1)
	}
	40%,
	45% {
		transform: translate3d(0, -20px, 0) scaleY(1);
		opacity: 1
	}
	to {
		transform: translate3d(0, 2000px, 0) scaleY(3);
		opacity: 0
	}
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0) scaleY(1)
	}
	40%,
	45% {
		transform: translate3d(0, -20px, 0) scaleY(1);
		opacity: 1
	}
	to {
		transform: translate3d(0, 2000px, 0) scaleY(3);
		opacity: 0
	}
}

.slider-main {
	position: relative;
	width: 100%;

}

.slider-container {
	height: 100%;

}

.slider-preloader-box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #13100e;
	z-index: 9000
}

.icon-slider-preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -36px 0 0 -25px;
	transform: translate(-50%, -50%)
}

.effect-puls {
	animation: 2s zommy infinite
}

.slider-fadeout {
	animation: 1s fadeOut
}

.slider {
	position: relative;
    min-height: 80px;
    overflow: hidden;
    
}

@media only screen and (min-width:600px) {
    .slider {
        position: relative;
        min-height: 400px;
        overflow: hidden;
        
    }
}
@media only screen and (min-width:600px) and (max-width: 1200px) {
    .slider {
        position: relative;
        min-height: 300px;
        overflow: hidden;
        
    }
}

.slider,
.slider__item {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.slider__item {
	position: absolute;
	top: 0;
	opacity: 0
}

.slider__item.is-active {
	opacity: 1;
	animation: 1s fadeInDown;
	z-index: 10
}

.slider__image {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	object-fit: cover
}



.slider__link {
	display: block;
	width: 100%;
	height: 100%
}

.slider.slider-fadein {
	animation: 1s fadeIn
}

.slider-preview-wrapp {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 95%;
	max-width: 1775px;
	margin: 0 auto;
	z-index: 110
}

.slider-preview-nav {
	display: none;
	position: absolute;
	top: -45px;
	right: 0;
	overflow: hidden;
	z-index: 10
}

.slider-preview-nav__left,
.slider-preview-nav__right {
	float: left
}

.slider-preview-nav.is-active {
	display: block
}

.svg-elem-slider-arrow-bg {
	fill: #13100e
}

.icon-slider-top-left,
.icon-slider-top-right {
	width: 32px;
	height: 32px;
	cursor: pointer
}

.icon-slider-top-left:hover .svg-elem-slider-arrow-bg,
.icon-slider-top-right:hover .svg-elem-slider-arrow-bg {
	fill: #13100e;
	fill-opacity: 1
}

.icon-slider-top-left.disabled,
.icon-slider-top-right.disabled {
	filter: grayscale(100%);
	cursor: default
}

.icon-slider-top-left.disabled:hover .svg-elem-slider-arrow-bg,
.icon-slider-top-right.disabled:hover .svg-elem-slider-arrow-bg {
	filter: grayscale(100%);
	fill-opacity: .5
}

.slider-preview {
	display: flex;
	position: relative;
	transition: left .2s ease-in-out, right .2s ease-in-out;
	overflow: hidden
}

.slider-preview-row {
	position: relative;
	opacity: 0;
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 0;
	min-height: 120px;
	transition: opacity .1s linear
}

.slider-preview-row.is-current {
	width: 100%;
	opacity: 1;
	z-index: 1;
	transition: opacity .5s linear
}

.slider-preview__item {
	position: relative;
	top: -20px;
	flex-basis: 240px;
	width: 240px;
	height: 80px;
	margin: 0 5px;
	border-radius: 4px 4px 5px 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .75);
	transition: box-shadow 2.5s ease-in-out;
	cursor: pointer;
	overflow: hidden
}

.slider-preview__image {
	position: relative
}

.slider-preview-loadbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background: #3daa45;
	border-radius: 100px;
	z-index: 1
}

.slider-preview-loadbar.is-active {
	animation: linear loaderBarAction
}

.item-gereral-thumbs-wrapp {
	position: relative;
	bottom: 0;
	height: 100%;
	transition: all .4s ease-in-out;
	overflow: hidden
}

.item-gereral-thumbs {
	position: relative;
	top: 0;
	transition: all .8s ease-in-out;
	transition-delay: .2s;
	overflow: hidden
}

.slider-preview__item.is-active {
	opacity: 1;
	box-shadow: none;
	transition: box-shadow .2s ease-in-out
}

.slider-preview__item.is-active .item-gereral-thumbs-wrapp {
	bottom: 0;
	transition: all .8s ease-in-out;
	transition-delay: .2s
}

.slider-preview__item.is-active .item-gereral-thumbs {
	position: relative;
	top: calc(100% - 5px);
	transition: all .8s ease-in-out;
	transition-delay: .2s;
	overflow: hidden
}

.slider-preview__item.is-active .slider-preview__image {
	opacity: 0;
	transition: all .8s ease-in-out;
	transition-delay: .2s
}

.fadeInDown {
	animation-name: fadeInDown
}

.fadeOut {
	animation-name: fadeOut
}

.slider-general-mobile-wrap {
	position: relative
}

.slider-general-mobile .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.slider-general-mobile .owl-dots {
	position: relative;
	bottom: 30px;
	z-index: 100
}

.slider-general-mobile .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.slider-general-mobile .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}

.slider-general-mobile .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.slider-general-mobile .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.slider-general-mobile .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.slider-general-mobile .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline
}

.slider-general-mobile .owl-dots .owl-dot span {
	width: 32px;
	height: 2px;
	margin: 5px 7px;
	background: #797979;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.slider-general-mobile .owl-dots .owl-dot.active span,
.slider-general-mobile .owl-dots .owl-dot:hover span {
	background: #3daa45
}

.game-list-config {
	position: relative;
	box-sizing: border-box
}

.game-list-config_mobile {
	padding: 0
}

.nav-category {
	position: relative;
	height: 65px;
	overflow: hidden
}

.nav-category-wrap {
	padding: 0 0 10px;
	overflow-x: scroll
}

.nav-category-list {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	border-bottom: 4px solid #302d28;
	box-sizing: border-box
}

.nav-category-list__item {
	position: relative;
	margin: 0 5px;
	transition: opacity .3s
}

.nav-category-list__item:hover {
	cursor: pointer
}

.nav-category-list__item:hover:before {
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 4px;
	content: "";
	background: rgba(249, 178, 66, .3);
	border-radius: 4px
}

.nav-category-list__item.disabled {
	opacity: .3;
	pointer-events: none;
	transition: opacity .3s
}

.nav-category-list__item.is-active {
	pointer-events: none
}

.nav-category-list__item.is-active:before {
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 4px;
	content: "";
	background: #f9b242;
	border-radius: 4px
}

.nav-category-list__link {
	position: relative;
	display: block;
	padding: 0 10px 20px;
	letter-spacing: 1px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #f9b242;
	box-sizing: border-box;
	font-size: 18px;
	font-size: 1.8rem
}

.nav-category-list__link:hover:before {
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 4px;
	content: "";
	background: #f9b242;
	border-radius: 4px
}

.nav-category__link_effect {
	padding: 0;
	overflow: hidden
}

.nav-category__link_effect:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-text);
	opacity: 0;
	color: #f9b242;
	transform: translate3d(0, 25%, 0)
}

.nav-category__link_effect .nav-category-text {
	display: block
}

.nav-category__link_effect .nav-category-text,
.nav-category__link_effect:after {
	padding: 15px 0 20px;
	transition: transform 1s, opacity .5s;
	transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	box-sizing: border-box
}

.nav-category__link_effect:hover:after {
	opacity: 1;
	transform: translateZ(0)
}

.nav-category__link_effect:hover .nav-category-text {
	opacity: 0;
	transform: translate3d(0, -25%, 0)
}

.sub-nav-category {
	margin: 45px 0 0
}

.sub-category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 13px 0 0
}

.sub-category-list.disabled .sub-category-list__item {
	opacity: .2;
	transition: opacity .3s;
	pointer-events: none
}

.sub-category-list.disabled .sub-category-list__item.is-active {
	opacity: 1
}

.sub-category-list__item {
	background: #302d28;
	text-align: center;
	box-sizing: border-box;
	opacity: .5;
	border-right: 1px solid #13100e
}

.sub-category-list__item.is-active {
	background: #302d28;
	border-bottom: 2px solid #f9b242;
	pointer-events: none;
	opacity: 1
}

.sub-category-list__item:hover {
	transition: opacity .2s linear;
	opacity: 1
}

.sub-category-list__item:first-child {
	border-radius: 5px 0 0 5px
}

.sub-category-list__item:last-child {
	border-radius: 0 5px 5px 0;
	border-right: none
}

.sub-category-list__link {
	display: flex;
	align-items: center;
	padding: 10px 25px;
	text-transform: capitalize;
	color: #f9b242;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem
}

.icons-category-sub-menu {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0
}

.sub-category-select-box {
	width: 240px;
	margin: 20px 0 0;
	font-size: 18px;
	font-size: 1.8rem
}

.category-filters.is-disabled,
.sub-category-select-box.disabled {
	opacity: .3;
	pointer-events: none;
	transition: opacity .3s
}

.category-row {
	position: relative;
	display: flex;
	align-items: center;
	margin: 20px 0 0
}

.category-row__item {
	padding: 0 15px 0 0;
	font-size: 14px;
	font-size: 1.4rem
}

.category-row__item:last-child {
	padding: 0
}

.category-row__item_filter-sort-list {
	margin: 0 0 0 auto
}

.category-row__item.is-hidden {
	display: none
}

.left-filter-parent {
	display: flex
}

.search-box {
	position: relative;
	overflow: hidden
}

.inpt-search {
	position: relative;
	width: 195px;
	height: 48px;
	padding: 0 40px 0 10px;
	border: none;
	line-height: 1;
	border-radius: 4px;
	color: #fff;
	background: #302d28;
	box-sizing: border-box;
	z-index: 5
}

.icon-search {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 5
}

.filter-title {
	position: absolute;
	top: -16px;
	left: 10px;
	padding: 5px 10px;
	border-radius: 10px;
	letter-spacing: 1px;
	color: #fff;
	background: #13100e;
	box-sizing: border-box;
	font-size: 10px;
	font-size: 1rem;
	z-index: 215
}

.provider-box {
	width: 220px;
	margin: 0 0 0 15px;
	font-size: 18px;
	font-size: 1.8rem
}

.btn-sort {
	width: 100%;
	height: 48px;
	color: #f9b242;
	border: 1px solid #13100e;
	border-right: none;
	background: #302d28;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem
}

.btn-sort_first {
	border-radius: 5px 0 0 5px
}

.btn-sort_last {
	border-radius: 0 5px 5px 0
}

.btn-sort__upper {
	text-transform: uppercase
}

.btn-sort.is-active {
	color: #dcd9d5;
	background: rgba(48, 45, 40, .8);
	cursor: default
}

.filter-checkbox-list,
.filter-checkbox-list__item {
	display: flex;
	align-items: center
}

.filter-checkbox-list__item {
	height: 48px;
	margin: 0 15px 0 0;
	padding: 10px 15px;
	border-radius: 4px;
	background: #302d28;
	box-sizing: border-box
}

.filter-checkbox-list__item:last-child {
	margin: 0
}

.filter-checkbox-list__title {
	padding: 0 0 0 10px;
	color: #fff;
	text-transform: capitalize
}

.filter-sort-list {
	position: relative;
	display: flex;
	align-items: center;
	width: fit-content;
	height: 48px;
	border: 1px solid #302d28;
	border-radius: 4px;
	box-sizing: border-box
}

.filter-sort-list__item {
	position: relative;
	padding: 10px 25px 10px 15px
}

.filter-sort-list__item:before {
	position: absolute;
	top: 5px;
	right: -2px;
	width: 1px;
	height: 30px;
	content: "";
	background: #302d28
}

.filter-sort-list__item:last-child:before {
	display: none
}

.filter-sort-list__item.is-active {
	color: #f9b242
}

.filter-sort {
	display: flex;
	align-items: center
}

.filter-sort-title {
	padding: 0 10px 0 0;
	white-space: nowrap
}

.filter-sort-nav {
	position: relative
}

.icon-filter-sort-bottom,
.icon-filter-sort-top {
	position: absolute;
	right: -10px;
	margin: -2px 0 0;
	width: 0;
	height: 0;
	border-style: solid;
	opacity: .2;
	cursor: pointer
}

.icon-filter-sort-bottom.is-active,
.icon-filter-sort-top.is-active {
	opacity: 1
}

.icon-filter-sort-top {
	top: -5px;
	border-width: 0 5px 7px;
	border-color: transparent transparent #f9b242
}

.icon-filter-sort-bottom {
	bottom: -10px;
	border-width: 7px 5px 0;
	border-color: #f9b242 transparent transparent
}

.pf-select-box-wrapper {
	position: relative
}

.pf-select.is-hidden {
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	margin: 0;
	border-width: 0
}

.pf-select.is-mobile {
	position: absolute;
	border: none;
	appearance: none;
	opacity: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000
}

.pf-select-box {
	position: relative;
	box-sizing: border-box
}

.pf-select-arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -2px 0 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 7px 0;
	border-color: #f9b242 transparent transparent
}

.pf-select-text {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 35px 0 8px;
	font-family: Noto Sans, Arial, Helvetica, sans-serif;
	color: #f9b242;
	background: #302d28;
	border-left: 1px solid #13100e;
	border-top: 1px solid #13100e;
	border-right: 1px solid #13100e;
	border-radius: 4px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	box-sizing: border-box;
	z-index: 120;
	font-size: 14px;
	font-size: 1.4rem
}

.pf-select-text.is-active {
	border-radius: 3px 3px 0 0;
	border-left: 1px solid #f9b242;
	border-top: 1px solid #f9b242;
	border-right: 1px solid #f9b242
}

.pf-select-drop {
	display: none;
	position: absolute;
	top: 48px;
	width: 100%;
	border-left: 1px solid #13100e;
	border-bottom: 1px solid #13100e;
	border-right: 1px solid #13100e;
	overflow: hidden;
	box-sizing: border-box;
	z-index: -1
}

.pf-select-drop.is-active {
	display: block;
	border-left: 1px solid #f9b242;
	border-bottom: 1px solid #f9b242;
	border-right: 1px solid #f9b242;
	border-radius: 0 0 3px 3px;
	z-index: 110
}

.pf-select-drop-content {
	background: #302d28;
	border-radius: 0 0 3px 3px
}

.pf-select-list__item {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	padding: 5px 9px;
	line-height: 38px
}

.pf-select-list__item.is-selected,
.pf-select-list__item:hover {
	color: #13100e;
	background: #f9b242
}

.pf-select-text.pf-provider {
	z-index: 210
}

.pf-select-list.pf-provider {
	display: flex;
	flex-wrap: wrap
}

.pf-select-list__item.pf-provider {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 170px;
	height: 65px;
	margin: 0 -1px -1px 0;
	padding: 0;
	border: 1px solid #42392f;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 0
}

.pf-select-list__item.pf-provider:first-child {
	font-size: 14px;
	font-size: 1.4rem
}

.pf-select-list__item.pf-provider:hover {
	color: #fff;
	background: transparent
}

.pf-select-list__item.pf-provider:hover:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	border: 1px solid #f9b242
}

.pf-select-list__item.pf-provider.is-selected {
	color: #fff;
	background: transparent
}

.pf-select-list__item.pf-provider.is-selected:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	border: 1px solid #f9b242
}

.pf-select-drop.is-active.pf-provider {
	border: 1px solid #f9b242;
	z-index: 220
}

.pf-select-drop.is-active.pf-provider:before {
	position: absolute;
	top: -1px;
	left: 0;
	width: 218px;
	height: 2px;
	background: #302d28;
	content: ""
}

.pf-select-drop.pf-provider {
	width: 875px;
	overflow: visible
}

.pf-select-drop-content.pf-provider {
	padding: 10px
}

.pf-checkbox.is-hidden {
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	margin: 0;
	border-width: 0
}

.pf-checkbox-box,
.pf-checkbox-box-wrapper {
	position: relative
}

.pf-checkbox-box {
	cursor: default;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: 0 0;
	border: 1px solid #fff;
	background: #13100e
}

.pf-checkbox-box.is-checked {
	background: #f9b242;
	z-index: 1
}

.pf-checkbox-box.is-checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 6px;
	margin: -7px 0 0 -6px;
	transform: rotate(-45deg);
	content: "";
	border: 3px solid #13100e;
	border-width: 0 0 3px 3px;
	opacity: 0;
	box-shadow: none;
	opacity: 1
}

.game-list-box {
	position: relative;
	min-height: 200px
}

.game-list {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-auto-flow: dense;
	grid-gap: 15px;
	margin: 20px 0 0;
	transform: translateZ(0)
}

.game-list__item_commercial {
	grid-column-end: span 2;
	grid-row-end: span 2
}

.effect-translucent {
	opacity: .2;
	transition: opacity .3s;
	pointer-events: none
}

.btn-commercial {
	position: absolute;
	left: 10%;
	bottom: 10%;
	width: auto
}

.game-item,
.game-item-wrap {
	position: relative
}

.game-item {
	font-family: Noto Sans, Arial, Helvetica, sans-serif;
	border-radius: 5px;
	background: #302d28;
	border: 1px solid #13100e;
	box-sizing: border-box;
	overflow: hidden
}

.game-item__image {
	display: block;
	width: 100%;
	height: auto
}

.game-item__title {
	position: relative;
	width: 90%;
	margin: 0 auto;
	letter-spacing: 1px;
	text-align: center;
	color: #ededed;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	font-size: 13px;
	font-size: 1.3rem
}

.game-item__title_mobile {
	position: relative;
	width: 100%;
	height: 24px;
	padding: 5px 0 5px 25px;
	font-size: 10px;
	font-size: 1rem
}

.game-item__link,
.game-list-link {
	display: block
}

.mobile-favorites-wrapp {
	position: absolute;
	top: 5%;
	right: 5%;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #302d28
}

.icon-favorites {
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 20px;
	height: 16px;
	cursor: pointer;
	overflow: hidden;
	z-index: 10
}

.icon-favorites_mobile {
	top: 50%;
	left: 50%;
	width: 30px;
	height: 26px;
	margin: -11px 0 0 -15px;
	fill: #302d28
}

.icon-favorites.is-active {
	fill: #f9b242
}

.icon-favorites.is-active:hover {
	animation: 1s tada
}

.icon-favorites:hover {
	animation: 1s zommy infinite
}

.game-jackpot {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f9b242
}

.game-jackpot__title {
	position: relative;
	margin: 0 auto;
	width: 87%
}

.game-jackpot__title:after,
.game-jackpot__title:before {
	position: absolute;
	content: "";
	z-index: 1
}

.game-jackpot__title:before {
	top: 10px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #13100e
}

.game-jackpot__title:after {
	left: 50%;
	margin: 0 0 0 -40px;
	width: 80px;
	height: 14px;
	background-color: #f9b242
}

.game-jackpot__image {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 60px;
	height: 14px;
	margin: 0 0 0 -30px;
	background-image: url("content/img/115add553e5b2a128f8d1d4305477c47e2e2f0f5.png");
	z-index: 10
}

.game-jackpot__total {
	position: relative;
	padding: 15px 0 0;
	font-family: Noto Sans, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	color: #13100e;
	font-size: 18px;
	font-size: 1.8rem
}

.icon-tape-cup-yggdrasil,
.icon-tape-exclusive,
.icon-tape-free,
.icon-tape-hot,
.icon-tape-new,
.icon-tape-race,
.icon-tape-top,
.icon-tape-tournament {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20
}

.icon-tape-new_game-list-new {
	z-index: 20
}

.game-item.is-active .game-hover {
	opacity: 1
}

.game-hover,
.game-item.is-active .game-hover {
	transition: transform .1s ease-in-out, opacity .1s ease-in-out
}

.game-hover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 1px solid #f9b242;
	border-radius: 5px;
	background: rgba(19, 16, 14, .8);
	opacity: 0;
	z-index: 15
}

.game-hover-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}

.game-hover__btn-box {
	padding: 5% 0 0;
	position: relative;
	text-align: center
}

.game-hover-demo-wrap {
	position: relative;
	min-height: 30px
}

.game-hover__btn-demo {
	display: inline-block;
	margin: 5% 0 0;
	text-decoration: none;
	color: #f9b242
}

.game-hover__btn-demo,
.game-hover__btn-onmoney {
	white-space: nowrap
}

.game-hover__btn-onmoney {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto
}

.icon-play {
	background-image: url("content/img/e41fd4b491f4dbc21094c67d4bcb9048c42466df.svg")
}

.icon-play,
.icon-play:hover {
	transition: background .1s linear
}

.icon-play.disabled,
.icon-play:hover {
	background-image: url("content/img/35c721132b8ced160e5f56572a6bc1f99f341344.svg")
}

.icon-play.disabled {
	border: none;
	filter: grayscale(1)
}

.icon-play_own {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	text-indent: -9999px
}

.game-disabled {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0 15px;
	background: rgba(19, 16, 14, .9);
	color: #797979;
	text-transform: uppercase;
	font-size: 10px;
	font-size: 1rem;
	z-index: 15
}

.game-disabled-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 100%
}

.game-item-live-games {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-weight: 700;
	animation: .5s fadeIn;
	z-index: 1;
	font-size: 12px;
	font-size: 1.2rem
}

.game-item-live-games-grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px 10px;
	background: rgba(19, 16, 14, .5);
	border-top: 2px solid #f9b242;
	box-sizing: border-box
}

.game-item-live-games-grid__left {
	color: #f9b242
}

.game-item-live-games-grid__right {
	color: #fff
}

.btn-all-game {
	display: block;
	width: auto;
	margin: 10px auto
}

.game-not-found-box {
	position: relative;
	height: 200px;
	font-size: 20px;
	font-size: 2rem
}

.game-not-found-inner {
	position: absolute;
	top: 50%;
	width: 100%
}

.game-category-slider {
	position: relative;
	width: 97%;
	padding: 10px 0 0;
	margin: 0 auto;
	opacity: 1;
	box-sizing: border-box
}

.game-category-slider.effect-translucent {
	opacity: .2;
	transition: opacity .3s;
	pointer-events: none
}

.game-category-slider.is-hide {
	opacity: 0
}

.game-category-slider.is-hidden {
	display: none
}

.game-category-slider__item {
	position: relative;
	max-width: 240px;
	padding: 10px;
	background: #302d28;
	border-radius: 10px;
	box-sizing: border-box
}

.swiper-arrow {
	position: absolute;
	top: 50%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity .1s linear
}

.swiper-arrow.swiper-button-disabled {
	opacity: .3;
	transition: opacity .1s linear
}

.game-category-slider-prev {
	left: -15px
}

.game-category-slider-next {
	right: -15px
}

.icon-game-slider-arrow-left,
.icon-game-slider-arrow-right {
	display: block;
	width: 10px;
	height: 32px
}

.game-item-provider {
	padding: 10px 0 0;
	text-align: center
}

.game-item-provider__image {
	display: inline-block;
	width: auto;
	height: auto
}

.game-item-link {
	display: block
}

.lazy-img-fadein[lazy=loading] {
	filter: blur(10px);
	animation-name: fadeIn;
	animation-duration: .5s;
	animation-delay: .5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards
}

.game-item__image[lazy=loaded] {
	filter: blur(0);
	transition: filter .3s ease-in .5s
}

@media (max-width:1440px) {
	.game-list {
		grid-template-columns: repeat(6, 1fr)
	}
	.game-list-commercial-2 {
		grid-row-start: 3;
		grid-column-start: 5
	}
	.game-list-commercial-3 {
		grid-row-start: 5;
		grid-column-start: 2
	}
	.game-list-commercial-4 {
		grid-row-start: 8;
		grid-column-start: 2
	}
	.game-list-commercial-5 {
		grid-row-start: 11;
		grid-column-start: 5
	}
	.slider__image {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		object-fit: cover
	}
}

@media (max-width:1340px) {
	.category-row {
		flex-wrap: wrap
	}
	.category-row__item_filter-checkbox-list {
		width: 100%;
		padding: 15px 0 0
	}
	.category-row__item_filter-sort-list {
		position: absolute;
		top: 0;
		right: 0
	}
	.btn-sort {
		min-width: auto
	}
}

@media (max-width:1300px) {
	.width {
		width: 96%
	}
}

@media (max-width:1200px) {
	.game-list {
		grid-template-columns: repeat(5, 1fr)
	}
	.game-list-commercial-2 {
		grid-row-start: 4;
		grid-column-start: 4
	}
	.game-list-commercial-3 {
		grid-row-start: 7;
		grid-column-start: 2
	}
	.game-list-commercial-4 {
		grid-row-start: 12;
		grid-column-start: 2
	}
	.game-list-commercial-5 {
		grid-row-start: 15;
		grid-column-start: 4
	}
	.pf-select-drop.pf-provider {
		width: 280px
	}
	.pf-select-list__item.pf-provider {
		width: 87px;
		height: 45px
	}
	.pf-select-list-img.pf-provider {
		width: 80%;
		height: auto
	}
	.bonus-grid {
		grid-template-columns: 320px 320px
	}
	.bonus-history-grid {
		grid-template-columns: 150px 150px 150px 150px 150px
	}
}

@media (max-width:1100px) {
	.category-row__item {
		flex: 1 0 100%
	}
	.filter-sort-list-select {
		width: 220px
	}
	.nav-category-list__link {
		font-size: 16px;
		font-size: 1.6rem
	}
}

@media (max-width:1000px) {
	.content-width {
		width: 96%
	}
}

@media only screen and (max-width:992px) {
	.game-list {
		grid-template-columns: repeat(4, 1fr)
	}
	.game-list-commercial-2 {
		grid-row-start: 4;
		grid-column-start: 3
	}
	.game-list-commercial-3 {
		grid-row-start: 7;
		grid-column-start: 2
	}
	.game-list-commercial-4 {
		grid-row-start: 12;
		grid-column-start: 2
	}
	.game-list-commercial-5 {
		grid-row-start: 15;
		grid-column-start: 3
	}
}

@media only screen and (max-width:980px) {
	.slider-preview__item {
		height: 30px;
		flex-basis: 100px
	}
	.slider-preview__image {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
	.slider-preview-nav {
		top: 20px
	}
	.category-row {
		flex-wrap: wrap;
		flex-direction: row
	}
	.category-row__item:last-child,
	.category-row__item_filter-checkbox-list {
		padding: 15px 0 0
	}
	.category-row__item_filter-sort-list {
		position: relative;
		margin: 0
	}
}

@media only screen and (max-width:940px) {
	.nav-category-wrap {
		overflow-x: scroll
	}
	.nav-category-list {
		min-width: 980px
	}
	.bonus-history-grid {
		grid-template-columns: 150px 150px 150px 150px
	}
}

@media only screen and (max-width:768px) {
	.category-filters {
		display: none;
	}
	.slider-general-box .owl-carousel .owl-stage {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex
	}
	.nav-category-list__link {
		font-size: 14px;
		font-size: 1.4rem
	}
	.effect-blur .mobile-bottom-bar {
		position: absolute;
		top: calc(100vh - 64px)
	}
	.main-content {
		padding: 0
	}
	.category-row__item:last-child {
		padding: 25px 0 0
	}
	.filter-checkbox-list {
		flex-direction: column;
		align-items: baseline;
		font-size: 10px;
		font-size: 1rem
	}
	.filter-checkbox-list__item {
		height: 35px;
		padding: 0;
		background: transparent;
		letter-spacing: 1px;
		box-sizing: border-box
	}
	.filter-checkbox-list__item:last-child {
		margin: 0
	}
	.filter-checkbox-list__title {
		padding: 0 0 0 10px;
		text-transform: uppercase
	}
	.game-list {
		grid-template-columns: repeat(3, 1fr)
	}
	.game-list-commercial-1 {
		grid-row-start: 1;
		grid-column-start: 2
	}
	.game-list-commercial-2 {
		grid-row-start: 4;
		grid-column-start: 1
	}
	.game-list-commercial-3 {
		grid-row-start: 7;
		grid-column-start: 2
	}
	.game-list-commercial-4 {
		grid-row-start: 12;
		grid-column-start: 2
	}
	.game-list-commercial-5 {
		grid-row-start: 15;
		grid-column-start: 1
	}
	.bonus-grid {
		grid-template-columns: 320px
	}
	.bonus-history-grid {
		grid-template-columns: 150px 150px 150px
	}
}

@media only screen and (max-width:610px) {
	.left-filter-parent {
		flex-wrap: wrap
	}
	.provider-box,
	.search-box,
	.sub-category-select-box {
		flex: 1 0 100%
	}
	.inpt-search {
		width: 100%
	}
	.provider-box {
		margin: 25px 0 0
	}
	.category-row__item:last-child {
		padding: 25px 0 0
	}
	.category-row__item_filter-sort-list.is-mobile,
	.pf-select-drop.pf-provider {
		width: 100%
	}
	.pf-select-list__item.pf-provider {
		width: 20%;
		height: 45px
	}
	.filter-sort-list-select,
	.pf-select-drop.is-active.pf-provider:before {
		width: 100%
	}
	.bonus-history-grid {
		grid-template-columns: 150px 150px
	}
}

@media only screen and (max-width:540px) {
	.game-list {
		grid-template-columns: repeat(2, 1fr)
	}
	.game-item {
		overflow: hidden
	}
	.game-item_commercial {
		max-height: 100%
	}
	.game-list-commercial-1 {
		grid-row-start: 2;
		grid-column-start: 1
	}
	.game-list-commercial-2 {
		grid-row-start: 6;
		grid-column-start: 1
	}
	.game-list-commercial-3 {
		grid-row-start: 10;
		grid-column-start: 1
	}
	.game-list-commercial-4 {
		grid-row-start: 18;
		grid-column-start: 1
	}
	.game-list-commercial-5 {
		grid-row-start: 22;
		grid-column-start: 1
	}
	.game-jackpot__total {
		font-size: 18px;
		font-size: 1.8rem
	}
	.bonus-item {
		width: 320px;
		padding: 10px
	}
	.bonus-item.is-cash-mobile {
		width: 220px
	}
	.popup-box-bonus {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		margin: 0;
		padding: 10px
	}
	.popup-bonus-image-block {
		top: -20px;
		left: 0
	}
}

@media only screen and (max-width:410px) {
	.dashboard-bonus {
		padding: 30px 10px
	}
	.bonus-item-cash {
		width: 240px
	}
	.bonus-history-grid {
		grid-template-columns: 130px 130px;
		grid-gap: 10px
	}
}

@media only screen and (max-width:375px) {
	.game-jackpot__total {
		font-size: 12px;
		font-size: 1.2rem
	}
	.cash-step-inner {
		width: 100%
	}
}

@media only screen and (max-width:320px) {
	.game-jackpot__total {
		font-size: 16px;
		font-size: 1.6rem
	}
	.popup-terms_small-mobile {
		padding: 25px 8% 55px;
		transform: translate(-50%, 10px)
	}
	.pf-select-drop.pf-provider {
		width: 100%
	}
}