.grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	grid-gap: 34px;
	grid-auto-rows: minmax(160px, auto);
	grid-auto-flow: dense
}

@media all and (max-width: 768px) and (orientation: landscape) {
	.grid {
		grid-template-columns: repeat(auto-fill, minmax(145.4545454545px, 1fr));
		grid-auto-rows: minmax(145.4545454545px, auto)
	}
}

@media all and (max-width: 576px) {
	.grid {
		grid-template-columns: repeat(auto-fill, minmax(106.6666666667px, 1fr));
		grid-auto-rows: minmax(106.6666666667px, auto)
	}
}

.grid .thumb {
	text-align: center;
	margin-right: 1rem;
}

.grid .thumb a {
	color: var(--white-color);
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.grid .thumb a:hover img,
.grid .thumb a:focus img {
	box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.3)
}

.grid .thumb a>picture img {
	min-height: 160px
}

.grid .thumb a img {
	width: 100%;
	height: auto;
	border-radius: 1rem
}

.grid .thumb a img.lazy.error,
.grid .thumb a img.lazy.loading {
	background: rgba(22, 68, 159, 0.5);
	width: 100%;
	display: block;
	height: calc(100% - 30px);
	min-height: 160px;
	margin-bottom: 4px
}

.grid .thumb a img.lazy:not(.loaded):not(.error):not(.loading) {
	visibility: hidden
}

.grid .thumb a .caption-container {
	padding: 0.7em 1em 1em
}

.grid .thumb a .caption {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.grid .thumb a .new_ribbon {
	top: -1px;
	position: absolute;
	width: 80px;
	left: -1px;
	border-radius: 0
}

.grid .thumb a .rate {
	font-weight: 800;
	font-size: 20px
}

.grid .thumb a .rate img {
	margin-right: 2px;
	width: 18px
}

.grid .thumb a .rate span {
	color: #646464;
	font-weight: 600;
	font-size: 16px
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important
}

.m-auto {
	margin: auto !important
}

.mt-0 {
	margin-top: 0 !important
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/oswald/v29/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Montserrat SemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Montserrat SemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

h1,
.big-title,
.h1 {
	font-size: 32px;
	display: block
}

.h5,
h5 {
	font-size: 1.25rem
}

.sub-title {
	font-size: 16px;
	display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	min-height: calc(100vh - 215px);
	margin-bottom: 109px
}

@media (min-width: 576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	overflow: hidden;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 125px;
	margin-right: auto;
	margin-left: auto;
	/* min-height: calc(100vh - 215px); */
	margin-bottom: 109px
}

@media (min-width: 576px) {

	.container-xs,
	.container-sm {
		max-width: 540px
	}
}

@media (min-width: 768px) {

	.container-xs,
	.container-sm,
	.container-md {
		max-width: 720px
	}
}

@media (min-width: 992px) {

	.container-xs,
	.container-sm,
	.container-md,
	.container-lg {
		max-width: 960px
	}
}

@media (min-width: 1200px) {

	.container-xs,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1140px
	}
}

.toast {
	top: 0;
	width: 100%;
	z-index: 9999;
	height: auto;
	padding: 20px;
	display: flex !important;
	bottom: inherit;
	min-height: 80px;
	font-size: 0.8em;
	position: absolute;
	align-items: center;
	color: var(--white-color);
	cursor: default;
	background: rgba(0, 35, 70, 0.95)
}

.toast.success {
	background: rgba(73, 183, 3, 0.95)
}

.toast.error {
	background: rgba(214, 20, 20, 0.95)
}

.toast span {
	width: 44px;
	height: 44px;
	background-size: contain;
	background-repeat: no-repeat
}

.toast span.success {
	background-image: url(/assets/toast/successfull-1a3e1fc6a1bbf53f7500aa81445602504aff08f87806ad015e085fc411687ff3.svg)
}

.toast span.error {
	background-image: url(/assets/toast/error-9df887cb7a8f71280a395e61db721c0f8ca146867103662695ad860ab93ba7f9.svg)
}

.toast span.warning {
	background-image: url(/assets/toast/warning-a1898fa7f50de1625593b117c566751bf8ac0c5b60e5dd144c51b30495e336b9.svg)
}

.toast .message {
	font-size: 0.85em;
	padding-left: 10px
}

.toast .message strong {
	display: block;
	font-size: 1.1em
}

.toast .close {
	width: 14px;
	top: 5px;
	height: 14px;
	position: absolute;
	right: 10px;
	outline: none;
	opacity: 1
}

@media all and (max-width: 1200px) {
	.toast {
		width: 100%;
		border-radius: 0
	}

	.toast.topright {
		top: 0;
		bottom: inherit
	}

	.toast.bottomright {
		bottom: 0;
		top: inherit
	}
}

@media all and (min-width: 1200px) {
	.toast {
		width: 400px;
		border-radius: 15px
	}

	.toast.topright {
		top: 15px;
		bottom: inherit;
		right: 15px
	}

	.toast.bottomright {
		top: inherit;
		bottom: 15px;
		right: 15px
	}
}

.slide-down {
	display: block;
	-webkit-animation-name: slideDown;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: .4s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .4s;
	animation-fill-mode: forwards
}

.slide-up {
	display: block;
	-webkit-animation-name: slideUp;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: .4s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideUp;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .4s;
	animation-fill-mode: forwards;
	overflow: hidden
}

@keyframes slideDown {
	0% {
		transform: translateY(-150%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-150%);
		height: 0
	}
}

#onetrust-consent-sdk .ot-floating-button {
	display: none
}

html {
	font-family: "Oswald", sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	display: block;
	color: var(--white-color)
}

html body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: var(--head-bg);
	font-size: 20px;
	min-height: 100%
}

