@font-face {
	font-family: 'icon';
	src: url('assets/icon/font/icon.eot?92799264');
	src: url('assets/icon/font/icon.eot?92799264#iefix') format('embedded-opentype'),
		 url('assets/icon/font/icon.woff2?92799264') format('woff2'),
		 url('assets/icon/font/icon.woff?92799264') format('woff'),
		 url('assets/icon/font/icon.ttf?92799264') format('truetype'),
		 url('assets/icon/font/icon.svg?92799264#icon') format('svg');
	font-weight: normal;
	font-style: normal;
  }
   
   [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icon"!important;
	font-style: normal!important;
	font-weight: normal!important;
	speak: none!important;
	display: inline-block!important;
	text-decoration: inherit!important;
	width: 1em!important;
	margin-right:0 !important;
	text-align: center!important;
	font-variant: normal!important;
	text-transform: none!important;
	line-height: 1em!important;
	margin-left: 0!important;
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
}

h1, h2, h3, h4 {
	font-weight: 800 !important;
}


body, label, input, select, h1, h2, h3, h4, button, textarea {
	font-family: 'Nunito', Arial !important;
}

::selection {
	background: rgb(241, 241, 241) !important;
  }


body {
	background-color: #ffffff !important;
}

body, p, input, select, textarea, h1, h2, h3, h4 {
	color: #16243e !important;
}

.button, a {
	color: #008FD8;
}

.main-content a:hover {
	color: #008FD8 !important;
	text-decoration: underline !important;
}

.button {
	border-radius: 6px!important;
	margin-bottom: 0!important;
	background-color: #008FD8 !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 15px !important;
	display: inline-flex !important;
	align-items: center !important;
	transition: none !important;
	height: 50px !important;
	padding: 10px 20px !important;
}
.button:active,
.button:focus,
.button:hover {
	background-color: #00A5FD !important;
	color: #ffffff !important;
	transition: none !important;
}

header {
	display: flex !important;
	border-bottom: 0.01rem solid rgb(241, 241, 241) !important;
	background-color: rgb(255, 255, 255) !important;
	position: relative !important;
    height: 70px !important;
    padding: 0 2.5rem !important;
	grid-gap: 20px !important;
	z-index: 6 !important;
	align-items: center !important;
}
.header-nav {
	flex: 1 !important;
}
.header-brand {
	display: flex !important;
	align-items: center !important;
}
.header-brand a {
	display: block !important;
}
.header-brand a img {
	width: 110px !important;
}

.header-nav nav ul.menu li a {
	color: #16243e !important;
	font-size: 16px !important;
	padding: 25px 10px !important;
	font-weight: 600 !important;
	position: relative!important;
	display: flex!important;
	align-items: center!important;
	grid-gap: 5px!important;
	height: 70px!important;
}
.header-nav nav ul.menu li a svg {
	width: 18px!important;
	height: auto!important;
	margin-top: -2px!important;
}
.header-nav nav ul.menu li a:hover {
	color: #008FD8!important;
}
.header-nav nav ul.menu li.header-nav-icon {
    display: flex!important;
    align-items: center!important;
}
.header-nav nav ul.menu li:last-child span {
    margin-left: 10px!important;
    border-left: 0.01rem solid #eee!important;
    padding-left: 20px!important;
    display: flex!important;
    align-items: center!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
}
.header-nav nav ul.menu li.header-nav-icon svg {
	width: 20px!important;
	height: auto!important;
	cursor: pointer!important;
}

main {
	padding: 50px 0 60px!important;
}

.grid-two {
	display: grid!important;
	grid-template-columns: 1fr 1fr!important;
	grid-gap: 20px!important;
	grid-row-gap: 40px!important;
}
.grid-three {
	display: grid!important;
	grid-template-columns: 1fr 1fr 1fr!important;
	grid-gap: 20px!important;
	grid-row-gap: 40px!important;
}
.grid-four {
	display: grid!important;
	grid-template-columns: 1fr 1fr 1fr 1fr!important;
	grid-gap: 20px!important;
	grid-row-gap: 40px!important;
}
.grid-six {
	display: grid!important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr!important;
	grid-gap: 20px!important;
	grid-row-gap: 40px!important;
}

.section-cats {
	display: grid!important;
	grid-template-columns: 1fr!important;
	grid-gap: 60px!important;
}

.games-header {
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	margin-bottom: 20px!important;
}
.games-header .title {
	margin-bottom: 0!important;
	line-height: 31px!important;
}
.games-header .title a {
	display: inline-block!important;
	font-size: 25px!important;
	font-weight: 800!important;
	color: #008FD8!important;
}
.games-header .title a:hover {
	color: #008FD8!important;
	text-decoration: underline!important;
}


.games-header-inner {
	margin-bottom: 35px!important;
	display: block!important;
}
.games-header-inner p {
	margin-bottom: 0!important;
	margin-top: 20px!important;
	padding-right: 200px!important;
	border-bottom: 0.01rem solid rgb(241, 241, 241)!important;
	padding-bottom: 35px!important;
}