html body main {
	display: block;
	padding-top: 25px
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: background-color .3s, box-shadow .3s
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.d-none {
	display: none !important
}

.d-block {
	display: block !important
}

a {
	font-size: 18px;
	color: var(--font-color1);
	text-decoration: none
}

a :hover {
	text-decoration: none
}

a.no-link,
button.no-link,
a:hover.no-link,
button.no-link:hover {
	text-decoration: none;
	background: none !important;
	color: var(--white-color)
}

button:focus,
button:active {
	outline: none
}

button.no-link {
	outline: none;
	border: none;
	padding: 0
}

.btn,
a.btn,
.btn:not(button) {
	border-radius: 1rem;
	border: none;
	color: var(--white-color);
	background: transparent;
	padding: 5px 20px;
	cursor: pointer;
	font-size: 20px
}

.btn:hover,
a.btn:hover,
.btn:not(button):hover {
	background: white
}

.btn.btn-primary,
a.btn.btn-primary,
.btn:not(button).btn-primary {
	background-image: var(--play-btn-bg);
	color: var(--white-color) !important;
	box-shadow: 0 4px 0 var(--pley-btn-border) !important
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
a.btn.btn-primary:active,
.btn:not(button).btn-primary:hover,
.btn:not(button).btn-primary:focus,
.btn:not(button).btn-primary:active {
	background: linear-gradient(to bottom, #fc8f39, #fdac6b) !important;
	box-shadow: 0 4px 0 #fb7c16 !important
}

.btn.btn-secondary,
a.btn.btn-secondary,
.btn:not(button).btn-secondary {
	background-image: linear-gradient(to bottom, var(--main-bg), #1b53c3);
	color: var(--white-color) !important;
	box-shadow: 0 4px 0 #11357b !important
}

ul,
ol {
	padding: 0
}

ul li,
ol li {
	padding-left: 0;
	list-style: none
}

.img-fluid,
picture {
	width: 100%
}

img.lazy:not(.loaded):not(.error):not(.loading) {
	visibility: hidden
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mobile-footer-ad {
	width: 100vw;
	margin-top: 2rem;
	margin-left: -15px;
	display: flex;
	justify-content: center
}

.pagination {
	display: flex;
	justify-content: center !important
}

.pagination .page-item {
	margin: 5px
}

.pagination .page-item a {
	z-index: 1;
	color: var(--white-color);
	background-color: var(--footer-bg);
	border: transparent;
	border-bottom: solid 4px #468a18;
	border-radius: 1rem;
	line-height: 19px;
	position: relative;
	display: block;
	padding: .5rem 1rem
}

.pagination .page-item.prev .pagination-arrow {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1)
}

.thumb.grayed-out img {
	filter: grayscale(1);
	opacity: 0.75
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-button {
	width: 5px;
	height: 10px
}

::-webkit-scrollbar-thumb {
	background: var(--scroll-color);
	border-radius: 50px
}

::-webkit-scrollbar-thumb:hover {
	background: var(--white-color)fff
}

::-webkit-scrollbar-thumb:active {
	background: var(--white-color)fff
}

::-webkit-scrollbar-track {
	background: rgba(0, 72, 146, 0.4);
	border-radius: 50px;
	opacity: 0.4
}

::-webkit-scrollbar-track:hover {
	background: rgba(0, 72, 146, 0.6);
	opacity: 1
}

::-webkit-scrollbar-track:active {
	background: #004892
}

::-webkit-scrollbar-corner {
	background: transparent
}

body.class_static #outer-wrapper,
.static-page #outer-wrapper {
	background: var(--white-color) !important
}

body.class_static .bg-dark,
.static-page .bg-dark {
	background: var(--about-bg) !important;
	color: var(--about-color)
}

body.class_static .bg-dark h1,
.static-page .bg-dark h1 {
	color: var(--white-color)
}

body.class_static .text-dark,
.static-page .text-dark {
	color: #000
}

body.class_static main,
.static-page main {
	font-family: "Nunito", sans-serif;
	color: var(--white-color);
	overflow: hidden;
	background: var(--head-bg);
	position: relative;
	z-index: 1
}

body.class_static main .wrapper,
.static-page main .wrapper {
	background: var(--white-color)
}

body.class_static .kizi-life .svg,
.static-page .kizi-life .svg {
	width: 170px
}

body.class_static .kizi-life div,
.static-page .kizi-life div {
	text-align: center
}

body.class_static .kizi-life span,
body.class_static .kizi-life h2,
.static-page .kizi-life span,
.static-page .kizi-life h2 {
	text-align: center !important
}

body.class_static .kizi-life span,
.static-page .kizi-life span {
	margin-bottom: 2em
}

body.class_static .kizi-life h2,
.static-page .kizi-life h2 {
	margin-top: 2em
}

body.class_static .kizi-life img+h2,
.static-page .kizi-life img+h2 {
	margin-top: 0
}

body.class_static .kizi-life .btn,
.static-page .kizi-life .btn {
	position: relative;
	z-index: 1;
	bottom: .7em
}

body.class_static .kizi-life .justify-content-md-center,
.static-page .kizi-life .justify-content-md-center {
	padding: 1em 0
}

body.class_static .kizi-life .justify-content-md-center>.col,
.static-page .kizi-life .justify-content-md-center>.col {
	margin-bottom: 2em
}

body.class_static .kizi-life .card-deck .card,
.static-page .kizi-life .card-deck .card {
	margin: 5em 0;
	position: relative
}

body.class_static .kizi-life .card-deck .card h5,
.static-page .kizi-life .card-deck .card h5 {
	position: relative
}

body.class_static .kizi-life .card-deck .card h5 img,
.static-page .kizi-life .card-deck .card h5 img {
	top: -5em !important
}

body.class_static .kizi-life .card-deck .card .border-btm,
.static-page .kizi-life .card-deck .card .border-btm {
	bottom: -1em !important
}

body.class_static #ot-sdk-cookie-policy *,
.static-page #ot-sdk-cookie-policy * {
	color: var(--white-color) !important
}

body.class_static #ot-sdk-cookie-policy * a,
.static-page #ot-sdk-cookie-policy * a {
	background: transparent !important
}

body.class_static .divider,
.static-page .divider {
	background: var(--font-color2);
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0
}

body.class_static .arrow-up,
.static-page .arrow-up {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #eaf2f5;
	margin: 40px auto 0
}

body.class_static #testimonials,
.static-page #testimonials {
	width: 100%;
	padding: 40px 10vw !important;
	border-bottom: 1px solid #e8edf0
}

body.class_static #testimonials .card-title img,
.static-page #testimonials .card-title img {
	position: absolute;
	top: -28%;
	left: 0;
	right: 0;
	margin: auto
}

body.class_static .bg-gray,
.static-page .bg-gray {
	background-color: #eaf2f5;
	color: var(--about-font-color)
}

body.class_static .card .border-btm,
.static-page .card .border-btm {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	left: 0;
	border-bottom: 4px solid
}

body.class_static .card-title,
.static-page .card-title {
	color: var(--about-box-bg)
}

body.class_static .card,
.static-page .card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px
}

body.class_static .favorite_game,
.static-page .favorite_game {
	width: 85px;
	height: 85px;
	border-radius: 20px;
	border: 2px #adbec4 solid;
	margin: 8px 0px
}

body.class_static #apps a,
body.class_static #apps a:hover,
.static-page #apps a,
.static-page #apps a:hover {
	font-size: 20px;
	color: var(--about-bg);
	text-decoration: none
}

body.class_static .mw-25,
.static-page .mw-25 {
	max-width: 75vw !important;
	margin: auto
}

.class_static main :not(.bg-dark) a:not(.btn),
.class_static main :not(.bg-dark) a:not(.btn):hover {
	color: var(--about-box-bg)
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.card-deck .card {
	min-width: 215px;
	margin-bottom: 80px;
	margin-right: 8px;
	margin-left: 8px;
	max-width: 300px
}

.card-deck .card.mw-lg8 {
	max-width: 66.6666666667% !important
}

h2 {
	color: var(--font-color2)
}

h3 {
	margin-bottom: 1.2em;
	font-size: 1.5em;
	line-height: 1.3;
	font-weight: 600
}

h4 {
	font-size: 1em;
	margin-bottom: 0.6em;
	line-height: 1.35;
	font-weight: 600
}

p {
	font-size: .9em;
	margin-bottom: 1em
}

table.cookies_table {
	border-collapse: inherit;
	margin: auto;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	border-spacing: initial;
	width: 100%;
	overflow: hidden
}

table.cookies_table thead {
	background-color: #F8F8F8;
	font-weight: bold
}

table.cookies_table th {
	color: #696969
}

table.cookies_table th:first-of-type {
	max-width: 5vw
}

table.cookies_table th.cookie-head {
	min-width: 200px
}

table.cookies_table th,
table.cookies_table td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7
}

table.cookies_table td:first-of-type,
table.cookies_table td:nth-of-type(2) {
	min-width: 126px;
	max-width: 10vw;
	word-break: break-word
}

section {
	margin-bottom: 2em;
	overflow: auto
}

.long-text {
	min-width: 100vw
}

.m-w50 {
	min-width: 50vw
}

#searchContainer {
	width: 100%;
	font-size: 32px;
	position: absolute;
	background: rgba(0, 35, 70, 0.93);
	color: var(--white-color);
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999;
	padding: 10px 30px 5px;
	min-height: inherit;
	max-height: calc(100vh - 120px);
	overflow: auto
}

#searchContainer.active {
	opacity: 1;
	visibility: visible
}

#searchContainer .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	-ms-flex-align: center !important;
	align-items: center !important;
	padding: 0.5rem
}

#searchContainer .row.pr-5 {
	padding-right: 3rem !important
}

#searchContainer .row.p-2 {
	padding: 0.5rem
}

#searchContainer .form-control {
	background: none;
	border: none;
	outline: none;
	color: var(--white-color);
	box-shadow: none
}

#searchContainer #clearSearch.show {
	display: block
}

#searchContainer .input-group-text {
	background: none;
	border: none;
	padding-right: 0;
	display: flex
}

#searchContainer .input-group-text img {
	width: 28px
}

#searchContainer .search-bar {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

#searchContainer .search-bar .input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}

#searchContainer .search-bar .input-group.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important
}

#searchContainer .search-bar .input-group .input-group-append,
#searchContainer .search-bar .input-group .input-group-prepend {
	display: -ms-flexbox;
	display: flex
}

#searchContainer .search-bar .input-group .input-group-prepend {
	margin-right: -1px
}

#searchContainer .search-bar .input-group .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-clip: padding-box
}

#searchContainer .clear-button {
	width: 70px;
	height: 30px;
	border: none;
	outline: none;
	background: none;
	color: var(--white-color);
	margin: 0 0 0 10px;
	position: absolute;
	right: 0;
	padding: 10px;
	z-index: 99;
	display: none;
	font-size: 14px
}

#searchContainer .clear-button.show {
	display: block
}



#searchContainer span {
	margin-bottom: 0.5rem
}

#searchContainer .count-games-title {
	font-size: 32px;
	margin-top: 2rem
}

#searchContainer .search-icon {
	position: absolute;
	padding: 0;
	z-index: 999;
	margin: 2px 18px
}

#searchContainer .search-icon img {
	filter: brightness(0.3)
}

#searchContainer #searchbtn {
	background: var(--white-color);
	border-radius: 6rem;
	color: var(--white-color);
	min-width: 100px
}

#searchContainer #searchbtn:focus {
	outline: none !important
}

#searchContainer input[type="search"] {
	background: var(--head-bg);
	border: none !important;
	color: var(--white-color);
	height: 45px;
	width: 100%;
	padding-left: 55px;
	border-radius: 30px;
	outline: none !important;
	box-shadow: none !important;
	font-size: 20px;
	-webkit-appearance: none
}

#searchContainer form {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	border-radius: 6rem
}

.notfound-container {
	text-align: center;
	margin-bottom: 2rem
}

.notfound-container h3 {
	margin-bottom: 0
}

#viewAllResults {
	visibility: hidden;
	display: none
}

#viewAllResults.show {
	visibility: visible;
	display: block;
	width: 100%
}

#viewAllResults a {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
	width: 100%;
	display: flex
}

#allResultsURL {
	cursor: pointer
}

.hide {
	display: none
}

#searchResults {
	padding: 0.5rem 0 !important
}

#searchResults .summary {
	width: 100%
}

#searchResults .search-results-game-list {
	flex-direction: row;
	display: flex;
	align-items: flex-start;
	flex-flow: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden
}

#searchResults .search-results-game-list img {
	border-radius: 10px;
	width: 110px
}

#searchResults .search-results-game-list .search-result-game {
	flex-direction: column;
	align-items: center;
	padding: 20px 19px 0;
	display: flex;
	position: relative
}

#searchResults .search-results-game-list .search-result-game a {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%
}

#searchResults .search-results-game-list .search-result-game .title {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	padding: 8px 0 4px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#searchResults .search-results-game-list .search-result-game .title b {
	color: #b8dbff;
	font-weight: 600
}

#gamesResult {
	visibility: hidden;
	display: none
}

#gamesResult.show {
	visibility: visible;
	display: block
}

.result-page.search-container .search {
	width: 100%
}

#searchbtn {
	line-height: 32px;
	height: 45px;
	right: 16px;
	padding: 0px 60px 40px 60px;
	border: none;
	position: absolute;
	margin-right: 0px;
	margin-top: 0px
}

#searchbtn span {
	font-size: 16px;
	position: absolute;
	top: 0;
	padding-left: 20px;
	height: 100%;
	left: 0;
	line-height: 50px;
	width: auto;
	text-align: center
}

#searchbtn span::after {
	width: 14px;
	height: 14px;
	background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
	display: block;
	content: ' ';
	z-index: 0;
	top: 17px;
	right: -20px;
	position: absolute;
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	overflow: hidden !important;
	border: none !important
}

.result-page.search-container .input-group-text {
	border: none;
	background: none;
	position: absolute;
	padding: 12px 35px
}

.result-page.search-container .search input[type="search"] {
	background: #0057B0;
	border: none !important;
	color: var(--white-color);
	height: 51px;
	width: 100%;
	padding-left: 75px;
	border-radius: 30px;
	padding-right: 140px;
	outline: none !important;
	box-shadow: none !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 20px
}

.result-page.search-container .search input[type="search"]::placeholder {
	color: #3180d0;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 20px
}

.search-container {
	height: 74px
}