.games-header h1.title {
	display: block!important;
	font-size: 35px!important;
	font-weight: bold!important;
}

.game-thumb {
	display: block!important;
}
.game-thumb figure {
	height: 140px!important;
	width: 100%!important;
	overflow: hidden!important;
	border-radius: 25px!important;
}
.game-thumb:hover figure {
	opacity: 0.9!important;
}
.game-thumb figure img {
	object-fit: cover!important;
	width: 100%!important;
	height: 100%!important;
}
.game-category a {
	display: inline-block!important;
    font-weight: bold!important;
    font-size: 12px!important;
    letter-spacing: 1px!important;
	text-transform: uppercase!important;
	margin-bottom: 6px!important;
	color: #008FD8 !important;
}
.game-category a:hover {
	text-decoration: underline!important;
}
.game-title h3 {
    margin-bottom: 0!important;
    font-size: 17px!important;
    font-weight: bold !important;
    text-align: center!important;
    line-height: 20px!important;
    margin-top: 12px!important;
}
.game-thumb:hover .game-title h3 {
	color: #008FD8!important;
}

.game-meta {
    display: flex!important;
    align-items: center!important;
    grid-gap: 6px!important;
    font-size: 11px!important;
    letter-spacing: 0.5px!important;
	margin-top: 10px!important;
}
.game-meta svg {
	width: 13px!important;
	height: auto!important;
	display: none!important;
}
.game-meta span {
    display: flex!important;
    align-items: center!important;
    grid-gap: 5px!important;
	color: rgb(118, 118, 118)!important;
}

.section-featured {
	border-bottom: 0.01rem solid rgb(241, 241, 241)!important;
	padding-bottom: 30px!important;
	margin-bottom: 20px!important;
}


.section-featured .game-thumb figure {
	height: 320px!important;
	width: 100%!important;
}
.section-featured .game-title .game-link {
	font-size: 32px!important;
	line-height: 37px!important;
}


.games-header .games-more {
    display: inline-block!important;
    border: 1px solid #008FD8!important;
    color: #008FD8!important;
    padding: 4px 13px!important;
    font-size: 14px!important;
    border-radius: 6px!important;
}
.games-header .games-more:hover {
	background-color: #008FD8!important;
	color: #ffffff!important;
}


.section-ads {
	margin: 50px 0!important;
	margin-bottom: 0!important;
	padding: 50px 0!important;
	border-top: 0.01rem solid rgb(241, 241, 241)!important;
	border-bottom: 0.01rem solid rgb(241, 241, 241)!important;
}


.section-news {
	padding: 50px 0!important;
	border-top: 0.01rem solid rgb(241, 241, 241)!important;
}
.section-news h3 {
    font-size: 24px!important;
    line-height: 30px!important;
    margin-bottom: 25px!important;
}

.form-news-fields {
	display: flex!important;
	align-items: center!important;
	max-width: 45%!important;
	margin: 0 auto!important;
	grid-gap: 10px!important;
}
.form-news input[type="email"] {
    margin-bottom: 0!important;
    flex: 1!important;
    box-shadow: none!important;
    font-size: 15px!important;
    padding: 12px 15px!important;
	height: 50px!important;
	border-radius: 6px!important;
	letter-spacing: 0.5px!important;
}

.disclaimer-news {
	margin-top: 18px!important;
    font-size: 11px!important;
    letter-spacing: 0.5px!important;
    display: flex!important;
	grid-gap: 8px!important;
    align-items: center!important;
    justify-content: center!important;
	color: rgb(118, 118, 118)!important;
}
.disclaimer-news input {
	margin-bottom: 0!important;
	margin-top: -1px!important;
	cursor: pointer!important;
}
.disclaimer-news a {
	color: #008FD8!important;
}
.disclaimer-news a:hover {
	color: #008FD8!important;
	text-decoration: underline!important;
}

.fetch a {
	margin-top: 50px!important;
	font-size: 17px!important;
	padding-left: 45px!important;
	padding-right: 45px!important;
}
.fetch .button.loading {
	opacity: 0.6!important;
	cursor: not-allowed!important;
}


footer {
	background-color: rgb(241, 241, 241)!important;
	padding: 30px 0!important;
	font-size: 14px!important;
}

.footer-social {
	display: inline-flex!important;
	justify-content: center!important;
	grid-gap: 20px!important;
	margin-bottom: 20px!important;
	align-items: center!important;
}
.footer-social a {
	color: rgb(34, 34, 34)!important;
	display: block!important;
	height: 28px!important;
	opacity: 0.6!important;
}
.footer-social a:hover {
	opacity: 10!important;
}
.footer-social a svg {
	width: 27px!important;
	height: auto!important;
}

footer p {
	margin-bottom: 0px!important;
}
footer p, .footer-copy {
	opacity: 0.6!important;
}
.footer-copy {
	font-size: 11px!important;
}