.search-container button {
	border-radius: 30px;
	background-color: #8FBB16;
	border: transparent;
	border-bottom: solid 4px #5E8000;
	padding-bottom: 26px;
	padding-right: 100px;
	line-height: 19px;
	font-size: 18px;
	font-family: "Montserrat SemiBold", Arial, sans-serif;
	color: var(--white-color)
}

.green-button {
	background: #8FBB16;
	width: auto;
	text-align: center;
	display: inline-block;
	box-shadow: 0 6px 0 #5E8000;
	color: var(--white-color);
	padding: 10px 40px;
	border-radius: 30px;
	overflow: hidden;
	position: relative
}

.green-button:hover,
.green-button:active,
.green-button:focus {
	text-decoration: none;
	color: var(--white-color);
	background: #9CD306;
	box-shadow: 0 6px 0 #76A101
}

.green-button .text {
	display: inline-block
}

.green-button .text:after {
	width: 14px;
	height: 14px;
	background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
	transform: rotate(-90deg);
	margin-top: -18.5px;
	display: block;
	margin-left: calc(100% + 5px);
	content: " ";
	overflow: hidden !important;
	border: none !important
}

.green-button .bubble-xsmall-left {
	width: 8px;
	height: 8px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	z-index: 0;
	left: 5%
}

.green-button .bubble-small-left {
	width: 16px;
	height: 16px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	z-index: 0;
	left: 30%
}

.green-button .bubble-medium-left {
	width: 48px;
	height: 40px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	top: -63%;
	left: 8%;
	z-index: 0
}

.green-button .bubble-xsmall-right {
	width: 13px;
	height: 16px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	z-index: 0;
	right: 5%
}

.green-button .bubble-small-right {
	width: 20px;
	height: 23px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	z-index: 0;
	bottom: 1px;
	right: 30px
}

.green-button .bubble-medium-right {
	width: 48px;
	height: 40px;
	background: #77A53B;
	border-radius: 50%;
	position: absolute;
	top: 35px;
	right: -19px;
	z-index: 0
}

.text-center {
	text-align: center
}



.introjs-overlay {
	position: absolute;
	box-sizing: content-box;
	z-index: 999999;
	background-color: #000;
	opacity: 0;
	background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.introjs-fixParent {
	z-index: auto !important;
	opacity: 1 !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	z-index: 9999999 !important
}

.introjs-disableInteraction {
	z-index: 99999999 !important;
	position: absolute;
	background-color: var(--white-color);
	opacity: 0
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	position: relative
}

.introjs-helperLayer {
	box-sizing: content-box;
	position: absolute;
	z-index: 9999998;
	background-color: var(--white-color);
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #777;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
	box-sizing: content-box;
	position: absolute;
	visibility: hidden;
	z-index: 100000000;
	background-color: transparent;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

.introjs-helperNumberLayer {
	box-sizing: content-box;
	position: absolute;
	visibility: visible;
	top: -16px;
	left: -16px;
	z-index: 9999999999 !important;
	padding: 2px;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: 700;
	color: var(--white-color);
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: #ff3019;
	background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
	background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 3px solid var(--white-color);
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)
}

.introjs-arrow {
	border: 5px solid transparent;
	content: '';
	position: absolute
}

.introjs-arrow.top {
	top: -10px;
	border-bottom-color: var(--white-color)
}

.introjs-arrow.top-right {
	top: -10px;
	right: 10px;
	border-bottom-color: var(--white-color)
}

.introjs-arrow.top-middle {
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: var(--white-color)
}

.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-left-color: var(--white-color)
}

.introjs-arrow.right-bottom {
	bottom: 10px;
	right: -10px;
	border-left-color: var(--white-color)
}

.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color: var(--white-color)
}

.introjs-arrow.bottom-right {
	bottom: -10px;
	right: 10px;
	border-top-color: var(--white-color)
}

.introjs-arrow.bottom-middle {
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	border-top-color: var(--white-color)
}

.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-right-color: var(--white-color)
}

.introjs-arrow.left-bottom {
	left: -10px;
	bottom: 10px;
	border-right-color: var(--white-color)
}

.introjs-tooltip {
	box-sizing: content-box;
	position: absolute;
	visibility: visible;
	padding: 10px;
	background-color: var(--white-color);
	min-width: 200px;
	max-width: 300px;
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	-ms-transition: opacity .1s ease-out;
	-o-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
	text-align: right;
	white-space: nowrap
}

.introjs-button {
	box-sizing: content-box;
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: .3em .8em;
	border: 1px solid #d4d4d4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 var(--white-color);
	font: 11px/normal sans-serif;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: 0;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	zoom: 1;
	margin-top: 10px
}

.introjs-button:hover {
	border-color: #bcbcbc;
	text-decoration: none;
	box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,
.introjs-button:focus {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.introjs-skipbutton {
	box-sizing: content-box;
	margin-right: 5px;
	color: #7a7a7a
}

.introjs-prevbutton {
	-webkit-border-radius: .2em 0 0 .2em;
	-moz-border-radius: .2em 0 0 .2em;
	border-radius: .2em 0 0 .2em;
	border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
	border: 1px solid #d4d4d4;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em
}

.introjs-nextbutton {
	-webkit-border-radius: 0 .2em .2em 0;
	-moz-border-radius: 0 .2em .2em 0;
	border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
	color: #9a9a9a;
	border-color: #d4d4d4;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none
}

.introjs-hidden {
	display: none
}

.introjs-bullets {
	text-align: center
}

.introjs-bullets ul {
	box-sizing: content-box;
	clear: both;
	margin: 15px auto 0;
	padding: 0;
	display: inline-block
}

.introjs-bullets ul li {
	box-sizing: content-box;
	list-style: none;
	float: left;
	margin: 0 2px
}

.introjs-bullets ul li a {
	box-sizing: content-box;
	display: block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
	cursor: pointer
}

.introjs-bullets ul li a:hover {
	background: #999
}

.introjs-bullets ul li a.active {
	background: #999
}

.introjs-progress {
	box-sizing: content-box;
	overflow: hidden;
	height: 10px;
	margin: 10px 0 5px 0;
	border-radius: 4px;
	background-color: #ecf0f1
}

.introjs-progressbar {
	box-sizing: content-box;
	float: left;
	width: 0%;
	height: 100%;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	background-color: #08c
}

.introjsFloatingElement {
	position: absolute;
	height: 0;
	width: 0;
	left: 50%;
	top: 50%
}

.introjs-fixedTooltip {
	position: fixed
}

.introjs-hint {
	box-sizing: content-box;
	position: absolute;
	background: 0 0;
	width: 20px;
	height: 15px;
	cursor: pointer
}

.introjs-hint:focus {
	border: 0;
	outline: 0
}

.introjs-hidehint {
	display: none
}

.introjs-fixedhint {
	position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
	border: 5px solid rgba(60, 60, 60, 0.57)
}

.introjs-hint-pulse {
	box-sizing: content-box;
	width: 10px;
	height: 10px;
	border: 5px solid rgba(60, 60, 60, 0.27);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: rgba(136, 136, 136, 0.24);
	z-index: 10;
	position: absolute;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none
}

.introjs-hint-dot {
	box-sizing: content-box;
	border: 10px solid rgba(146, 146, 146, 0.36);
	background: 0 0;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	height: 50px;
	width: 50px;
	-webkit-animation: introjspulse 3s ease-out;
	-moz-animation: introjspulse 3s ease-out;
	animation: introjspulse 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
	opacity: 0
}

@-webkit-keyframes introjspulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}

	25% {
		-webkit-transform: scale(0);
		opacity: .1
	}

	50% {
		-webkit-transform: scale(0.1);
		opacity: .3
	}

	75% {
		-webkit-transform: scale(0.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes introjspulse {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}

	25% {
		-moz-transform: scale(0);
		opacity: .1
	}

	50% {
		-moz-transform: scale(0.1);
		opacity: .3
	}

	75% {
		-moz-transform: scale(0.5);
		opacity: .5
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}

@keyframes introjspulse {
	0% {
		transform: scale(0);
		opacity: 0
	}

	25% {
		transform: scale(0);
		opacity: .1
	}

	50% {
		transform: scale(0.1);
		opacity: .3
	}

	75% {
		transform: scale(0.5);
		opacity: .5
	}

	100% {
		transform: scale(1);
		opacity: 0
	}
}

.introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
	opacity: 1;
	background: #026bd4;
	border-color: #007bff
}

.introjs-tooltipReferenceLayer .introjs-tooltip {
	padding: 10px 0px 0px 0;
	border-radius: 10px;
	overflow: hidden
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
	color: #101010;
	text-align: center;
	padding: 5px 15px 0px
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
	display: none
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
	display: none
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
	background: #b3daff;
	justify-content: flex-end;
	display: flex;
	align-items: center;
	align-content: baseline
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
	height: 30px;
	display: flex;
	align-items: center;
	margin: 0;
	background: none !important;
	border: none;
	text-shadow: none;
	box-shadow: none !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
	background: #91c2ef !important;
	color: #101010 !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-disabled {
	background: none !important;
	color: #7599bb !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton {
	align-self: flex-start;
	margin-right: auto;
	color: #373839
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton.introjs-donebutton {
	border-radius: 0;
	color: var(--white-color) !important;
	background: #026bd3 !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton.introjs-donebutton:hover {
	background: #025cb5 !important
}

.introjs-helperLayer:before,
.introjs-helperLayer:after {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	content: ' ';
	border-radius: 50%
}

.shadow {
	border: none !important;
	box-shadow: 0 0 40px 20px var(--white-color) !important;
	border-radius: 0;
	background: var(--white-color);
	max-height: 480px
}

.shadow.circle {
	border-radius: 50%
}

.shadow.circle:before,
.shadow.circle:after {
	border-radius: 50%
}

.shadow.rounded {
	border-radius: 15px
}

.shadow.rounded:before,
.shadow.rounded:after {
	border-radius: 15px
}

html,
body {
	overflow: visible
}

a:focus {
	outline: none !important
}

#onetrust-consent-sdk .onetrust-pc-dark-filter {
	background: rgba(0, 0, 0, 0.5) !important;
	width: 100vw;
	height: 100vh
}

#onetrust-pc-sdk #ot-pc-lst {
	overflow: hidden !important
}

#onetrust-consent-sdk #onetrust-banner-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk {
	background-color: #2e6905 !important
}

@media only screen and (min-width: 1024px) {
	#onetrust-banner-sdk #onetrust-button-group {
		display: flex !important
	}

	#onetrust-banner-sdk #onetrust-button-group-parent {
		margin: auto;
		width: 20% !important;
		right: 5% !important
	}

	#onetrust-banner-sdk #onetrust-group-container {
		width: 75% !important;
		margin-top: .5em;
		margin-bottom: .5em
	}
}

@media only screen and (min-width: 769px) {
	#onetrust-banner-sdk #onetrust-button-group {
		margin-right: unset !important
	}
}

@media only screen and (max-width: 550px) and (min-width: 425px) {
	#onetrust-banner-sdk #onetrust-button-group {
		width: unset !important
	}
}

@media only screen and (max-width: 1024px) and (min-width: 897px) {
	#onetrust-banner-sdk #onetrust-button-group-parent {
		height: 100% !important;
		position: absolute;
		display: inline-flex;
		align-items: center;
		margin-left: 2%
	}
}

#onetrust-consent-sdk #onetrust-accept-btn-handler {
	background: var(--head-bg) !important;
	color: var(--white-color)fff !important;
	border-radius: 5px !important;
	border: none;
	box-shadow: 0px 3px 0 #004890 !important;
	font-weight: bold !important;
	margin-right: 0.5em !important
}

#onetrust-consent-sdk #onetrust-accept-btn-handler:hover {
	background: linear-gradient(to bottom, #004890, #0054aa, var(--head-bg), #006edd, #007af6) !important;
	opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
	border: solid 1px rgba(255, 255, 255, 0.4) !important;
	text-decoration: none !important;
	padding: 12px 10px !important;
	border-radius: 5px !important;
	font-weight: bold !important;
	box-shadow: 0px 3px 0 rgba(255, 255, 255, 0.3) !important;
	background: var(--white-color) !important;
	color: var(--head-bg) !important;
	opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover {
	border: solid 1px var(--head-bg) !important;
	box-shadow: 0px 3px 0 rgba(0, 97, 195, 0.3) !important
}

#onetrust-pc-sdk .ot-pc-header {
	padding: 0px 20px !important;
	height: 60px !important;
	display: flex;
	justify-content: flex-start
}

#onetrust-pc-sdk .ot-pc-logo {
	background-position: left !important;
	height: unset !important;
	margin-bottom: -3px;
	z-index: 1
}

#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk button,
#ot-lst-title span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc {
	color: var(--white-color) !important;
	font-size: 16px !important
}

#onetrust-consent-sdk #onetrust-pc-sdk *:not(.ot-cat-item)>button:not(.ot-ven-box):not(.ot-link-btn) {
	background-color: var(--head-bg) !important;
	border-radius: 5px !important;
	border: none !important;
	box-shadow: 0px 3px 0 #004890 !important;
	font-weight: bold !important
}

#onetrust-consent-sdk #onetrust-pc-sdk *:not(.ot-cat-item)>button:not(.ot-ven-box):not(.ot-link-btn):hover {
	background: linear-gradient(to bottom, #004890, #0054aa, var(--head-bg), #006edd, #007af6) !important
}