.footer-nav {
	display: inline-flex!important;
	justify-content: center!important;
	grid-gap: 10px!important;
	margin: 0 0 7px!important;
	align-items: center!important;
}
.footer-nav a {
	font-size: 14px!important;
	color: rgb(34, 34, 34)!important;
	opacity: 0.7!important;
	position: relative!important;
}
.footer-nav a:after {
	content: '•'!important;
    padding-left: 10px!important;
    opacity: 0.5!important;
    font-size: 7px!important;
    display: inline-block!important;
    vertical-align: 2px!important;
}
.footer-nav a:last-child:after {
	display: none!important;
}

.footer-nav a:hover {
	text-decoration: underline!important;
}
.footer-nav span {
    opacity: 0.5!important;
    font-size: 6px!important;
    margin-top: 2px!important;
}


.dropdown-pane {
	left: 0 !important;
	width: 100% !important;
	background-color: rgb(34, 34, 34)!important;
	border: none !important;
	padding: 20px!important;
}
.dropdown-pane form {
	max-width: 60%!important;
	margin: 0 auto!important;
}
.dropdown-pane .field {
	border: 1px solid #ffffff !important
}

.field {
    border-radius: 6px!important;
    height: 44px!important;
    box-shadow: none!important;
    padding: 12px 15px!important;
    margin-bottom: 0!important;
    font-size: 16px!important;
    width: 310px!important;
}
.field:focus {
	box-shadow: none!important;
}

.header-search {
	display: flex!important;
	grid-gap: 10px!important;
	align-items: center!important;
}

.header-s .button {
	height: 44px!important;
	padding: 10px 18px!important;
	font-weight: 600!important;
	font-size: 16px!important;
	color: white !important;
}


.categories-grid {
	display: grid!important;
	grid-template-columns: 1fr 1fr 1fr 1fr!important;
	grid-gap: 15px!important;
}
.categories-grid li a {
	display: block!important;
	border: 2px solid #f5f5f5!important;
	background-color: #fbfbfb!important;
	padding: 16px!important;
	border-radius: 16px!important;
	display: flex!important;
	grid-gap: 12px!important;
	align-items: center!important;
	color: #16243e!important;
}
.categories-grid li a:hover {
	border-color: #008FD8!important;
}
.categories-grid li a:hover b {
	color: #008FD8!important;
}
.categories-grid li a .categories-content {
	flex: 1!important;
	display: flex!important;
	align-items: center!important;
	grid-gap: 10px!important;
	justify-content: space-between!important;
}
.categories-arrow {
	display: flex!important;
	align-items: center!important;
}
.categories-arrow svg {
	width: 28px!important;
	height: auto!important;
	fill: #008FD8!important;
}
.categories-grid li a .bi-arrow-right-circle-fill {
	display: none!important;
}

.categories-grid li a:hover .bi-arrow-right-circle-fill {
	display: block!important;
}
.categories-grid li a:hover .bi-arrow-right-circle {
	display: none!important;
}

.categories-grid li a:hover svg{
	opacity: 10!important;
	fill: #008FD8!important;
}
.categories-grid li a .categories-content b,
.categories-grid li a .categories-content small {
	display: block!important;
}
.categories-grid li a .categories-content b {
	font-size: 17px!important;
}
.categories-grid li a .categories-content small {
	font-size: 11px!important;
}
.categories-thumb {
	width: 80px!important;
	height: 80px!important;
	overflow: hidden!important;
	border-radius: 16px!important;
}
.categories-thumb img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
}


.wrapper {
	display: flex!important;
	grid-gap: 30px!important;
}
.wrapper .single-article {
	flex: 1!important;
}

.social-share {
	display: grid!important;
	grid-template-columns: 1fr!important;
	grid-gap: 14px!important;
}
.social-share a {
	color: rgb(34, 34, 34)!important;
	height: 30px!important;
	opacity: 0.5!important;
}
.social-share a:hover {
	opacity: 10!important;
}
.social-share a svg {
	width: 28px!important;
	height: auto!important;
}
.sticky-social {
	width: 28px!important;
}


.single-article-category {
	display: inline-flex!important;
}
.single-article-category a {
	font-weight: bold!important;
	display: inline-block!important;
	margin-bottom: 10px!important;
	font-size: 14px!important;
	letter-spacing: 1px!important;
	text-transform: uppercase!important;
	color: #008FD8!important;
}
.single-article-category a:hover {
	color: #008FD8!important;
	text-decoration: underline!important;
}
.single-article-title {
	margin-bottom: 25px!important;
}
.single-article-title h1 {
	font-weight: bold!important;
    line-height: 49px!important;
    font-size: 42px!important;
	margin-bottom: 0!important;
}
.single-article-title p {
    font-size: 19px!important;
    margin-bottom: 0!important;
    line-height: 28px!important;
    margin-top: 15px!important;
	color: rgb(118, 118, 118)!important;
}
.single-article-meta-item {
    display: flex!important;
    align-items: center!important;
    grid-gap: 10px!important;
    margin-bottom: 35px!important;
    font-size: 13px!important;
	color: rgb(118, 118, 118)!important;
}
.single-article-meta-item svg {
	width: 16px!important;
	height: auto!important;
	opacity: 0.4!important;
	margin-top: -1px!important;
}
.single-article-meta-item span {
	display: flex!important;
	align-items: center!important;
	grid-gap: 7px!important;
}

.single-article-thumb {
	margin-bottom: 35px!important;
}
.single-article-thumb figure {
	height: 370px!important;
	width: 100%!important;
	overflow: hidden!important;
	border-radius: 8px!important;
}
.single-article-thumb figure img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
}

.main-content h2 {
	font-size: 30px!important;
	font-weight: bold!important;
	line-height: 34px!important;
	margin-bottom: 23px!important;
	margin-top: 30px!important;
}
.main-content h3 {
	font-size: 21px!important;
	font-weight: bold!important;
	line-height: 29px!important;
	margin-bottom: 23px!important;
	margin-top: 30px!important;
}
.main-content p, 
.main-content ul,
.main-content ol {
	font-size: 17px!important;
} 
.main-content ul,
.main-content ol {
	margin-bottom: 30px!important;
	margin-top: 20px!important;
	margin-left: 30px!important;
	display: grid!important;
	grid-template-columns: 1fr!important;
	grid-gap: 6px!important;
}
.main-content ul,
.main-content ol {
	list-style: none!important;
	position: relative!important;
}
.main-content ul li {
	position: relative!important;
	padding-left: 21px!important;
}
.main-content ol {
	counter-reset: my-awesome-counter!important;
}
.main-content ol li {
	grid-gap: 10px!important;
	counter-increment: my-awesome-counter!important;
	padding-left: 34px!important;
}
.main-content ol li:before {
    content: counter(my-awesome-counter)!important;
    width: 25px!important;
    height: 25px!important;
    background-color: #008FD8!important;
    color: #ffffff!important;
    font-weight: bold!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 13px!important;
    padding-top: 3px!important;
    border-radius: 50%!important;
    padding-left: 1px!important;
	position: absolute!important;
	left: 0!important;
}

.main-content ul li:before {
    content: '•'!important;
	margin-top: 8px!important;
    color: #008FD8!important;
    font-size: 35px!important;
    line-height: 10px!important;
	position: absolute!important;
	left: 0!important;
}


.main-content p:last-child {
	margin-bottom: 0!important;
}


.sidebar-item .games {
	display: grid!important;
	grid-template-columns: 1fr!important;
	grid-gap: 25px!important;
}
.sidebar-item .games .game {
	display: flex!important;
	grid-gap: 20px!important;
}
.sidebar-item .games .game .game-thumb {
    margin-bottom: 0!important;
}
.sidebar-item .games .game .game-thumb figure {
    width: 130px!important;
    height: 130px!important;
}
.sidebar-item .games .game .game-title {
	flex: 1!important;
}
.sidebar-item .article-title .article-link {
	font-size: 16px!important;
	line-height: 22px!important;
}

.sidebar-item .games-header {
	margin-bottom: 23px!important;
}
.games-related .games-header span,
.sidebar-item .games-header span {
	font-weight: bold!important;
	font-size: 25px!important;
}
.sidebar {
	display: grid!important;
	grid-template-columns: 1fr!important;
	grid-gap: 50px!important;
}

.games-related {
	margin-top: 50px!important;
	border-top: 0.01rem solid rgb(241, 241, 241)!important;
	padding-top: 50px!important;
}

.section-tags {
	margin-top: 40px!important;
	display: inline-flex!important;
	grid-gap: 5px!important;
	align-items: center!important;
}
.section-tags span {
	margin-right: 4px!important;
	font-weight: bold!important;
}
.section-tags a {
	background-color: #008FD8!important;
	color: #ffffff!important;
	text-transform: lowercase!important;
	border-radius: 6px!important;
	padding: 6px 10px!important;
	font-size: 13px!important;
}
.section-tags a:hover {
	background-color: #00A5FD!important;
	color: #ffffff!important;
}

.has-tip {
	border: none!important;
	cursor: pointer!important;
}
.tooltip {
	font-size: 10px!important;
	line-height: 15px!important;
	text-align: center!important;
	border-radius: 6px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	max-width: 120px!important;
	color: #ffffff!important;
}

.section-posts-simple .game-thumb {
	display: none!important;
}

.off-canvas {
	background-color: rgb(34, 34, 34)!important;
}
.js-off-canvas-overlay {
	background: rgba(0, 0, 0, .75)!important;
}