#onetrust-banner-sdk .ot-sdk-button:hover,
#onetrust-banner-sdk button:hover,
#onetrust-banner-sdk input[type="submit"]:hover,
#onetrust-banner-sdk input[type="reset"]:hover,
#onetrust-banner-sdk input[type="button"]:hover,
#onetrust-banner-sdk .ot-sdk-button:focus,
#onetrust-banner-sdk button:focus,
#onetrust-banner-sdk input[type="submit"]:focus,
#onetrust-banner-sdk input[type="reset"]:focus,
#onetrust-banner-sdk input[type="button"]:focus,
#onetrust-pc-sdk .ot-sdk-button:hover,
#onetrust-pc-sdk button:hover,
#onetrust-pc-sdk input[type="submit"]:hover,
#onetrust-pc-sdk input[type="reset"]:hover,
#onetrust-pc-sdk input[type="button"]:hover,
#onetrust-pc-sdk .ot-sdk-button:focus,
#onetrust-pc-sdk button:focus,
#onetrust-pc-sdk input[type="submit"]:focus,
#onetrust-pc-sdk input[type="reset"]:focus,
#onetrust-pc-sdk input[type="button"]:focus,
#ot-sdk-cookie-policy .ot-sdk-button:hover,
#ot-sdk-cookie-policy button:hover,
#ot-sdk-cookie-policy input[type="submit"]:hover,
#ot-sdk-cookie-policy input[type="reset"]:hover,
#ot-sdk-cookie-policy input[type="button"]:hover,
#ot-sdk-cookie-policy .ot-sdk-button:focus,
#ot-sdk-cookie-policy button:focus,
#ot-sdk-cookie-policy input[type="submit"]:focus,
#ot-sdk-cookie-policy input[type="reset"]:focus,
#ot-sdk-cookie-policy input[type="button"]:focus {
	opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .vendor-privacy-notice,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .host-title a,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .accordion-header .host-view-cookies,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .cookie-name-container a,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler+a,
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt .ot-subgrp h5,
.ot-acc-grpcntr.ot-acc-txt a,
#onetrust-pc-sdk .ot-always-active {
	color: #ffe415 !important
}

#onetrust-consent-sdk button:focus {
	border: none !important;
	outline: none !important
}

#onetrust-pc-sdk .ot-switch-nob {
	background: var(--white-color) !important
}

#onetrust-pc-sdk .ot-switch-nob:before {
	background: var(--head-bg) !important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
	background-color: var(--head-bg) !important;
	border-color: var(--white-color) !important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
	background-color: var(--white-color) !important
}

#onetrust-pc-sdk .ot-switch-inner:before {
	background-color: #004890 !important
}

#onetrust-pc-sdk .switch-checkbox:checked+.ot-switch-label {
	border: 1px solid #004890 !important
}

#onetrust-pc-sdk .ot-chkbox label::before {
	border: 2px solid #004890 !important
}

#onetrust-pc-sdk #select-all-vendors-input-container.line-through label::after {
	left: 7px
}

#onetrust-pc-sdk #filter-icon path,
#onetrust-pc-sdk #ot-back-arrow path,
#onetrust-pc-sdk #search-container>svg path,
#onetrust-pc-sdk .ot-arrow path {
	fill: #004890
}

#ot-lst-title svg path {
	fill: var(--white-color)
}

#onetrust-pc-sdk .ot-chkbox input:checked~label::before,
#onetrust-pc-sdk #filter-btn-handler:hover {
	background-color: var(--head-bg) !important
}

#onetrust-pc-sdk .ot-plus-minus span {
	background-color: #ffe415 !important
}

#onetrust-pc-sdk .ot-chkbox input[type=checkbox]:focus+label::before,
#onetrust-pc-sdk input[type=checkbox]:focus+.accordion-header,
#onetrust-pc-sdk .ot-tgl input:focus+.ot-switch {
	outline: none !important
}

#onetrust-pc-sdk .vendor-options {
	background-color: #2e6905 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle,
#onetrust-pc-sdk .ot-ven-dets {
	background: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk {
	background-color: #367c06 !important;
	top: -1px
}

#ot-sel-blk .ot-consent-hdr {
	margin-top: 5px;
	color: var(--white-color) !important
}

#onetrust-pc-sdk #hosts-list-container .ot-arrow-container {
	border-left-color: #004890
}

.ot-pc-footer-logo {
	display: none
}

#onetrust-pc-sdk .category-vendors-list-handler+a::after {
	filter: saturate(10) hue-rotate(-120deg) brightness(110%)
}

#onetrust-pc-sdk input[type=checkbox]:focus+.ot-acc-hdr {
	outline: none !important
}

.loading-spinner {
	display: inline-block;
	width: 80px;
	height: 80px
}

.loading-spinner:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid var(--white-color);
	border-color: var(--white-color) transparent var(--white-color) transparent;
	animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

#onetrust-consent-sdk .ot-floating-button {
	display: none
}

header.kizi {
	height: 64px;
	min-height: 42px;
	background-color: var(--main-bg);
	width: 100%;
	top: 0;
	z-index: 9
}

header.kizi.position-fixed {
	position: sticky
}

header.kizi .row.wave {
	padding: 0;
	height: 100%;
	min-height: 55px
}

header.kizi .kizi-logo {
	max-height: 55px;
	width: auto;
	height: 100%;
	position: absolute;
	left: 1rem;
	top: 2px;
	z-index: 9999;
	padding-top: 4px
}

.navbar-brand-container {
	width: max-content;
	padding-left: 1rem;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox
}

.navbar-brand-container .navbar-brand {
	width: 100%;
	height: 100%;
	margin-left: -10%
}

.navbar-rightside,
.navbar-brand-container {
	margin-top: 10px;
	width: max-content;
	/*float: right;*/
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	align-items: center
}

.user-actions {
	background: none !important;
	margin-top: -8px;
	display: flex;
	align-items: center;
	height: 100%
}

.user-actions .user {
	height: 100%
}

.user-actions .user .btn {
	height: 100%;
	background: none !important;
	padding: 0 !important
}

.user-actions .user .btn a {
	height: 100%;
	display: flex;
	align-items: center
}

.user-actions a.authentication {
	border-radius: 30px;
	margin-right: 1px;
	padding-left: 20px
}

.user-actions button.usermenu {
	background-image: linear-gradient(to bottom, #1e6afd, #1771fe, #1479ff, #177fff, #1e86ff, #238aff, #298dff, #2f91ff, #3293ff, #3594ff, #3896ff, #3b97ff);
	border: none;
	display: flex;
	flex-direction: row;
	padding: 5px 0px 5px 12px;
	align-items: center;
	outline: none !important;
	border-radius: 30px;
	height: 50px
}

.user-actions button.usermenu:hover,
.user-actions button.usermenu:active,
.user-actions button.usermenu:focus {
	outline: none !important;
	border: none !important
}

.user-actions .usermenu .profile-picture {
	width: 52px;
	height: 52px;
	clip-path: circle(18px at center);
	-webkit-clip-path: circle(18px at center);
	padding: 2px;
	margin-top: 8px
}

.search-button,
.recent-games {
	display: flex;
	margin-right: 10px;
	align-items: center;
	align-content: center;
	border: none !important;
	background: none !important;
	transition: visibility 0s, opacity 0.15s linear;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	padding: 3px !important
}

.search-button img,
.recent-games img {
	width: 100%;
	max-height: 50px
}

.search-button.active,
.recent-games.active {
	background: var(--about-font-color)26 !important
}

.recent-games-container {
	display: flex;
	overflow-y: auto;
	align-items: center;
	position: absolute;
	background: rgba(0, 35, 70, 0.93);
	color: var(--white-color);
	opacity: 0;
	visibility: hidden;
	top: 0;
	z-index: 999;
	width: 100%;
	padding: 10px 30px 5px;
	min-height: 70px;
	height: auto;
	margin-top: 55px
}

.recent-games-container.active {
	opacity: 1;
	visibility: visible
}

.recent-games-container .recent_game_img {
	width: 100px;
	margin-right: 5px
}

.recent-games-container span.title {
	font-family: 'Oswald', sans-serif;
	color: var(--white-color);
	font-size: 16px;
	letter-spacing: unset;
	margin: unset;
	padding-right: 20px
}

.recent-games-container ul.game-list {
	display: flex;
	list-style-type: none;
	align-items: center;
	align-content: center;
	padding: 2px 5px;
	margin: 0;
	height: 40px;
	max-width: 125px;
	overflow: hidden
}

.recent-games-container ul.game-list li.game {
	width: 36px;
	min-width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 4px;
	display: flex;
	align-items: center;
	align-content: center;
	background-color: rgba(255, 255, 255, 0.09)
}

.recent-games-container ul.game-list li.game a {
	margin-left: 1px
}

.recent-games-container ul.game-list li.game img {
	object-fit: contain;
	border-radius: 50%;
	height: 34px;
	width: 34px
}

.recent-games-container ul.game-list li.game:last-child {
	margin-right: 0
}

.breadcrumb-contain {
	width: 100% !important;
	padding: 0 !important;
	position: static !important
}

.breadcrumb-contain .breadcrumb {
	width: 100%;
	background: #123f98;
	border-radius: 0;
	color: #000;
	font-family: 'Oswald', sans-serif;
	padding: 6px 32px 5px;
	margin: 0;
	text-transform: uppercase
}

.breadcrumb-contain .breadcrumb img.homeicon {
	width: 20px;
	height: 20px;
	filter: brightness(1.4) hue-rotate(100deg);
	-webkit-filter: brightness(1.4) hue-rotate(100deg);
	margin: -3px
}

.breadcrumb-contain .breadcrumb .breadcrumb-item,
.breadcrumb-contain .breadcrumb .breadcrumb-item a {
	display: inline;
	font-size: 16px !important
}

.breadcrumb-contain .breadcrumb .breadcrumb-item.active,
.breadcrumb-contain .breadcrumb .breadcrumb-item a.active {
	color: var(--breadcrumb-color)
}

.breadcrumb-contain .breadcrumb .breadcrumb-item:not(:first-child):before,
.breadcrumb-contain .breadcrumb .breadcrumb-item a:not(:first-child):before {
	display: inline-block;
	padding-right: .5rem;
	padding-left: .5rem;
	color: #2381e0;
	content: "/"
}

.breadcrumb-contain .breadcrumb .breadcrumb-item a,
.breadcrumb-contain .breadcrumb .breadcrumb-item a a {
	color: var(--breadcrumb-color)
}

.navbar .nav-item {
	padding: .25rem .25rem;
	background-color: #59B220
}

@media screen and (max-width: 1199px) {
	.recently-played-games {
		display: none
	}
}

@media (max-width: 575.98px) {
	header.kizi .container-fluid:first-child {
		min-height: 80px
	}

	header.kizi .container-fluid .row.wave {
		padding: 0
	}
}

.nav-item img {
	width: 30px;
	height: 30px
}

@media screen and (max-width: 991.98px) {
	.user-actions a.authentication {
		font-size: 15px
	}

	.navbar-nav {
		flex-direction: row
	}

	.search-button,
	.recent-games {
		width: 38px
	}

	.user-actions button.usermenu {
		padding: 0;
		border: none
	}

	.user-actions .usermenu .info {
		display: none
	}

	.user-actions button.usermenu:after {
		margin-top: 8px;
		margin-left: 0;
		width: 14px;
		height: 14px
	}
}

.game_header_container .game_thumb img {
	height: auto;
	max-width: 25vw;
	margin-right: 4vw;
	float: left
}

#video-preroll {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1031;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--about-font-color)70
}

#video-preroll.hide-loading .loading-spinner {
	display: none
}

#game-container {
	display: none;
	overflow: hidden;
	position: relative
}

#game-container #hide-game-btn {
	position: absolute;
	top: 20px;
	background: url(/assets/common/carousel/arrowleft-3162d6d038ad29fe6621d17d9585720c561b924074b61788b21b28a3f9b3fad4.svg) no-repeat 5px, url(/assets/games/mascots/kizi-maskot-default-4aeed5e977c12f66fa413ce892d527a35a5c2904f3c9a78edaf9385a362c838c.png) no-repeat 20px;
	background-size: auto, contain;
	border-radius: 0 10px 10px 0;
	width: 64px;
	height: 50px;
	background-color: #0160c2;
	box-shadow: 0 2px 4px #000;
	border-bottom: 4px solid #004f9e;
	cursor: pointer
}

.ios-fullscreen {
	overflow: hidden !important
}

.ios-fullscreen #game-container {
	position: fixed;
	width: 100vw;
	top: 0;
	left: 0;
	z-index: 1031
}

.game_name {
	color: var(--white-color);
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin-left: -10px;
	float: none;
	line-height: 33px;
	padding-bottom: 5px
}

.game-full-description {
	font-weight: 200;
	margin-top: 17px
}

.game-full-description li {
	display: list-item !important
}

.readmore-trigger {
	position: relative;
	margin: auto;
	display: block;
	width: 120px
}

.readmore-state,
.readmore-target,
.readmore-wrap :not(:nth-child(1)):not(:empty),
.readmore-wrap :not(:nth-child(-n+2)):empty~.readmore-target,
.readmore-wrap :nth-child(2):empty,
.readmore-wrap :nth-child(-n+3):empty {
	display: none
}

.readmore-state:checked~.readmore-wrap .readmore-target,
.readmore-state:checked~.readmore-wrap :not(:first-child) {
	display: block
}

.readmore-state~.readmore-wrap .readmore-trigger:before {
	content: "Read more"
}