.off-canvas nav ul.menu li a {
    color: #ffffff!important;
    font-size: 16px!important;
    letter-spacing: 0!important;
    outline: none!important;
    padding: 16px 30px!important;
    padding-right: 20px!important;
    text-align: left!important;
    display: flex!important;
    align-items: center!important;
    grid-gap: 8px!important;
}
.off-canvas nav ul.menu li a svg {
	width: 20px!important;
	height: auto!important;
}
.off-canvas .header-search {
	display: grid!important;
	grid-template-columns: 1fr!important;
	padding: 30px 15px!important;
}
.off-canvas .header-search input[type=search] {
    margin-bottom: 0!important;
    height: 50px!important;
    font-size: 14px!important;
    box-shadow: none!important;
	padding: 12px 15px!important;
    border: none!important;
    border-radius: 6px!important;
}
.header-menu-border {
	border-top: 1px solid #333333!important;
	padding-top: 25px!important;
    margin-top: 25px!important;
	margin-bottom: 30px!important;
}
.off-canvas .header-search span {
	color: #ffffff!important;
	font-size: 14px!important;
	font-weight: bold!important;
}


.game-header {
	display: flex!important;
	justify-content: space-between!important;
	align-items: center!important;
	margin-bottom: 20px!important;
}
.game-header-thumb {
	display: flex!important;
	grid-gap: 20px!important;
	align-items: center!important;
}
.game-header-thumb figure {
	width: 120px!important;
	height: 120px!important;
	overflow: hidden!important;
	border-radius: 16px!important;
}
.game-header-thumb figure img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
}
.game-header-thumb h1 {
	flex: 1!important;
	font-size: 30px!important;
	line-height: 33px!important;
	padding-right: 40px!important;
	margin: 0!important;
}
.game-extras {
	display: grid!important;
	grid-template-columns: 1fr 1fr!important;
	grid-gap: 10px!important;
}
.game-description {
	margin: 40px 0!important;
}
.game-extra-content {
	display: flex!important;
	align-items: center!important;
	grid-gap: 15px!important;
	text-transform: capitalize!important;
	flex: 1!important;
	justify-content: space-between!important;
	height: 100%!important;
	padding: 11px 15px!important;
	padding-left: 12px!important;
	background-color: #fbfbfb!important;
	border: 2px solid #f5f5f5!important;
	border-left: none!important;
	font-size: 14px!important;
	-webkit-border-top-right-radius: 16px!important;
-webkit-border-bottom-right-radius: 16px!important;
-moz-border-radius-topright: 16px!important;
-moz-border-radius-bottomright: 16px!important;
border-top-right-radius: 16px!important;
border-bottom-right-radius: 16px!important;
}
.game-extra {
	display: flex!important;
	align-items: center!important;
	height: 100%!important;
}
.game-extra-icon {
	background-color: #008FD8!important;
	display: flex!important;
	align-items: center!important;
	height: 100%!important;
	padding: 11px!important;
	padding-left: 13px!important;
	-webkit-border-top-left-radius: 16px!important;
-webkit-border-bottom-left-radius: 16px!important;
-moz-border-radius-topleft: 16px!important;
-moz-border-radius-bottomleft: 16px!important;
border-top-left-radius: 16px!important;
border-bottom-left-radius: 16px!important;
}
.game-extra-icon svg {
	width: 28px!important;
	fill: white!important;
	height: auto!important;
}

.icon-star-5:before { content: '\ebb6'!important; } /* '' */
:root {
    --star-size: 16px!important;
    --star-color: #dddddd!important;
    --star-background: #FFCC00!important;
}

.game-description .main-content {
    max-height: 156px!important;
    min-height: 80px!important;
    overflow: hidden!important;
    position: relative!important;
    box-sizing: content-box!important;
}
.game-description .main-content.showAll {
    max-height: inherit!important;
}
.game-description-more {
	margin-top: 25px!important;
}
.game-description-more .moreShow:before {
    content: "Leia mais"!important;
}
.game-description-more .moreShow:after {
    font-family: "icon"!important;
    content: "\e915"!important;
}
.game-description-more .moreShow.lessShow:before {
    content: "Leia menos" !important;
}
.game-description-more .moreShow.lessShow:after {
    font-family: "icon" !important;
    content: "\e918" !important;
}
.game-description-more .button-game {
	background-color: #eef1f2 !important;
    border: 1px solid #e8e9ea !important;
    color: #16243e !important; 
    font-size: 15px !important;
    font-weight: normal !important;
	text-transform: lowercase !important;
    padding: 12px 45px !important;
    display: inline-flex !important;
    border-radius: 6px !important;
    height: auto !important;
    align-items: center !important;
    grid-gap: 7px !important;
}
	