.readmore-state:checked~.readmore-wrap .readmore-trigger:before {
	content: "Show less"
}

.readmore-state {
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% - 60px);
	-webkit-appearance: none;
	outline: none;
	opacity: 0;
	cursor: pointer
}

.readmore-wrap *>* {
	display: inline !important
}

.card-header {
	border-bottom: none !important
}

.game_thumb {
	height: fit-content;
	width: auto
}

.game_thumb img {
	width: auto;
	height: 100%
}

.checked {
	color: var(--font-color1)
}

.fa-thumbs-down,
.fa-thumbs-up,
.fa-question {
	font-size: 1.6em !important;
	position: relative
}

.fa-thumbs-down:hover,
.fa-thumbs-up:hover {
	color: var(--white-color)
}

button .fa-thumbs-up.active,
button .fa-thumbs-down.active,
button.active .fa-thumbs-up,
button.active .fa-thumbs-down {
	pointer-events: none;
	color: #33ffc3;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.game-content {
	min-width: auto
}

.game-content {
	padding: 0;
	margin: 0;
	display: -ms-flexbox;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.game-content {
	display: block !important
}

#GameEmbed * {
	position: relative !important;
	overflow: hidden;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important
}

embed,
object {
	max-width: 100%
}

.arrow-right {
	border: solid var(--white-color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(-45deg);
	margin: 3px
}

.rates {
	text-align: left !important;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.rates .thumb {
	padding-top: 10px
}

.rates span.fa-star:not(.checked) {
	opacity: .4;
	filter: saturate(0)
}

.rates .rating_stars {
	display: inline-block;
	margin: 2rem 0 1rem
}

.rates .rating_stars span.fa.fa-star {
	position: relative;
	top: 13px;
	right: 8px;
	margin-right: 5px
}

.rates .rating_stars>div {
	display: inline-flex
}

.rates .rating_stars .btn:hover,
.rates .rating_stars a.btn:hover,
.rates .rating_stars .btn:not(button):hover {
	background: transparent
}

.rates * {
	color: var(--about-box-bg)
}

.moregames .grid {
	grid-gap: 0;
	/*grid-template-columns: repeat(3, 1fr);*/
	grid-auto-rows: minmax(100px, auto)
}

@media screen and (max-width: 768px) {
	.moregames .grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 768px) {
	.moregames .grid {
		grid-template-columns: repeat(12, 1fr);
	}
}


.moregames .grid .thumb .img-thumbnail {
	border-radius: 0;
	min-height: 100px;
	min-width: 100px;
	padding: 0;
	background-color: transparent
}

.moregames .grid .thumb .img-thumbnail.lazy.error {
	height: 98%;
	min-height: 98%
}

.moregames h2.bg-colored {
	background-color: var(--main-bg);
	text-align: center;
	font-size: 25px;
	margin: 2rem 0 0;
	padding: 10px 0
}

.rate-down {
	margin-right: -3px
}

.at-icon-wrapper {
	background: #b5dbea;
	border-radius: 16%;
	height: 40px !important;
	width: 40px !important;
	line-height: 36px !important;
	margin: 2px 3px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	outline: none !important
}

.share {
	text-align: center
}

@media all and (min-width: 768px) {
	.share {
		grid-column: 2;
		grid-row: 1;
		grid-auto-flow: column;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, minmax(40px, auto));
		grid-gap: 10px
	}
}

.share h5 {
	color: var(--font-color1);
	margin-top: 1rem
}

.at4-visually-hidden,
.share_follow_label {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	overflow: hidden;
	outline: none !important;
	display: none
}

.thumb a {
	display: block
}

.thumb .img-thumbnail {
	min-height: unset
}

.animation-fadein {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-name: fadeIn;
	animation-duration: 1s
}

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

	20% {
		opacity: 0
	}

	40% {
		opacity: 0.3
	}

	60% {
		opacity: 0.5
	}

	80% {
		opacity: 0.9
	}

	100% {
		opacity: 1
	}
}

footer {
	font-family: 'Oswald', Arial, sans-serif;
	min-height: 64px;
	width: 100%;
	background: var(--footer-bg);
	background: -moz-linear-gradient(180deg, var(--footer-bg) 0%, var(--footer-bg2) 100%);
	background: -webkit-linear-gradient(180deg, var(--footer-bg) 0%, var(--footer-bg2) 100%);
	background: linear-gradient(180deg, var(--footer-bg) 0%, var(--footer-bg2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--footer-bg)", endColorstr="var(--footer-bg2)", GradientType=1);
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 64px;
	z-index: 1030
}

footer .navbar-nav {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	list-style: none;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between
}

footer .navbar-nav .nav-item {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	color: white;
	font-weight: bold;
	font-size: 2em;
	text-align: center
}

footer .navbar-nav .nav-item img {
	width: auto;
	height: 115%;
	filter: brightness(100) grayscale(1)
}

footer .navbar-nav .nav-item .nav-link {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	font-size: 12px;
	font-weight: 600;
	color: var(--white-color)fff;
	width: 100%;
	opacity: 0.4;
	position: relative
}

footer .navbar-nav .nav-item .nav-link .icon {
	height: 55%;
	margin-top: 5%;
	overflow: hidden
}

footer .navbar-nav .nav-item .nav-link.active {
	color: var(--white-color);
	opacity: 1;
	background: #55ad1d;
	border-bottom: 1px solid #008410;
	background: -moz-linear-gradient(180deg, #55ad1d 0%, #225900 100%);
	background: -webkit-linear-gradient(180deg, #55ad1d 0%, #225900 100%);
	background: linear-gradient(180deg, #55ad1d 0%, #225900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#55ad1d", endColorstr="#225900", GradientType=1)
}

footer .navbar-nav .nav-item .nav-link.active img {
	filter: brightness(100) grayscale(1)
}

footer .navbar-nav .nav-item .nav-link.active:after {
	width: 100%;
	position: absolute;
	height: 20px;
	top: 100%;
	border-radius: 50%;
	background: #27ff00;
	display: block;
	content: ' ';
	padding: 30px;
	filter: blur(4px)
}

.text-link-nav {
	position: fixed;
	bottom: 64px;
	display: flex;
	width: 100%;
	border-top: solid 1px rgba(221, 221, 221, 0.3);
	opacity: 1;
	transition: opacity .2s ease-in-out;
	z-index: 0
}

.text-link-nav ul {
	display: flex;
	justify-content: space-around;
	width: 100%
}

.text-link-nav ul a {
	font-size: 14px;
	color: var(--font-color3)
}

.text-link-nav.d-visible {
	opacity: 1
}

.fa-thumbs-down,
.fa-youtube-play,
.fa-thumbs-up,
.fa-star {
	display: inline-flex;
	width: 30px;
	height: 30px;
	background-size: contain !important;
	border-radius: 0 !important
}