.game-rating {
	display: flex!important;
	align-items: center!important;
	grid-gap: 7px!important;
}
.game-rating span {
    font-weight: 600!important;
    font-size: 21px!important;
    margin-top: 2px!important;
	line-height: 20px!important;
}
.game-rating-stars {
    --percent: calc(var(--rating) / 5 * 100%)!important;
    display: inline-block!important;
    font-size: var(--star-size)!important;
    font-family: 'icon'!important;
    line-height: 1!important;
    flex: 1!important;
 
  }
  .game-rating-stars:before {
    content: '\ebb6 \ebb6 \ebb6 \ebb6 \ebb6'!important;
    letter-spacing: 3px!important;
	font-size: 20px!important;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent))!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
  }


  .game-txs span {
	position: relative!important;
  }
  .game-txs span:after {
	content: ', '!important;
  }
  .game-txs span:last-child:after {
	display: none!important;
  }


  .game-boxes-title h3 {
	margin: 0!important;
	margin-bottom: 20px!important;
	font-size: 25px!important;
	line-height: 30px!important;
	font-weight: 600!important;
  }

  .game-action p {
	margin-bottom: 0!important;
  }
  .game-action {
	display: grid!important;
	grid-template-columns: 1fr 1fr!important;
	align-items: center!important;
	grid-gap: 30px!important;
	border: 2px solid #f5f5f5!important;
    background-color: #fbfbfb!important;
    padding: 35px!important;
    border-radius: 16px!important;
	margin-bottom: 40px!important;
  }
  .game-action-links {
	display: flex!important;
	grid-gap: 15px!important;
	align-items: center!important;
  }
  .game-action-links .button-game {
	flex: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 800 !important;
	font-size: 18px !important;
	grid-gap: 6px !important;
    color: white !important;
	padding: 20px 15px !important;
	border-radius: 200px !important;
	background-color: #68cc5b !important;
	height: auto !important;
  }
  .game-action-links .button-game svg {
	width: 25px!important;
	height: auto!important;
	margin-top: -2px!important;
  }
  
  .game-action h3 {
	display: flex!important;
	align-items: center!important;
	grid-gap: 8px!important;
	margin-bottom: 15px!important;
  }
  .game-action h3 svg {
	width: 25px!important;
	color: #68cc5b!important;
	height: auto!important;
	margin-top: -2px!important;
  }

  
.icon-left-open-1:before { content: '\e916'!important; } /* '' */
.icon-right-open-1:before { content: '\e917'!important; } /* '' */

#owl-games .owl-nav {
	position: absolute!important;
	top: 50%!important;
	left: 0!important;
	width: 100%!important;
	margin-top: -20px!important;
}
#owl-games .owl-nav button {
	width: 40px!important;
	height: 40px!important;
	border-radius: 50%!important;
	outline: none !important;
	background-color: #ffffff!important;
	color: #16243e!important;
	padding: 0!important;
	margin: 0!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-size: 24px!important;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2)!important;
}
#owl-games .owl-nav button.owl-prev {
	left: 19px!important;
	top: 0!important;
	position: absolute!important;
}
#owl-games .owl-nav button.owl-prev i {
	flex: 1!important;
    margin-top: 2px!important;
    margin-left: -2px!important;
}
#owl-games .owl-nav button.owl-next {
	right: 19px!important;
	top: 0!important;
	position: absolute!important;
}
#owl-games .owl-nav button.owl-next i {
	flex: 1!important;
    margin-top: 2px!important;
    margin-right: -2px!important;
}
#owl-games .owl-dots {
	margin-top: 13px !important;
    position: absolute!important;
    width: 100%!important;
}
#owl-games .owl-dots .owl-dot span {
    width: 7px!important;
    height: 7px!important;
    margin: 5px 5px!important;
}
#owl-games .owl-dots .owl-dot.active span, #owl-games .owl-dots .owl-dot:hover span {
    background: #008FD8 !important;
}
#owl-games li {
	overflow: hidden!important;
	border-radius: 16px!important;
	height: 290px!important;
}
#owl-games li img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover!important;
}

@media (max-width: 1120px) {
	.header-nav nav ul.menu li:nth-child(2) {
		display: none!important;
	}
}
@media (max-width: 1024px) {
	.sticky-social {
		display: none!important;
	}
	.sidebar {
		margin-top: 50px!important;
	}
}

@media (max-width: 1000px) {
	.header-nav nav ul.menu li:nth-child(3) {
		display: none!important;
	}
}
@media (max-width: 860px) {
	.header-nav nav ul.menu li {
		display: none !important;
	}
	.header-nav nav ul.menu li.hide-for-medium {
		display: flex !important;
	}
	.header-nav nav ul.menu li.hide-for-medium span {
		display: flex!important;
		align-items: center!important;
	}
	.header-nav nav ul.menu li.hide-for-medium span svg {
		width: 32px!important;
		height: auto!important;
		cursor: pointer!important;
	}
	.form-news-fields {
		max-width: 70%!important;
	}
	.games-header-inner p {
		padding-right: 0!important;
	}
	.grid-four {
		grid-template-columns: 1fr 1fr!important;
	}
}
@media (max-width: 639px) {
	header {
		padding-left: 20px!important;
		padding-right: 20px!important;
	} 
	main {
		padding-left: 10px!important;
		padding-right: 10px!important;
		padding-top: 20px!important;
		padding-bottom: 45px!important;
	}
	.section-featured .game-thumb figure {
		height: 190px!important;
	}
	.section-featured .game-title .game-link {
		font-size: 22px!important;
		line-height: 28px!important;
	}
	.grid-two,
	.grid-three,
	.grid-four {
		grid-template-columns: 1fr!important;
		grid-row-gap: 15px!important;
	}
	.game-title .game-link {
		font-size: 16px!important;
		line-height: 22px!important;
	}
	.section-cats {
		 grid-gap: 40px!important;
	}
	.section-posts .games .game {
		grid-gap: 20px!important;
	}
	.section-posts .games .game-title {
		flex: 1!important;
	}
	.section-posts .games .game-thumb {
		margin-bottom: 0!important;
	}
	.section-posts .games .game-thumb figure {
		width: 100%!important;
		height: 105px!important;
	}
	.section-posts-simple .game-thumb {
		display: block!important;
	}
	.section-posts-simple .games {
		margin-bottom: 25px!important;
	}
	.section-featured {
		margin-bottom: 30px!important;
	}
	.games-header .title a {
		 font-size: 22px!important;
	}
	.games-header .games-more {
		font-size: 13px!important;
        padding: 4px 12px!important;
	}
	.fix-pd {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.section-news {
		padding: 35px 0!important;
	}
	.section-news h3 {
        font-size: 16px!important;
        line-height: 22px!important;
        margin-bottom: 16px!important;
	}
	
	.form-news-fields {
		max-width: 100%!important;
		display: grid!important;
		grid-template-columns: 1fr!important;
	}
	.disclaimer-news {
		text-align: left!important;
	}
	.form-news input[type="email"] {
		font-size: 14px!important;
	}
	.footer-nav {
		 display: grid!important;
		 grid-template-columns: 1fr!important;
		 margin: 0 0 30px!important;
	}
	.footer-nav span {
		display: none!important;
	}
	.footer-nav a {
		font-size: 13px!important;
		padding: 4px 0!important;
	}
	.games-header-inner {
		margin-bottom: 20px!important;
	}
	.games-header-inner p {
		padding-bottom: 30px!important;
		margin-top: 15px!important;
	}
	p {
		font-size: 14px!important;
	}
	.games-header h1.title {
		margin-top: 0!important;
		font-size: 22px!important;
	}
	.fetch a {
		margin-top: 40px!important;
		display: flex!important;
		justify-content: center!important;
	}
	.single-article-title h1 {
		line-height: 33px!important;
		font-size: 28px!important;
	}
	.single-article-category a {
		font-size: 13px!important;
	}
	.single-article-title p {
		font-size: 15px!important;
		line-height: 22px!important;
	}
	.single-article-meta-item {
		font-size: 11px!important;
		margin-bottom: 25px!important;
	}
	.single-article-meta-item svg {
		width: 14px!important;
		margin-top: 0!important;
	}
	.single-article-thumb figure {
		height: 200px!important;
	}
	.main-content p, .main-content ul, .main-content ol {
		font-size: 15px!important;
	}
	.main-content h2 {
		font-size: 21px!important;
		line-height: 26px!important;
		margin-bottom: 15px!important;
		margin-top: 25px!important;
	}
	.main-content h3 {
		font-size: 16px!important;
		line-height: 26px!important;
		margin-bottom: 15px!important;
		margin-top: 25px!important;
	}
	.main-content ul, .main-content ol {
		margin-left: 20px!important;
	}
	.articles-related .articles-header span, .sidebar-item .articles-header span {
		font-size: 20px!important;
	}
	.main-content ul li:before {
		margin-top: 7px!important;
	}
	.articles-related .article:last-child {
		display: none!important;
	}
	.articles-related {
		margin-top: 20px!important;
		padding-top: 40px!important;
	}
	.social-share-mobile .social-share {
		display: flex!important;
		margin-bottom: 30px!important;
		grid-gap: 15px!important;
	}
	.social-share a svg {
		width: 32px!important;
	}
	.section-tags a {
		font-size: 12px!important;
		padding: 5px 10px!important;
	}
	.section-tags span {
		font-size: 14px!important;
	}
	.button {
		font-size: 14px!important;
	}
}

.header-nav nav ul.menu li.header-nav-icon {
	display: none!important;
}
.header-nav nav ul.menu li.header-nav-icon span {
	display: flex!important;
	align-items: center!important;
}
.header-nav nav ul.menu li.header-nav-icon svg {
	width: 37px!important;
	height: auto!important;
}
.s-mobile {
	display: none!important;
}

.game-header-thumb .game-rating {
	display: none!important;
}


.game-wrap-grid {
	margin: 0 15px!important;
}
.game-grid {
	display: grid!important;
	grid-template-columns: repeat(12, calc((100% - 88px) / 12))!important;
	grid-gap: 8px 8px!important;
	margin: 25px 0!important;
}
.game-grid>li:nth-child(2) {
    grid-row: 1 / 3!important;
    grid-column: 3 / 5!important;
}
.game-grid>li>a {
    display: flex!important;
    width: 100%!important;
    border-radius: 20px!important;
    overflow: hidden!important;
    position: relative!important;
    transition: all .3s!important;
    padding: 4px!important;
	height: 100%!important;
}
.game-grid>li>a figure {
    border-radius: 16px!important;
    overflow: hidden!important;
    width: 100%!important;
    height: 0!important;
    padding-bottom: 100%!important;
    position: relative!important;
}
.game-grid>li>a:hover figure {
	opacity: 0.8!important;
}
.game-grid>li>a figure>img {
    width: 100%!important;
    height: 100%!important;
    object-position: center!important;
    object-fit: cover!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
}
.game-grid>li>a.logo {
    align-items: center!important;
    border: 1px solid #eee!important;
    padding: 0 6px!important;
    background: #f7f7f7!important;
}
.game-grid>li>a.logo figure {
	padding: 0!important;
    height: 100%!important;
    display: flex!important;
    align-items: center!important;
}
.game-grid>li>a.logo figure>img {
	height: auto!important;
    object-fit: inherit!important;
	position: relative!important;
}

.tooltip {
	padding: 10px 14px!important;
	line-height: 13px!important;
}

@media screen and (max-width: 1365px) {
    .game-grid {
        grid-template-columns: repeat(10, calc((100% - 72px) / 10))!important;
    }
}
@media screen and (max-width: 1279px) {
    .game-grid {
        grid-template-columns: repeat(9, calc((100% - 64px) / 9))!important;
    }
}
@media screen and (max-width: 1023px) {
    .game-grid {
        grid-template-columns: repeat(6, calc((100% - 40px) / 6))!important;
    }
}
@media screen and (max-width: 767px) {
    .game-grid {
        grid-template-columns: repeat(3, calc((100% - 16px) / 3))!important;
    }
}
@media screen and (max-width: 767px) {
    .game-grid li:nth-child(2) {
        grid-column: 1 / 3!important;
        grid-row: 3 / 5!important;
    }
}








@media (max-width: 1024px) {
	.grid-six {
		grid-template-columns: 1fr 1fr 1fr 1fr!important;
	}
	.categories-grid {
		grid-template-columns: 1fr 1fr!important;
	}
	.header-nav nav ul.menu li {
		display: none!important;
	}
	.header-nav nav ul.menu li.header-nav-icon {
		display: block !important;
	}
	.header-nav nav ul.menu li:last-child {
		display: none !important;
	}
	header {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
@media (max-width: 840px) {
	.game-extras {
		grid-template-columns: 1fr!important;
	}
	.game-header-thumb h1 {
		padding-right: 0!important;
	}
	.game-header-thumb,
	.game-header {
		grid-gap: 15px!important;
	}
	.game-action {
		grid-template-columns: 1fr!important;
	}
}
@media (max-width: 639px) {
	
.footer-nav a:after {
	display: none!important;
}
	.game-action {
		grid-gap: 20px!important;
		padding: 25px!important;
	}
	.game-action-links {
		display: grid!important;
		grid-template-columns: 1fr!important;
	}
	header {
		justify-content: space-between!important;
	}
	.header-s {
		display: none !important;
	}
	.header-nav {
		flex: inherit!important;
	}
	.grid-six {
		grid-template-columns: 1fr 1fr 1fr!important;
		grid-gap: 13px!important;
		grid-row-gap: 25px!important;
	}
	.categories-grid {
		grid-template-columns: 1fr 1fr!important;
		grid-gap: 15px!important;
	}
	.article-title h3 {
		font-size: 14px!important;
		line-height: 16px!important;
	}
	.categories-grid li a .categories-content b {
		font-size: 15px!important;
	}
	.categories-arrow svg {
		display: none!important;
	}
	.s-mobile {
		display: flex!important;
	}
	.s-mobile svg {
		width: 27px!important;
		height: auto!important;
	}
	.header-brand {
		justify-content: center!important;
		flex: 1!important;
	}
	.dropdown-pane form {
		max-width: inherit!important;
	}
	.game-header-thumb figure {
		width: 100px!important;
		height: 100px!important;
	}
	.game-header-thumb h1 {
		font-size: 22px!important;
		line-height: 20px!important;
	}
	.game-rating {
		display: none!important;
	}
	.game-header-thumb .game-rating {
		display: block!important;
		margin-top: 10px!important;
	}
	.game-header-title {
		flex: 1!important;
	}
	.game-header {
		display: block!important;
	}
	.game-rating span {
		font-size: 18px!important;
		vertical-align: -1px!important;
	}
	.game-rating-stars:before {
		font-size: 17px!important;
	}
	.game-extras {
        grid-template-columns: 1fr 1fr!important;
		margin-bottom: 20px!important;
    }
	.game-extra-content {
		display: grid!important;
		grid-template-columns: 1fr!important;
		font-size: 13px!important;
		grid-gap: 0!important;
		padding: 7px 15px!important;
	}
	.game-extra-icon svg {
		width: 26px!important;
	}
	.game-boxes-title h3 {
		margin-bottom: 15px!important;
		font-size: 22px!important;
		line-height: 25px!important;
	}
	.categories-grid li a {
		padding: 18px 11px!important;
		display: grid!important;
		justify-content: center!important;
		grid-gap: 7px!important;
	}
	.categories-grid li a .categories-content {
		display: block!important;
		text-align: center!important;
	}
	.categories-thumb {
		display: table!important;
    margin: 0 auto!important;
	}
}