/**
 * Swiper 8.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAplaywizzybmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #000
}

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

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

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

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1300px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

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

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

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

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

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

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper {
    width: 100%;
    height: auto;
	padding: 0px 20px;
	background-color:#f8f8f8;
}  

.swiper-slide{
	width: 120px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 10px;
	cursor:grab;
  }

  .swiper-slide img{
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-right: 20px;
  }
  .swiper-slide p{
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 13px;
	color: #000;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.swiper-slide{
	overflow: hidden;
  }
  .swiper{
	--swiper-theme-color: #ee4623;
  }
  .swiper-pagination-bullet-active{
	width: 20px !important;
	height: 8px !important;
	border-radius: 10px;
	opacity: 1 !important;
  }

@media screen and (max-width:960px) {
	.swiper-slide{
		overflow: hidden;
	  }
	  .swiper{
		--swiper-theme-color: #ee4623;
	  }
	  .swiper-pagination-bullet-active{
		width: 20px !important;
		height: 8px !important;
		border-radius: 10px;
		opacity: 1 !important;
	  }
}

.lazy {
	/* background: url(../images/loading.gif); */
	/* background-size: 90%; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
}

.searchBox {
	width: auto;
	height: 100%;
	padding-left: 20px;
	display: flex;
	align-items: center
}

.searchBox input {
	width: 300px;
	height: 40px;
	border: none;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: transparent;
	outline: none;
	border-right: none;
	padding: 0px 10px;
	color: #000;
	background-color: #f1f1f2;
}

input::-webkit-input-placeholder {
	color: #7c7c7c;
}

.searchBox p {
	width: 60px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #51f9eb;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.searchBox p img {
	width: 24px;
	height: 24px;
	cursor: pointer
}

@media screen and (max-width:1599px) {
	.right {
		display: flex
	}

	.searchBox {
		width: 100%;
		background-color: #fff;
		position: absolute;
		right: 0;
		z-index: 99999;
		align-content: flex-start;
		align-items: flex-start;
		padding-top: 50px;
		transition: all 0.5s;
		display: none
	}

	header {
		overflow-x: hidden
	}

	.searchBox input {
		width: 80%;
	}
}

@media screen and (min-width:961px) and (max-width:1599px) {
	.searchBox {
		top: 80px;
	}
}

@media screen and (max-width:960px) {
	.searchBox {
		top: 60px;
	}
}

.menuDiv{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 80px 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    backdrop-filter: blur(7.5756998062px);
    --webkit-backdrop-filter: blur(7.575699806213379px);
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 3s;
    -webkit-transition: all 3s;
    display: none;
}

.menuALertBox {
    width: 100%;
    position: relative;
}

.menuALertLi{
	width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    background: blue;
    margin-bottom: 20px;
    border-radius: 20px;
}

.gotop {
	width: 40px;
	height: 40px;
	background-color:#441873;
	position: fixed;
	bottom: 0px;
	right: 0;
	z-index: 99999;
	display: none;
	text-align: center;
	line-height: 45px;
	border-radius: 5px;
}

.gotop img {
	width: 80%;
	height: 90%;
}

* {
    margin: 0px;
    padding: 0px;
}

@media (max-width:1300px) {

    .main {
        width: 100%;
        height: 100%;
        margin: 0 auto 10px;
    }


    .main p {
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        color: gray;

    }

    .title {
        line-height: 1.5;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        font-family: times;

    }

    .main h2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        font-weight: 600;
        font-family: times;

    }
}

@media (min-width:1300px) {


    .main {
        width: 900px;
        height: 100%;
        margin: 20px auto 10px;
    }

    .main p {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 5px;
        color: gray;
    }

    .main h2 {
        width: 100%;
        font-weight: 600;
        font-family: times;
        margin-top: 10px;

    }

    .title {
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        font-family: times;

    }
}

.postionFixed {
	width: 100%;
	min-height: 60px;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F8F8F8;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 9999;
	margin: auto;
}

.de_iv_adv {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

img {
	object-fit: cover;
}

html::-webkit-scrollbar {
	width: 10px;
}

html::-webkit-scrollbar-thumb {
	background: #dcd5ea;
}

html::-webkit-scrollbar-track {
	background: #ffffff;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}

body {
	/* background-color: #AEEBFE; */
    font-family: krub, sans-serif;
    min-height: 100vh;
    /* background-position: 70px 0px; */
    /* background-size: 240px auto; */
    /* background-attachment: fixed; */
	/* background: url('../images/faf7eeb9.svg') left top / 100% auto no-repeat, linear-gradient(148.54deg, #000f91 18.98%, #060451 81.02%); */
	/* background-color: #000833; */
	/* background-attachment: fixed; */
	/* background: url('../images/bannerBg.png'); */
	background-color: #082c40;
}

html {
	width: 100vw;
	overflow-x: hidden;
	overflow-x: hidden;
}

.colorfulBand {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.colorfulBand div{
	height: 8px;
}
.purple{
	width: 11%;
	background-color: #9c27b0;
}
.lightBlue{
	width: 18%;
    background: #56AD1E;
}

.orange {
    width: 31%;
    background: #FF7800;
}

.yellow {
    width: 15%;
    background: #e6d443;
}

.darkPurple {
    width: 13%;
    background: #6b1e5b;
}

.colorfulBand>div.green {
    width: 12%;
    background: #45b794;
}

.searchBg {
	width: 100%;
}

footer img {
	height: 100%;
}

.loading {
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	width: 100%;
	height: 50px;
	/* background-color: rgba(0, 0, 0, 0.5); */
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
}

.loading::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 4px solid #000;
	border-top-color: #fff;
	animation: loading 1s linear infinite;
}

@keyframes loading {
	to {
		transform: rotate(360deg);
	}
}

.classTitle {
	width: calc((100% - 80px));
	margin: auto;
	display: flex;
	align-items: center;
	height: 60px;
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
	font-size: 22px;
	border-bottom: 1px solid gainsboro;
	margin-bottom: 10px;
}

.listBtn{
	width: 90%;
	max-width: 300px;
	margin: auto;
	height: 50px;
	background: #1b3a73;
    border: 0;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 8px;
    font-size: 16px;
    margin: 25px 0;
    font-weight: 700;
	margin: 20px auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	/* border: 2px solid #007889; */
    border-radius: 10px;
    /* box-shadow: 0 5px 15px #000000; */
    /* color: #004650; */
}

.listBtn img{
	display: none;
	margin-left: 10px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 30px;
}

@media screen and (max-width:960px) {
	html {
		overflow-x: hidden;
	}

	.classTitle {
		width: 100%;
		height: 50px;
		font-size: 16px;
	}
}

header {
	width: 100%;
	height: 85px;
	background: #000;
	background-size: auto 100%;
	z-index: 999999999999;
	background-position-x: 33%;
	/* box-shadow: 0 3px 8px rgba(0,0,0,.24); */
}

.header {
	width: 100%;
	max-width: 1560px;
	margin: auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0px 20px;
}

.left {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
}



.center {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
	padding: 0px 30px;
}

.centerLi {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-transform: uppercase;
	/* font-weight: 600; */
	font-size: 14px;
	padding: 0px 20px;
	cursor: pointer;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #fff;
	padding: 6px 21px;
	border-radius: 16px;
	/* background: rgba(0,0,0,.14); */
	/* border: 3px solid rgba(0,0,0,.14); */
	transition: all .3s;
	margin-right: 10px;
	font-weight: 600;
}

.centerLi img {
	/* height: 100%; */
	margin-right: 10px;
}

.right {
	width: 10%;
	height: 100%;
	display: none;
	justify-content: flex-end;
	align-items: center;
}

.search,
.menu {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 8px;
	/* border: 2px solid #fff; */
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.menu {
	margin-right: 20px;
	display: none;
	position: absolute;
	left: 8px;
}

.menu img {
	width: 30px;
	height: 30px;
}

.search img {
	width: 28px;
	height: 28px;
}

.left img {
	width: auto;
	height: 50px;
}

@media screen and (max-width:960px) {
	header {
		height: 60px;
	}

	.left img {
		position: absolute;
		width: auto;
		height: 50px;
		left: 0px;
		right: 0px;
		margin: auto;
	}

	.header {
		width: 100%;
	}

	.right {
		display: flex;
	}

	.menu {
		display: flex;
	}

	.center {
		width: 100%;
		position: absolute;
		top: 60px;
		left: -100vw;
		height: 100vh;
		flex-wrap: wrap;
		align-content: flex-start;
		background-color: #000;
		z-index: 99999;
		transition: all 0.5s;
		padding: 0px;
	}

	.centerLi {
		width: 90%;
		margin: 10px auto 0;
		height: 50px;
		border-bottom: 1px dashed;
	}
}

footer {
	margin-top: 2rem;
	position: relative;
	border-top: 8px solid #1a82a3;
	background: rgba(10, 87, 112, .6);
	color: #fff;
	padding: 0.8rem 3rem;
	display: flex;
	justify-content: center;
}

.footerBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

footer a {
	color: #fff;
	margin: 0px 15px;
	border: 2px solid;
	padding: 0px 5px;
	display: flex;
	align-items: center;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 600;
}

.footerBox div {
	width: 100%;
	margin-top: 10px;
}

/* footer {
    position: relative;
    color: #fff;
    padding: 0.8rem 0;
	display: flex;
	justify-content: space-between;
}

footer a{
	color: #fff;
	margin-left: 15px;
}


.footerBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	padding: 0 50px;
} */

@media screen and (max-width:960px) {
	footer {
		padding: 10px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		height: auto;
		/* background-color: #cdc1b5; */
		font-size: 14px;
		font-weight: 600;
	}

	.footerBox {
		flex-wrap: wrap;
		padding: 0;
	}

	footer a {
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footerBox div {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

main {
	width: calc((100% - 40px));
	max-width: 1520px;
	/* max-width: 1350px; */
	min-height: 80vh;
	margin: auto;
	/* background-color:#ffffff; */
	/* border-radius: 10px; */
	overflow: hidden;
}

.bannerImg{
	width: 100%;
	height: 580px;
	background: url("/assets/hero-bg-8ACKJjL2.png") no-repeat center center, rgba(0,0,0,0.8);
}

.bannertext{
	width: 800px;
	height: 560px;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	align-items: center;
	justify-content: center;	
	align-content: center;
}

.bannertext img{
	width: 250px;
	height: auto;
	margin-bottom: 30px;
}


.bannertext p{
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin: 10px 0;
}

.bannerButton{
	background-color: #fafe31;
	width: 150px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 50px;
}


.games_des_ul{
	width: 100%;
	padding-left: 30px;
	font-size: 19px;
	padding-top: 20px;
	color: #fff;
	font-weight: 500;
}

.games_des_ul li{
	cursor: pointer;
}
.game_des_txt h6{
	color:#fff;
}
.latestGames,.hotGamesContent{
	padding: 20px;
}

.screenshots-container {
    display: flex;
    overflow: hidden;
    transition: all .3s ease-in-out;
    width: auto;
}

.pic-content {
    border-radius: 12px;
    height: auto;
    margin-bottom: 10px;
    margin-right: 22px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 24%;
	max-width: 425px;
}

.pic-screen {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    height: 238px;
    width: 100%;
    z-index: 4;
	display: block;
}

.pic-info {
    background-color: #fff;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 10px;
}

.pic-info img{
	width: auto;
	height: 100%;
}

.hotGamesContent {
	align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    grid-template-columns: repeat(3,400px);
    grid-template-rows: repeat(3,105px);
    justify-items: sb;
    margin-top: 14px;
    justify-content: space-between;
}

.hotGamesContent .game-container {
    border-radius: 6px;
    box-shadow: 0 2px 6px #645c00;
    display: flex;
    height: 90px;
    overflow: hidden;
    text-decoration: none;
	background-color: #fff;
}

.hotGamesContent .game-container .pic {
    width: 105px;
}

.hotGamesContent .game-container .game-introduction {
    align-items: center;
    background-color: #fff;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr 1fr;
    padding: 14px 12px;
    row-gap: 5px;
    max-width: 318px;
}

.hotGamesContent .game-container .game-introduction .row-1 .appName {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #757810;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 156px;
    word-break: break-word;
}


.game-description {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a69800;
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    overflow: hidden;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
}

.game-name {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #564f00;
    display: -webkit-box;
    font-size: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 238px;
    word-break: break-word;
}

	#tag-list {
		margin-top: 15px;
		display: grid;
		gap: 23px;
		grid-auto-columns: 210px;
		grid-auto-flow: row dense;
		grid-auto-rows: 100px;
		grid-template-columns: repeat(7,210px);
		grid-template-rows: repeat(auto-fill,100px);
		justify-content: center;
	}

	@media screen and (min-width:1600px) and (max-width:1700px) {
		#tag-list {
			margin-top: 15px;
			display: grid;
			gap: 23px;
			grid-auto-columns: 210px;
			grid-auto-flow: row dense;
			grid-auto-rows: 100px;
			grid-template-columns: repeat(6,210px);
			grid-template-rows: repeat(auto-fill,100px);
			justify-content: center;
		}
	}

	@media screen and (min-width:1300px) and (max-width:1600px) {
		#tag-list {
			margin-top: 15px;
			display: grid;
			gap: 23px;
			grid-auto-columns: 210px;
			grid-auto-flow: row dense;
			grid-auto-rows: 100px;
			grid-template-columns: repeat(5,210px);
			grid-template-rows: repeat(auto-fill,100px);
			justify-content: center;
		}
	}

	
	@media screen and (min-width:1100px) and (max-width:1300px) {
		#tag-list {
			margin-top: 15px;
			display: grid;
			gap: 23px;
			grid-auto-columns: 210px;
			grid-auto-flow: row dense;
			grid-auto-rows: 100px;
			grid-template-columns: repeat(4,210px);
			grid-template-rows: repeat(auto-fill,100px);
			justify-content: center;
		}
	}

	@media screen and (min-width:960px) and (max-width:1100px) {
		#tag-list {
			margin-top: 15px;
			display: grid;
			gap: 23px;
			grid-auto-columns: 210px;
			grid-auto-flow: row dense;
			grid-auto-rows: 100px;
			grid-template-columns: repeat(3,210px);
			grid-template-rows: repeat(auto-fill,100px);
			justify-content: center;
		}
	}


	@media screen and (max-width:960px) {
		#tag-list {
			margin-top: 15px;
			display: grid;
			gap: 23px;
			grid-auto-columns: 0;
			grid-auto-flow: row dense;
			grid-auto-rows: 100px;
			grid-template-columns: repeat(1,100%);
			grid-template-rows: repeat(auto-fill,100px);
			justify-content: center;
		}
	}

	#tag-list .grid-tag {
		background-color: #3c1e6e;
		border: 2px solid #3c1e6e;
		box-shadow: none;
	}

	#tag-list .grid-tag {
		align-items: center;
		background-color: #3c1f6d;
		border: 2px solid #3c1f6d;
		border-radius: 10px;
		box-shadow: 0 0 8px #36365c;
		display: flex;
		height: 100px;
		justify-content: center;
		outline: none;
		text-decoration: none;
		width: 206px;
	}

	#tag-list .grid-tag img {
		background-color: #000;
		border-radius: 10px;
		filter: unset;
		height: 90px;
		margin-left: 3px;
		overflow: hidden;
		width: 90px;
	}

	#tag-list .grid-tag span {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #171721;
		display: inline-block;
		display: -webkit-box;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
		margin-left: 9px;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		width: 100px;
	}

	#tag-list .grid-tag span, #tag-list .grid-tag-text span {
		color: #fff;
	}

.clipbox {
	-webkit-clip-path: polygon(0 100%, 50% 0, 60% 100%, 100% 0, 100% 100%);
	clip-path: polygon(0 100%, 50% 0, 60% 100%, 100% 0, 100% 100%);
	height: 50px;
	background: #fff;
	position: relative;
	bottom: -1px;
}

.desTitle{
	width: calc((100% - 80px));
	max-width: 1365px;
	font: 500 24px Torus, sans-serif;
    margin: 16px auto 0;
	/* background: url("../images/titlebg.png") no-repeat; */
	font-weight: 600;
	font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #fff;
}

.game_des {
	width:calc((100% - 80px));
	max-width: 1365px;
	margin: auto;
	/* margin: 24px 38px; */
	padding: 18px 24px;
	background: #1b3a73;
	color: #fff !important;
	-webkit-box-shadow: rgba(0, 0, 0, .24) 0 6px 12px 0;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
	line-height: 1.8em;
	margin-top: 20px;
	/* border-radius: 10px; */
	margin-bottom: 50px;
	border-radius: 20px;
}

@media screen and (max-width:960px) {

	#tag-list .grid-tag{
		width: 95%;
		margin: auto;
	}
	.game_des {
		width: 95%;
		margin: 10px;
		border-radius: 10px;
	}

	#tag-list .grid-tag span{
		width: 100%;
	}

	#tag-list .grid-tag img{
		width: 130px;
	}

	.listTitle{
		width: 95% !important;
		margin: auto;
	}
}


.game_title {
	font-weight: 700;
	font-size: 20px;
	line-height: normal;
	font-family: Torus, sans-serif;
	margin-bottom: 8px;
	color: #fff;
}

.game_des_txt {
	margin: 24px 0;
	font-size: 14px;
	color: #fff;
}

.game_title {
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	font-family: Torus, sans-serif;
	margin-bottom: 8px;
	color: #fff;
}

.game_des_txt h1{
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	font-family: Torus, sans-serif;
	margin-bottom: 8px;
	color: #fff;
}

.game_des_txt {
	margin: 24px 0;
	font-size: 14px;
	color: #fff;
}

.game_tags span {
	margin: 4px 4px 0 0;
	padding: 4px 10px;
	border: 2px solid #fff;
	border-radius: 100px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.content {
	width: 95%;
	max-width: 1800px;
	border-radius: 20px;
	padding: 40px 30px;
	margin: auto;
	background-color: #1F6ED4;
	background-size: cover;
	box-shadow: 0 15px 11px -11px #000;
}

.content h1,
.content h2,
.content h3 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 24px;
}

.content p,
.content li {
	color: #fff;
	line-height: 1.5;
	margin-bottom: 20px;
}

.smallList span img {
	width: auto;
	height: 16px;
	margin-right: 3px;
}

.smallList span {
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
}

.spanBox {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}


.logoBox {
	width: 100%;
	position: inherit;
}

.goldleftOne {
	padding: 0px;
}

.logoBoxFiexd {
	width: 100%;
	display: none;
}

.smallListBox {
	width: 100%;
}

.container {
	width: 100%;
	/* display: none; */
}

.logoBtn {
	width: auto;
	height: 50%;
}


.listTitle {
	width: 100%;
	margin: auto;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 23px;
	color: #fff;
	/* padding: 0px 20px; */
	border-radius: 16px;
	padding-left: 20px;
	margin-top: 20px;
}

.game_des_txt p{
	line-height: 3;
	margin-top: 20px;
	color: #fff;
}

.game_destitle{
	color: #fff;
		font-size: 36px;
		margin: 30px auto;
		text-align: center;
}

.listTitle p {
	display: flex;
	align-items: center;
}

.listTitle img {
	height: 40px;
	width: auto;
	margin-right: 10px;
}

.viewAll{
	font-weight: 500;
	color: #40f1ed;
}

/* .tagBox{
	width: 87%;
	height: auto;
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
} */

@keyframes shake {

	28%,
	46% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0);
	}

	28.4%,
	45.3% {
		-webkit-transform: translate3d(-1px, -1px, 0) rotate(5deg);
		transform: translate3d(-1px, -1px, 0) rotate(5deg);
	}

	30.5%,
	43.2% {
		-webkit-transform: translate3d(2px, -4px, 0) rotate(-2deg);
		transform: translate3d(2px, -4px, 0) rotate(-2deg);
	}

	32.6%,
	36.8%,
	41.1% {
		-webkit-transform: translate3d(-4px, -1px, 0) rotate(3deg);
		transform: translate3d(-4px, -1px, 0) rotate(3deg);
	}

	34.7%,
	38.9% {
		-webkit-transform: translate3d(4px, 2px, 0) rotate(-4deg);
		transform: translate3d(4px, 2px, 0) rotate(-4deg);
	}
}


.container {
	border-radius: 20px;
    color: #1e0b1c;
    position: relative;
    padding: 2rem;
    background: #fff;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 24%);
}

.container h1 {
	color: #1e66bc;
    font-size: 1.5em;
    text-transform: uppercase;
}

.container p {
	font-size: 14px;
    margin-top: 5px;
    line-height: 2;
    font-weight: 500;
    font-family: Poppins, sans-serif;
}

.masonry,
.masonryTwo {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* padding: 0px 40px; */
}

.listLi {
	display: flex;
	width: calc((100% - 80px)/5);
	height: 100px;
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 24%);
	border-radius: 10px;
	overflow: hidden;
	justify-content: center;
	transition: 0.3s;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #082c40;
	position: relative;
	cursor: pointer;
	border: 1px solid rgba(54, 85, 108, 0.65);
}

.listLi:nth-of-type(5n) {
	margin-right: 0px;
}

.listLi img {
	width: 110px;
	height: 100%;
	border: none;
}

.listLi p {
	width: calc((100% - 110px));
	padding: 20px 5px 20px 10px;
	font-size: 12px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.85);
	overflow: hidden;
	text-transform: uppercase;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 5;
}

.listLi:hover p{
	color:brown;
}

.smallListBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.smallList {
	width: calc((100% - 140px)/8);
	height: auto;
	border-radius: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	transition: all 0.4s;
	cursor: pointer;
}

.smallList:hover {
	transform: scale(1.02) translateY(-4px);
}

.smallList:nth-of-type(8n) {
	margin-right: 0px;
}

.smallList img {
	width: 100%;
	height: 100%;
}


.smallList:hover p {
	opacity: 1;
	bottom: 0px;
}



.logoBox {
	width: 255px;
	height: 90px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	margin-bottom: 20px
}

.logoBoxFiexd {
	width: 200px;
	height: 90px;
	margin-bottom: 20px;
}

.logoBtn {
	width: auto;
	height: auto;
	cursor: pointer;
}

.rightLogoBox {
	width: 25%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	border-left: 2px solid gainsboro;
}

.rightLogoBox img {
	width: auto;
	display: block;
	height: 20px;
	cursor: pointer;
}

.zlogoBox {
	width: 75%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zhomeBox,
.zsearchBox {
	width: 100%;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.zhomeBox {
	border-bottom: 2px solid gainsboro;
}



.leftOneBottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.leftOneBottom .goldRightLi {
	width: 100%;
	margin-right: 0px;
}

.goldleftOne {
	padding-right: 20px;
}

.goldleftTwo {
	padding-right: 10px;
	padding-left: 0px;
}

.textBox {
	width: calc((100% - 40px));
	background-color: #042456;
	margin: 30px 20px;
	border-radius: 10px;
}

.site-info {
	background: #002258;
	border-radius: 8px;
	padding: 15px;
	font-size: 13px;
	line-height: 25px;
	color: #fff;
	margin-bottom: 25px;
}

.site-info h2,
.site-info h4 {
	font-size: 14px;
	color: #fcd91a;
	font-weight: 900;
	margin: 10px 0 10px 0;
	line-height: 38px;
}

.site-info p {
	font-size: 13px;
	line-height: 25px;
	color: #fff;
	margin-bottom: 25px;
}

.site-info h6 {
	font-size: 14px;
}

@media screen and (max-width:960px) {

	.clipbox {
		height: 20px;
	}

	.masonry {
		padding: 0;
	}

	.classTitle {
		padding: 0px 20px;
	}

	main {
		width: 95%;
		min-height: 75vh;
		padding: 0px;
	}

	.listLi {
		width: 100%;
		margin-right: 0px;
	}

	.smallList {
		width: calc((100% - 20px)/3);
		height: auto;
		margin-right: 10px;
		/* display: flex; */
		flex-wrap: wrap;
		/* align-items: center; */
		/* justify-content: center; */
		border-radius: 0px;
		margin-bottom: 10px;
		border: none;
		border-radius: 10px;
		overflow: hidden;
		background-color: #05142d;
	}

	.smallListBox {
		/* padding: 0px 3%; */
		margin: 10px 0px 5px;
	}

	.smallList:nth-of-type(8n) {
		margin-right: 10px;
	}

	.spanBox {
		padding: 0 5px;
	}

	.smallList:nth-of-type(3n) {
		margin-right: 0px;
	}

	.smallList p {
		width: 100%;
		color: #fff;
		font-size: 13px;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.smallList img {
		width: 100%;
		height: 100%;
		margin-bottom: 5px;
	}

	.poGameBox {
		width: 100%;
		height: auto;
		display: flex;
		overflow-x: scroll;
		position: relative;
		padding: 10px;
	}

	.poGameBox::-webkit-scrollbar {
		display: none;
	}

	.poGameLi {
		display: inline;
		margin-right: 20px;
		border-radius: 20px;
		/* overflow: hidden; */
		box-shadow: 3px 2px 6px 3px #f6f8ff;
		padding-bottom: 10px;
	}

	.poGameLi img {
		width: 300px;
		height: 200px;
		border-radius: 20px 20px 0 0;
	}

	.poGameLi p {
		width: 300px;
		height: auto;
		border-radius: 0 0 20px 20px;
		background-color: #fff;
		font-size: 16px;
		font-weight: 500;
		padding: 0 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.poGameLi p:nth-of-type(1) {
		margin: 5px 0px;
	}

	.poGameLi p:nth-of-type(2) {
		color: #959595;
		font-weight: 400;
		font-size: 14px;
	}

	.baseGameBox::-webkit-scrollbar {
		display: none;
	}

	.baseGameBox {
		width: 100%;
		height: auto;
		display: flex;
		overflow-x: scroll;
		position: relative;
		padding: 10px 0px;
	}

	.baseGameLi {
		display: inline;
		margin-right: 15px;
		padding-bottom: 10px;
	}

	.baseGameLi img {
		width: 100px;
		height: 100px;
		border-radius: 20px;
	}

	.baseGameLi p {
		width: 100px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.logoBox {
		width: 100%;
		position: inherit;
	}

	.goldleftOne {
		padding: 0px;
	}

	.logoBoxFiexd {
		width: 100%;
		display: none;
	}

	.smallListBox {
		width: 100%;
	}

	.container {
		width: 100%;
		display: none;
	}

	.logoBtn {
		width: auto;
		height: 50%;
	}

	.masonryTwo {
		padding: 0;
	}

}


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




	.smallListBox {
		margin: 10px 20px;
		width: calc((100% - 40px));
	}


	.smallList {
		border-radius: 10px;
		overflow: hidden;
		background-color: #05142d;
	}

	.smallList p {
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		text-align: center;
		padding: 0px 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.smallList img {
		width: 100%;
		height: 100%;
		margin-bottom: 5px;

	}

	.poGameBox {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		/* overflow-x: scroll; */
		position: relative;
		padding: 10px;
	}

	.poGameBox::-webkit-scrollbar {
		display: none;
	}

	.poGameLi {
		width: calc((100% - 80px)/5);
		display: block;
		margin-right: 20px;
		border-radius: 20px;
		/* overflow: hidden; */
		box-shadow: 3px 2px 6px 3px #f6f8ff;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.poGameLi:nth-of-type(5n) {
		margin-right: 0px;
	}

	.poGameLi img {
		width: 100%;
		height: 200px;
		border-radius: 20px 20px 0 0;
	}

	.poGameLi p {
		width: auto;
		height: auto;
		border-radius: 0 0 20px 20px;
		background-color: #fff;
		font-size: 16px;
		font-weight: 500;
		padding: 0 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.poGameLi p:nth-of-type(1) {
		margin: 5px 0px;
	}

	.poGameLi p:nth-of-type(2) {
		color: #959595;
		font-weight: 400;
		font-size: 14px;
	}

	.baseGameBox::-webkit-scrollbar {
		display: none;
	}

	.baseGameBox {
		width: 100%;
		height: auto;
		display: flex;
		overflow-x: scroll;
		position: relative;
		padding: 10px 0px;
	}

	.baseGameLi {
		display: inline;
		margin-right: 15px;
		padding-bottom: 10px;
	}

	.baseGameLi img {
		width: 100px;
		height: 100px;
		border-radius: 20px;
	}

	.baseGameLi p {
		width: 100px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


}

@media screen and (max-width:960px) {
	.screenshots-container{
		flex-wrap: wrap;
	}

	.pic-content{
		width: 100%;
		margin-right: 0px;
	}

	.latestGames, .hotGamesContent{
		padding: 10px;
	}


	.pic-screen{
		width: 100%;
		margin-right: 0px;
	}

	.hotGamesContent .game-container{
		width: 100%;
	}

	.hotGamesContent .game-container .game-introduction{
		width: 80%;
	}

	.listTitle{
		padding-left: 0;
	}

	.bannertext{
		width: 100%;
	}
}

.smallListBox{
	/* min-height: 60vh !important; */
}

.container {
	/* min-height: 70vh */
	margin-bottom: 35px;
}

.grd {
	min-height: auto;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

input:focus {
	outline: 0
}

img {
	object-fit: cover
}

.pName {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 16px;
	line-height: 2.0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.span4 {
	overflow: hidden
}

/* footer {
	width: 100%;
	height: 60px;
	text-align: center;
	background:#000;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	padding: 10px 0 10px 0;
	position: relative;
	bottom: 0;
	margin-top: 0;
} */

/* footer a {
	color: #fff !important
} */

.grd {
	display: grid;
	grid-template-rows: repeat(auto-fill, var(--gcolh, 80px));
	grid-row-gap: var(--growgap);
	grid-column-gap: var(--gcolgap);
	grid-auto-flow: row dense;
	justify-content: center;
	grid-template-columns: repeat(auto-fill, var(--gcolw, 120px));
	margin-bottom: 30px;
	margin-top: 15px;
	margin-top: 15px
}

.gr-s21 {
	grid-column-start: span 2;
	grid-row-start: span 1
}

.grd .gr-s22 {
	grid-column-start: span 2;
	grid-row-start: span 2;
	min-width: calc(var(--gcolw)*2+var(--growgap));
	min-height: calc(var(--gcolh)*2+var(--gcolgap))
}

.gr-s31 {
	grid-column-start: span 3;
	grid-row-start: span 1;
	min-width: calc(var(--gcolw)*3+var(--growgap)*2);
	min-height: calc(var(--gcolh))
}

.gr-s32 {
	grid-column-start: span 3;
	grid-row-start: span 2
}

.gr-s23 {
	grid-column-start: span 2;
	grid-row-start: span 3
}

.gr-s33 {
	grid-column-start: span 3;
	grid-row-start: span 3;
	min-width: calc(var(--gcolw)*3+var(--growgap)*2);
	min-height: calc(var(--gcolh)*3+var(--gcolgap)*2)
}

.gr-s75 {
	grid-column-start: span var(--gameSpanC);
	grid-row-start: span var(--gameSpanR)
}

.gr-s61 {
	grid-column-start: span 6;
	grid-row-start: span 1
}

.gr-s71 {
	grid-column-start: span 7;
	grid-row-start: span 1
}

.gr-s92 {
	grid-column-start: span 8;
	grid-row-start: span
}

.gr-all {
	grid-column: 1/-1
}

.span4 {
	position: relative;
	transition: all .2s linear;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .34);
	border-radius: 10px;
	grid-column-start: span 2;
	grid-row-start: span 2;
	min-height: calc(var(--gcolh)*2+var(--ggap))
}

.span2 {
	cursor: pointer;
	height: 100%;
	width: 100%;
	/* box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); */
	/* border-radius: 15px; */
	transition: all .2s linear;
	position: relative;
	min-height: var(--gcolh, 105px);
	min-width: var(--gcolw, 105px);
	overflow: hidden;
	/* background-color: #fff; */
	/* border: 3px solid #fff; */
}

.span2:hover {
	-ms-transform: scale(1.0384) translate(0, -3px);
	-webkit-transform: scale(1.0384) translate(0, -3px);
	transform: scale(1.0384) translate(0, -3px);
	transition-duration: .15s
}

.span2:after {
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#44222254 0, rgb(0 0 0/0%));
	z-index: 2;
	z-index: 1001;
	transition: all .3s ease;
	transition-property: opacity;
	transition-delay: .1s;
	border-radius: 10px
}

.span2:hover:after {
	opacity: 1;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .35)
}

.span2:hover .game-title {
	opacity: 1;
	visibility: visible
}

.hc {
	height: 40px;
	display: flex;
	align-items: stretch;
	justify-items: center;
	justify-content: flex-end
}

.header_first {
	padding: 10px 10px 0
}

.header_first .right {
	padding-top: 3px
}

#logo {
	margin-left: 10px;
	margin-right: auto
}

.mc {
	margin: auto;
	background-color: #fff;
	width: 100%
}

#footer {
	background-color: #163247;
	padding: 15px 0;
	color: #d6d7d9
}

.footer-header {
	padding: 5px 10px
}

.footerbotom p {
	clear: both;
	margin: 4px 14px
}

.footerbotom a {
	color: #fff;
	cursor: pointer;
	font-size: 600;
	text-decoration: underline;
	margin-left: 10px
}

.social-icons {
	float: right
}

.item img,
.social-button {
	float: left
}

.social-button {
	width: 33px;
	height: 33px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	line-height: 32px;
	opacity: .8
}

.social-button:hover {
	opacity: 1
}

.social-button svg {
	display: inline-block;
	max-height: 18px;
	vertical-align: middle
}

.social-button.instagram,
.social-button.twitter {
	background: #55acee
}

.social-button.facebook {
	background: #15324c
}

.svg-white .svg-color {
	fill: #fff
}

.cnt_description {
	padding: 10px;
	margin: 10px
}

.cnt_description img {
	float: left;
	margin: 0 10px 5px 5px;
	border: 1px solid #d8cdcd;
	padding: 3px
}

.box {
	text-align: left;
	padding: 6px;
	background-color: #d7dcee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bab6c6;
	margin: 10px 50px 30px
}

.box h3 {
	padding: 15px 0
}

.gw .box {
	margin: 10px 0 30px
}

.item {
	padding: 12px 4px;
	height: 120px;
	border-bottom: 1px solid #d9d0d0
}

.item img {
	margin: 3px 12px 0 0
}

.item a {
	font-size: 1.4em
}

.header {
	font-size: 2em
}

.span2 img,
.span4 img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px
}

#played .header {
	background: 0
}

.sticky {
	position: fixed;
	top: 50px;
	margin-top: 0;
	z-index: 100;
	width: var(--gamePadRight)
}

.adsW {
	display: flex;
	flex-direction: column;
	align-items: center
}

.adsRight {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column-start: span var(--adsSpanC);
	grid-row-start: span var(--adsSpanR);
	grid-column-end: -1;
	width: calc(var(--gcolw)*var(--adsSpanC)+var(--gcolgap)*var(--adsSpanC) - var(--gcolgap))
}

.adsRight300 {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column-start: span 3;
	grid-row-start: span 5
}

.adsRight300e {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column-start: span 3;
	grid-row-start: span 5;
	grid-column-end: -1
}

.ad300 div:nth-child(2) {
	margin-top: 10px
}

.ad300 div.sticky {
	margin-top: 0
}

.ads-block-adaptabile {
	display: block;
	padding: 5px 1%;
	text-align: center;
	clear: both
}

.sidebar .adsRight {
	position: absolute;
	width: var(--gamePadRight);
	top: 0;
	bottom: 0;
	right: 0;
	text-align: center
}

.sidebar .ad300 {
	width: 336px
}

.ad300 {
	width: 336px
}

.ad160 {
	height: 600px;
	width: 160px
}

.categ_list .item_cat .wc {
	width: 670px
}

.categ_list .item_tags .wc {
	width: 990px
}

.categ_list .item_sites img {
	width: 20px;
	height: 15px;
	vertical-align: middle;
	margin-right: 7px
}

.categ_list .item_cat .wc {
	width: 200px
}

.categ_list .item_tags .wc {
	width: 157px;
	padding: 3px 0;
	margin-left: 7px
}

.categ_list .item_sites {
	background: 0;
	height: 100%
}

.voted {
	color: #999
}

.thanks {
	color: #36aa3d
}

.static {
	color: #5d3126
}

.gc {
	position: relative;
	background-color: #eff2f8;
	box-shadow: 0 7px 14px 0 rgba(0, 0, 0, .3);
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
	height: var(--gameH, 589px);
	width: var(--gameW, 831px);
	margin: 0 auto
}

.gc1 {
	display: block;
	position: relative;
	background-color: #eff2f8;
	box-shadow: 0 7px 14px 0 rgba(0, 0, 0, .3);
	display: flex;
	justify-content: center;
	height: 200px;
	width: 100%;
	margin-bottom: 15px
}

.pc {
	z-index: 9999999;
	overflow: hidden;
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.pc-inner {
	background: #000;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

#mainPreroll {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

#adContainer,
#contentElement {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.gameplay {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 0
}

.gameContent {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
	flex-direction: column;
	flex-grow: 0
}

.game_info {
	text-align: left;
	padding: 6px;
	background-color: #f5f5f5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08)
}

.game_info .game_description {
	margin: 10px 0
}

.game_info .headlines {
	font-size: 1.3em
}

.AdsBoxRgt,
.AdsLongBox,
.pager,
.pagination {
	text-align: center
}

.game_info .game_rater {
	display: inline-block
}

.game_info .game_rater .raterblock {
	float: left
}

.game_info .game_rater .ratingblock {
	margin: 5px 0
}

.game_info .game_social {
	float: right;
	margin-top: 5px;
	margin-right: 10px
}

.game_info .game-views {
	float: left;
	font-size: 1.2em;
	padding: 0 5px;
	margin-right: 10px;
	border-right: 1px solid #b6a5a5;
	margin-top: 5px;
	text-align: center;
	background-image: none
}

.game_info .game-views span {
	display: block
}

.subcategories {
	display: none;
	top: 25px;
	padding: 5px 0;
	position: absolute;
	background: #f0eae5;
	z-index: 100;
	border: 1px solid #b69898;
	border-top: 0;
	border-radius: 0 4px 4px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 1px 1px 6px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 1px 1px 6px rgba(0, 0, 0, .7);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 1px 1px 6px rgba(0, 0, 0, .7)
}

#subcat-sort {
	padding-top: 10px;
	border-top: 1px solid #a8a2be;
	margin-top: 30px
}

#subcat-sort li {
	display: inline-block;
	position: relative;
	margin: 0 2px 5px;
	padding: 5px 10px;
	border: 1px solid #b0a9a9;
	border-radius: 5px;
	background-color: #765c8e
}

#subcat-sort li:hover {
	background-color: #f3f0f0;
	border-color: #000
}

#subcat-sort li a {
	color: #efeff3
}

#subcat-sort li:hover a {
	color: #1c1c50
}

#subcat-sort li.tagTitle {
	display: block;
	padding: 0 0 4px;
	border: 0;
	border-bottom: 1px solid #bdb0b0;
	margin-bottom: 9px
}

.search-right {
	float: right;
	width: 103px
}

.search-input {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #4f3e3e;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 8px;
	margin-right: 5px;
	width: 120px
}

#suggestions {
	position: absolute;
	display: none;
	z-index: 50020;
	background-color: #fff;
	text-align: left;
	font-size: 1.2em;
	right: 0
}

#searchresults {
	width: 508px;
	background-color: #a0a0a0;
	font-size: 1em;
	line-height: 16px;
	border: 2px solid #7275b3
}

#searchresults a {
	display: block;
	background-color: #eff2f7;
	clear: left;
	height: 60px;
	line-height: inherit;
	font-size: 1em
}

#searchresults a:hover {
	background-color: #81b187;
	color: #fff
}

#searchresults a img {
	float: left;
	padding: 1px;
	width: 50px;
	height: 45px;
	border: 1px solid #c5a1a1;
	background: #fcf8f8;
	margin: 5px 8px
}

#searchresults a span.searchheading {
	display: block;
	font-weight: 700;
	padding-top: 5px;
	color: #191919
}

#searchresults a span.searchheading span.views {
	font-weight: 400;
	padding-top: 5px;
	color: #666
}

#searchresults a:hover span.searchheading {
	color: #fff
}

#searchresults a span {
	color: #555;
	font-weight: 400
}

#searchresults a:hover span {
	color: #f1f1f1
}

#searchresults span.category {
	font-size: 1.1em;
	padding: 5px 8px;
	display: block;
	color: #fff;
	border-bottom: 1px solid #333
}

#searchresults span.seperator {
	float: right;
	padding-right: 15px;
	margin-right: 5px;
	background-image: url(../images/shortcuts_arrow.gif);
	background-repeat: no-repeat;
	background-position: right
}

#searchresults a,
#searchresults a span.searchheading span.views,
.categ_list .wc a,
.module-tabs li a,
.pager a,
.span2:hover,
.unit-rating li a,
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent
}

#searchresults span.seperator a {
	background-color: transparent;
	display: block;
	margin: 5px;
	height: auto;
	color: #fff
}

.brief {
	text-align: center;
	display: block;
	margin-top: 10px
}

.brief .g-logo {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.brief .g-logo-c {
	width: 250px
}

.brief .g-logo-d {
	width: 200px;
	height: 200px;
	position: relative
}

.brief .g-logo-d img {
	border-radius: 10px;
	border: 0;
	padding: 0;
	width: 100%
}

.brief .g-title {
	width: 100%;
	background-color: #afafd2;
	padding: 8px 0;
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0, rgba(0, 0, 0, .3) 50%, rgba(125, 185, 232, 0) 100%);
	clear: both
}

.brief h1 {
	font-size: 1.2em;
	line-height: 35px
}

.brief img {
	border-radius: 10px;
	border: 1px solid #ac8e8e;
	padding: 3px
}

.brief_info {
	line-height: 25px;
	font-size: 1.1em;
	padding: 15px 0;
	border-bottom: 1px solid #888090
}

.btn a {
	color: #fff
}

.btn {
	cursor: pointer;
	padding: 5px 14px 3px;
	color: #333;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: .1s linear all;
	-moz-transition: .1s linear all;
	-ms-transition: .1s linear all;
	-o-transition: .1s linear all;
	transition: .1s linear all;
	margin-left: 20px
}

.btn-blue {
	background-color: #6c5d8a
}

.btn.active,
.btn:hover {
	background-color: #3c2f85
}

.sidebar .gw {
	padding-right: var(--gamePadRight)
}

.gw {
	position: relative;
	max-width: 94em;
	margin: 0 auto;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column
}

.game-info {
	background: #fff;
	padding: 20px
}

.game-info .title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #0b2e62;
	border-bottom: 1px solid #a8a2be
}

.game-info-head {
	background: #fff;
	padding: 20px
}

.game-info-head .title {
	padding-bottom: 5px;
	border-bottom: 1px solid #cac6c6;
	margin-bottom: 10px;
	color: #0b2e62
}

.top_nav {
	margin: 0;
	display: flex;
	align-items: stretch
}

.top_nav .flag {
	line-height: 50px;
	padding: 1px
}

.top_nav a:hover {
	background-color: #1f1d24
}

.bread {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle
}

.bread li {
	float: left
}

.bread li.last {
	margin-top: 0
}

.bread li a {
	color: #f6f2f2;
	font-weight: 400
}

.bread h2 {
	color: #fff;
	font-size: 1em
}

.bread span {
	margin: 0 7px
}

a.next,
a.prev {
	background: url(../images/miscellaneous_sprite.png) no-repeat;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 55px
}

a.prev {
	left: 5px;
	background-position: 0 0
}

a.prev:hover {
	background-position: 0 -50px
}

a.prev.disabled {
	background-position: 0 -100px !important
}

a.next {
	right: 5px;
	background-position: -50px 0
}

a.next:hover {
	background-position: -50px -50px
}

a.next.disabled {
	background-position: -50px -100px !important
}

a.next.disabled,
a.prev.disabled {
	cursor: default
}

a.next span,
a.prev span {
	display: none
}

.user-played .image {
	background-image: url(../images/played-icon.png)
}

.user-fav .image {
	background-image: url(../images/fav-icon.png)
}

.user-later .image {
	background-image: url(../images/game-later-counts.png)
}

.user-fav.disabled .image,
.user-later.disabled .image,
.user-played.disabled .image {
	background: 0
}

#played {
	background-color: #76705c;
	padding: 10px 0 20px;
	display: none;
	float: left;
	width: 100%
}

.played-wrapper {
	width: 100%;
	position: relative;
	float: left
}

.played {
	height: 150px;
	overflow: hidden
}

.hc .country {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center
}

.game .hw {
	position: absolute
}

.game .game-data-container {
	position: relative;
	overflow: hidden;
	height: 100%
}

.game .tags {
	height: 40px
}

.game .tags li {
	display: inline-block;
	padding: .3em 0
}

.game .tags li li a {
	text-transform: none;
	line-height: 1.5em;
	color: #424242
}

body.fullscreen {
	overflow: hidden
}

.fullscreen #my_game {
	position: fixed;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

#my_game {
	height: 100%;
	width: 100%;
	position: relative
}

.fullscreen .bfs {
	display: block
}

.bfs {
	display: none;
	position: fixed;
	cursor: pointer;
	top: 10px;
	right: 10px;
	z-index: 9999999;
	width: 1.7em;
	height: 1.7em
}

.menu-left .games_cnt_left {
	float: left;
	width: 240px;
	margin: 0;
	min-height: 600px;
	display: block
}

.similar-games {
	margin: 0 360px 0 0
}

.menu .mob-nav {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0QjBFOTg2QkQ2MTExRTY5RDI1OUY2MkIwRkU1QkY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0QjBFOTg3QkQ2MTExRTY5RDI1OUY2MkIwRkU1QkY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTRCMEU5ODRCRDYxMTFFNjlEMjU5RjYyQjBGRTVCRjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTRCMEU5ODVCRDYxMTFFNjlEMjU5RjYyQjBGRTVCRjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xBpn7AAADUklEQVR42rSXTUgUYRjHd2cnS8pcxaBz7lIi0l6CigqRvujr0CmVNC3xoIfCQx6rQxSEh7oEFWagxyCMRCsj+j7VakhgrV4iimiVUjRy7f/E/4VxeGfnnXV74Me6zuw8z/t8T/j37GzIUIrAIVADNoMNYC2vTYMJ8A4Mg/vgl8lDwwYGxEEnqAWF4A8YAx+pWKSY91UAG8hD+8Bl3peTAaLsAjgNLNAPesAj8DOLl/aCRnpLjO0C58BcEANi4C6oAg9AB/gQCiaVVC4GJcFRkDIxIAEGwRrQBm6Hlict4CrDJcaMZDNATv4CrAAHwatQfmQHE1PCsN3pCacBEvM3oBzszqNyJTvBEEO5FcyHmFxKzjPmbf9BucgzJnSCSbnEA3GW1hBd75Z14DtYNFQmBysD3zTXpIp2sWQ/KQ908kcdHsq/gFsuj3lJhIn7GZRqrp9hrzirLC1ik+n3KDU5+R3QBG76GKGUH+dnWnPPKKusDqy22TAK2WR0Im4/xb+b+CnfMxrl8ox6GtqaJWRy334Jt83eLh3rYZaTZXyMiNBLdQ7lmSzPG+T1GpuDZcxgeHgZYfFEpspDDM246LY51Z4aZrfbiDAoCKhciQypLTZH6nSAelZGiPIT/F9Q5coLUSvHpmLx5EoKaFBgsXn64oC/ccZ8JWjgtWawYPicEjBlc5OJG/4ookm4MMutgZ8nDY2QwZeyuEZVsCEFVZ6hsmaWYSOvRXyeVcpDJy3ucDZntZ/yeo+EU0b0MDH9jNjHPHosw0gWj6/yBRzxSDjVXv2yPcJ7xIhuhmPRoxHJXrDeYgPqY0uu1Nxcxllxw6DUFlii3fRWieaeBL3dC2bUOI6xGw6zR+tilg4wjiUxox7D6AlPv0kKwHJ0pS7GpkXzox8BlKsBplPeDqrBFVbfkpVsFXgNNoI94HmeN6Jqxv49PTCvW0plLrykMYe5RuVL+T2JOZVPOjPcKSkmyBzXs9Y8KG/nyWcY4kl3ibllhFbKdnSdO1xVDooTTLhrDreP6mpcJ+KJbeASF0h5sxkAxzxKy1kttTzxWyq96HZ70JfTci6Q/3Y49oFxVk7aMVhibK+qt/Ty5XRiuW/HSqRjHnC9nkd5bYpeSzJkA4y5r/wVYACsqv843ksYwAAAAABJRU5ErkJggg==) center center no-repeat #787396
}

.menu .mob-nav:hover {
	background-color: #372763
}

.mob-nav-src {
	background: #635482;
	padding: 8px;
	cursor: pointer;
	width: 26px
}

.mob-nav {
	padding: 0 10px;
	cursor: pointer;
	border-right: 1px solid #261d39;
	box-shadow: 1px 0 rgba(255, 255, 255, .1);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFAAAA%2F%2F%2F%2FAAAAAAAAAAAAAAAAAAAA%2F%2F%2F%2FeQ7W7QAAAAd0Uk5TAAAIGCBIYL3mPFwAAAA%2FSURBVChTYxBEAwx0ElAvRwKKQAFzZAFDoIBpGgKkggSUXRDAGaSFARkwYhVghFoogEuATu7AEKCFO9AANQQAPu5OcaM2uDkAAAAASUVORK5CYII%3D) center center no-repeat;
	width: 30px;
	height: 100%
}

.hc .header-actions {
	height: 100%;
	float: left;
	margin-right: 20px
}

.mob-nav svg,
.mob-nav-src svg {
	width: 24px;
	height: 28px
}

.s-white .color {
	fill: #faf6f6
}

.walkthrough1 {
	font-size: 1.4em;
	background-color: #3f256b;
	padding: 2px 15px;
	line-height: 28px;
	position: absolute;
	right: 0;
	border-radius: 0 4px 0 0;
	top: 0;
	color: #fff;
	cursor: pointer
}

.veedtitle {
	position: relative;
	padding: 0 1%;
	margin-bottom: 10px;
	background-color: #08d;
	font-size: 20px;
	line-height: 35px;
	height: 35px;
	color: #fff
}

#veediFixed {
	position: fixed;
	border-radius: 5px;
	min-width: 90px;
	box-shadow: 0 0 10px 0 #000;
	border: 1px solid #c3c4d6;
	cursor: pointer;
	background-color: #1a2727;
	left: 10px;
	z-index: 555555555555;
	top: 125px
}

#veediFixed:hover {
	background-color: #675959
}

#veediFixed #veedi-close {
	position: absolute;
	top: -12px;
	left: 40%;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	border: 1px solid #c3c4d6;
	border-left-width: 0 !important;
	border-bottom: none !important;
	cursor: pointer;
	background-color: #000
}

#veediFixed #veedi-Video svg {
	margin-top: 15px
}

#veediFixed svg {
	fill: #55a5a5
}

#veediFixed:hover svg {
	fill: #f0eff1
}

#veediFixed #veedi-info .veedi-text {
	margin: 0;
	padding: 8px;
	font-size: 1.2em;
	font-family: Arial !important;
	color: #55a5a5
}

#veediFixed:hover #veedi-info .veedi-text {
	color: #f0eff1
}

#exit-content h2,
.exit-head,
.videos a {
	color: #fff
}

.over {
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: -99999px;
	background-color: #c3adad;
	filter: alpha(opacity=0);
	opacity: .4;
	z-index: 10
}

.show {
	display: block
}

.videos {
	float: left;
	line-height: 50px;
	font-size: 1.5em;
	padding: 0 40px 0 12px;
	background: url(../images/video-guide.png) no-repeat #383633;
	background-position: 90%, right;
	margin-left: 25px
}

.videos:hover {
	background-color: #735b59
}

.Google_box_right_160 {
	float: left;
	width: 160px
}

.sorting {
	font-size: 1em;
	float: left;
	border-radius: 6px;
	background: #fff;
	position: relative;
	margin-left: 35px;
	border: 1px solid #b9c4ce;
	cursor: pointer
}

.button {
	font-size: 1.5em
}

.button2 {
	background: #4d6b7ab3;
	border-radius: 10px;
	border: 1px solid #230505;
	color: #fff;
	font-size: 1.6em;
	font-weight: 700;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.button.blue {
	background-color: #349edb;
	border-color: #2e8ec5
}

.sorting span {
	padding: 0 10px;
	line-height: 30px;
	color: #230244;
	height: 30px;
	border-left: 1px solid #b9c4ce;
	float: left
}

.button,
.sorting span:first-child {
	border: 0
}

.sorting span:hover {
	background-color: #635482;
	color: #fff
}

.sorting span.active {
	background: #589ad8;
	color: #fff
}

.game-title {
	position: absolute;
	background-color: rgba(0, 61, 104, .8);
	width: 100%;
	bottom: 0;
	right: 0;
	z-index: 333;
	-moz-transition: .2s all ease-in-out;
	-ms-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	-webkit-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
	opacity: 0
}

.game-title span,
.game-title {
	font-size: .8em;
	color: #fff;
	text-align: center;
	padding: 6px 4px;
	line-height: 14px;
	font-weight: 700;
	visibility: hidden
}

.button,
.mmo-game .btn {
	color: #fff;
	text-align: center
}

.button {
	display: inline-block
}

.game .span2 {
	border: 1px solid #4f3f3f;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .28)
}

.game .span2 img {
	height: 100%
}

.game .game-title {
	left: 3px;
	right: 3px;
	bottom: 0;
	width: inherit;
	border-top: 1px solid #b2b2bb
}

.country .flag {
	margin: 0 10px;
	position: relative
}

.categ_list .bigdiv .flag {
	margin: 0 5px 0
}

.categ_list .tlli {
	cursor: pointer;
	background: #827e9f
}

.categ_list .item_sites .wc {
	width: 410px
}

.categ_list:hover {
	background-color: #513434
}

.categ_list .wc {
	width: 580px;
	display: inline-block;
	background-color: #e0e2e9;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.categ_list .wc {
	font-size: .9em
}

.categ_list .wc a {
	padding: 2px 4px;
	font-weight: 400;
	color: #004993;
	flex-basis: 150px;
	flex-grow: 1
}

.categ_list .wc a:hover {
	background-color: #5f6f97;
	color: #fff
}

.bigdiv {
	position: absolute;
	z-index: 60000;
	background-color: #513434;
	padding: 7px;
	border-radius: 4px;
	right: 0;
	top: 40px;
	-ms-transition: .4s all ease-in-out;
	-o-transition: .4s all ease-in-out;
	-webkit-transition: .4s all ease-in-out;
	transition: .4s all;
	-webkit-transform: scale(.95, .95);
	transform: scale(.9, .9);
	opacity: 0;
	visibility: hidden
}

.categ_list:hover .bigdiv {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	visibility: visible;
	opacity: 1
}

.wc a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.flag {
	text-indent: -9999px;
	text-align: left;
	width: 32px;
	height: 32px;
	background: url(../images/flags_new-min.png) no-repeat;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}

.flag-ae {
	background-position: 0 0
}

.flag-ag {
	background-position: -32px 0
}

.flag-at {
	background-position: -64px 0
}

.flag-au {
	background-position: -96px 0
}

.flag-be {
	background-position: -128px 0
}

.flag-bg {
	background-position: -160px 0
}

.flag-bl {
	background-position: -192px 0
}

.flag-br {
	background-position: 0 -32px
}

.flag-ca {
	background-position: -32px -32px
}

.flag-ch {
	background-position: -64px -32px
}

.flag-cl {
	background-position: -96px -32px
}

.flag-cn {
	background-position: -128px -32px
}

.flag-co {
	background-position: -160px -32px
}

.flag-cr {
	background-position: -192px -32px
}

.flag-cy {
	background-position: 0 -64px
}

.flag-cz {
	background-position: -32px -64px
}

.flag-de {
	background-position: -64px -64px
}

.flag-dk {
	background-position: -96px -64px
}

.flag-ee {
	background-position: -128px -64px
}

.flag-es {
	background-position: -160px -64px
}

.flag-fi {
	background-position: -192px -64px
}

.flag-fr {
	background-position: 0 -96px
}

.flag-ge {
	background-position: -32px -96px
}

.flag-gr {
	background-position: -64px -96px
}

.flag-hu {
	background-position: -96px -96px
}

.flag-il {
	background-position: -128px -96px
}

.flag-in {
	background-position: -160px -96px
}

.flag-ir {
	background-position: -192px -96px
}

.flag-it {
	background-position: 0 -128px
}

.flag-jp {
	background-position: -32px -128px
}

.flag-kw {
	background-position: -64px -128px
}

.flag-lt {
	background-position: -96px -128px
}

.flag-lu {
	background-position: -128px -128px
}

.flag-lv {
	background-position: -160px -128px
}

.flag-md {
	background-position: -192px -128px
}

.flag-mt {
	background-position: 0 -160px
}

.flag-mx {
	background-position: -32px -160px
}

.flag-my {
	background-position: -64px -160px
}

.flag-nl {
	background-position: -96px -160px
}

.flag-no {
	background-position: -128px -160px
}

.flag-ph {
	background-position: -160px -160px
}

.flag-pl {
	background-position: -192px -160px
}

.flag-pt {
	background-position: 0 -192px
}

.flag-qa {
	background-position: -32px -192px
}

.flag-ro {
	background-position: -64px -192px
}

.flag-ru {
	background-position: -96px -192px
}

.flag-sa {
	background-position: -128px -192px
}

.flag-se {
	background-position: -160px -192px
}

.flag-sg {
	background-position: -192px -192px
}

.flag-si {
	background-position: 0 -224px
}

.flag-sk {
	background-position: -32px -224px
}

.flag-th {
	background-position: -64px -224px
}

.flag-tr {
	background-position: -96px -224px
}

.flag-ua {
	background-position: -128px -224px
}

.flag-uk {
	background-position: -160px -224px
}

.flag-us {
	background-position: -192px -224px
}

.flag-ve {
	background-position: 0 -256px
}

.flag-za {
	background-position: -32px -256px
}

.dark .center {
	padding-top: 40px;
	background-color: rgba(248, 248, 248, .5)
}

.dark .hw,
.dark #footer {
	background-color: #6c5c60;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
	border-bottom: 1px solid #0d0d0d
}

.dark .btn {
	background-color: #2e1e63;
	font-size: 1.25em
}

.dark .btn.active,
.btn:hover,
.dark .header-actions .main-menu:hover {
	background-color: #5d43b2
}

.dark .thumbnail,
._th {
	display: block;
	line-height: 23px;
	padding: 0;
	border: 0 solid #c0bbbb;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .34)
}

.game-title,
.cat-title {
	background-color: #3d2f33a8;
	border-radius: 0 0 10px 10px
}

.dark .bagde-new {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #2b2b45fa;
	color: #fcf9f9;
	padding: 0 12px;
	font-size: .8em;
	border-radius: 8px 0
}

.games_container {
	padding-top: 62px
}

.dark #subcat-sort li {
	padding: 6px 10px;
	border-radius: 10px;
	margin: 3px 5px 3px 0;
	transition: border-color .2s ease, color .2s ease
}

.dark #subcat-sort li a {
	color: #02000d70;
	font-weight: 600;
	font-size: .9em;
	transition: color .2s ease, color .2s ease
}

.dark .game_description {
	margin: 10px 0
}

.dark .game_info {
	background-color: #e3dcdc
}

.ga {
	background-color: #eeefff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	position: relative;
	height: 60px;
	padding: 0 20px
}

.ga h1 {
	flex-grow: 1
}

.cat-title {
	position: absolute;
	background-color: #f2eded;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 333;
	color: #261515;
	text-align: center;
	font-weight: 700;
	line-height: 45px;
	font-size: 1em
}

.span4:hover {
	transform: scale(1.03) translate3d(0, -6px, 0)
}

.AdsUG {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.walk {
	margin-left: auto;
	margin-right: 20px
}

button.walkthrough {
	background-color: #9493a9;
	box-shadow: 0 3px 0 #757678;
	padding-left: 45px;
	height: 32px;
	display: flex;
	align-items: center
}

button.walkthrough:hover {
	background: #6a4d50;
	box-shadow: 0 3px 0 #4b3537
}

button {
	margin: auto;
	padding: 8px;
	border-radius: 30px;
	border: 0;
	background-color: #59b21f;
	height: 48px;
	box-shadow: 0 5px 0 #3e8e0d;
	position: relative;
	overflow: hidden;
	outline: 0;
	cursor: pointer
}

button.walkthrough .icon {
	width: 22px;
	height: 22px;
	left: 20px;
	top: 6px;
	z-index: 9;
	position: absolute
}

button.walkthrough .icon svg {
	width: 100%;
	height: 100%;
	fill: #fff
}

button.walkthrough .text {
	text-transform: capitalize
}

button .text {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	padding: 0 10px
}

.gradient_silver:after {
	content: "";
	background: url('') no-repeat 100%/auto 100%;
	height: 100%;
	width: 34px
}

.votes {
	margin-right: 20px;
	margin-left: auto
}

.votes .vot {
	position: relative;
	padding: 8px 10px 0;
	cursor: pointer;
	font-size: 12px;
	color: var(--grey-3);
	flex-direction: column;
	justify-content: center
}

.votes,
.votes .vot {
	display: flex;
	align-items: center
}

.votes .vot,
.votes .vot .svg {
	transition: all .1s ease-out
}

.votes .vot .svg {
	margin-bottom: 3px;
	stroke: var(--grey-3);
	fill: transparent;
	width: 24px;
	height: 24px
}

.votes .vot.down .svg {
	transform: scale3d(-1, -1, 1)
}

.votes .vot.up:after {
	content: "";
	width: 1px;
	height: 22px;
	background: var(--grey-5);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.votes .vot:hover {
	color: var(--hover-blue)
}

.votes .vot:hover .svg {
	stroke: var(--hover-blue)
}

.cls-1 {
	fill: #4b48ae
}

.cls-2 {
	fill: #141f38
}

.cls-3 {
	fill: #fff
}

.votes .vot:hover .cls-1 {
	fill: var(--hepy-blue)
}

.fs,
.ww,
.sl {
	padding: 10px;
	border: 1px solid #a19494;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
	border-radius: 50%;
	background: #0000000f;
	cursor: pointer;
	transition: border-color .2s ease-out, box-shadow .2s ease-out, transform .2s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20px
}

.fs:hover,
.ww:hover,
.sl:hover {
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .34);
	transform: translateY(-3px)
}

.ww {
	background-color: var(--grey-9);
	fill: var(--hepy-blue-1)
}

.sl {
	background-color: var(--grey-1);
	fill: var(--hepy-blue-5)
}

.ww svg,
.fs svg,
.sl svg {
	width: 18px;
	height: 18px
}

.dc {
	position: fixed !important;
	z-index: 1000 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: #fff !important
}

.game_data div,
.game_data embed,
.game_data iframe,
.game_data object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.bubbles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.red-bubbles .left {
	width: 1px;
	height: 1px;
	display: block;
	position: absolute
}

.red-bubbles .left:before {
	width: 30px;
	height: 30px;
	left: -10px;
	top: -10px
}

.red-bubbles .left:after {
	width: 20px;
	height: 20px;
	left: 60px;
	top: 37px
}

.red-bubbles .bubble:before,
.red-bubbles .bubble:after {
	position: absolute;
	background: #ff4859;
	content: " ";
	border-radius: 50%
}

.red-bubbles .right:after {
	width: 36px;
	height: 50px;
	right: 0;
	top: -33px
}

.red-bubbles .bubble:before,
.red-bubbles .bubble:after {
	position: absolute;
	background: #ff4859;
	content: " ";
	border-radius: 50%
}

.gwd {
	width: 100%;
	height: 100%
}

.mobile .gwd,
.mobile .pc {
	position: fixed !important;
	z-index: 100000 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background: #000 !important;
	min-height: -webkit-fill-available;
	height: -webkit-fill-available !important
}

.mob-nav-back {
	position: absolute;
	height: 46px;
	left: 0;
	top: 10px;
	z-index: 9999;
	padding: 0 8px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 0 15px 15px 0
}

.s-white .color {
	fill: #213c7c
}

.mob-nav-back svg {
	width: 40px;
	height: 40px;
	padding-top: 3px
}

.bs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 9000
}

.sc {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	display: none
}

.mobile .sc {
	display: block
}

.spb {
	color: #000;
	background: rgb(0 0 0/52%);
	position: relative;
	height: 100%
}

.spb .g-title {
	width: 100%;
	background-color: #afafd2;
	padding: 10px 0;
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0, rgb(0 0 0/61%) 50%, rgba(125, 185, 232, 0) 100%);
	border: 1px solid #7e7777
}

.spb .g-logo {
	width: 100%;
	position: relative;
	text-align: center
}

.spb img {
	border-radius: 10px;
	border: 1px solid #551010;
	background-color: #cbcbd9;
	padding: 3px
}

.spb button {
	display: inline-block;
	background: #185b7a;
	padding: 8px 25px;
	border-radius: 25px;
	border: 1px solid #e7dddd;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	bottom: -10px;
	transform: translateX(-50%);
	left: 50%;
	box-shadow: 0 1px 0 #87889b
}

.spb button:hover {
	background-color: #12445b;
	border-width: 2px
}

.spb h1 {
	color: #fff;
	font-size: 1.8em;
	line-height: 50px
}

.pld {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10006;
	display: flex;
	align-items: center;
	background-color: #000
}

.ld {
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, .2);
	border-right: 1.1em solid rgba(255, 255, 255, .2);
	border-bottom: 1.1em solid rgba(255, 255, 255, .2);
	border-left: 1.1em solid #fff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: gdsdk__load 8 1.1s infinite linear;
	animation: ld8 1.1s infinite linear;
	display: block
}

.ld,
.ld:after {
	border-radius: 50%;
	width: 8em;
	height: 8em
}

.bdg {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	background-color: #eee6e6;
	width: 35px;
	height: 35px;
	pointer-events: none;
	transition: .3s ease-in-out;
	border-radius: 10px 0 10px 0
}

.bdg svg {
	fill: #893823;
	width: 22px;
	height: 22px
}

.bdg .fv {
	fill: #893823
}

.bdg.py svg {
	fill: #4c4b72
}

.bdg .nw {
	fill: #893823
}

.span2:hover .bdg {
	opacity: 0
}

.preroll-spin {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	height: auto
}

.preroll-message {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}

#playButton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	cursor: pointer;
	z-index: 100;
	filter: hue-rotate(190deg);
	height: 20vh;
	width: 20vh
}

#playButton:hover {
	filter: hue-rotate(0deg)
}

#playButton svg {
	fill: #d9d6d6;
	animation: btnplay 4s ease-in-out infinite both
}

#playButton:hover svg {
	fill: #c2d3b6
}

:root {
	--gcolw: 130px;
	--gcolh: 130px;
	--ggap: 16px;
	--gcolgap: 24px;
	--growgap: 24px;
	--gccolh: 120px;
	--gccolw: 180px;
	--gcgap: 16px;
	--gameGap: 10px;
	--gamePadRight: 366px;
	--gameSpanC: 7;
	--gameSpanR: 5;
	--adsSpanC: 3;
	--adsSpanR: 5;
	--gameWDef: 831px;
	--gameHDef: 589px;
	--hepy-blue: #009cff;
	--hepy-blue-1: #292672;
	--hepy-hover: #0097f5;
	--iRadius: 18px;
	--text-blue: #002b50;
	--hover-blue: #002b50;
	--grey-3: #7e91ab;
	--grey-5: #bac9de;
	--grey-7: #f0f5fc;
	--grey-9: #f9fbff;
	--rose-1: #ff7690;
	--rose-2: #ff8aa6;
	--rose-3: #ff99b1;
	--rose-4: #ffa4ba;
	--rose-5: #ffa9be;
	--rose-6: #ffaec5;
	--rose-7: #ffc2d6;
	--rose-8: #ffc9dd;
	--yellow-1: #ff9e00;
	--yellow-2: #ffaf00;
	--yellow-3: #ffc500;
	--yellow-4: #ffd100;
	--yellow-5: #ffdc00;
	--yellow-6: #ffe200;
	--yellow-7: #faeb59;
	--yellow-8: #ffed85
}

@media screen and (max-width:960px) {
	:root {
		--gcolw: 100px;
		--gcolh: 100px;
	}
}

.gr-s75 {
	--gameW: calc(var(--gcolw)*var(--gameSpanC)+var(--gcolgap)*var(--gameSpanC) - var(--gcolgap) - var(--gameGap));
	--gameH: calc(var(--gcolh)*var(--gameSpanR)+var(--growgap)*var(--gameSpanR) - var(--growgap))
}

body.mobile #qc-cmp2-ui {
	margin: 0 30px;
	height: auto
}

body.mobile #qc-cmp2-main .qc-cmp2-summary-section {
	padding: 10px 0;
	overflow: scroll
}

body #qc-cmp2-main button[mode=primary] {
	border-radius: 20px;
	padding: 4px 0 3px
}

body #qc-cmp2-main button[mode=secondary] {
	border-radius: 20px;
	box-shadow: none;
	border: 1px solid var(--hepy-blue)
}

body .qc-cmp2-persistent-link {
	display: none
}

@media(min-width:103px) and (max-width:750px) {
	.panelSearchContainer {
		display: none
	}

	.search .panelSearchContainer {
		display: flex
	}

	.search .panelSearch {
		position: absolute;
		display: flex;
		z-index: 100003;
		border-radius: var(--iRadius);
		background-color: #1e2244
	}

	.grdLogo {
		min-width: 240px
	}

	.panelSearch {
		background-color: initial
	}
}

@media(min-width:751px) and (max-width:1850px) {
	.panelSearch {
		background-color: #1e224452
	}

	;

	.panelSearchContainer {
		display: flex
	}

	.grdLogo {
		min-width: 280px
	}
}

@media(min-width:103px) and (max-width:850px) {
	body.mobile #qc-cmp2-main #qc-cmp2-ui {
		margin: 0 10px
	}

	body.mobile #qc-cmp2-main #qc-cmp2-ui p {
		font-size: 14px
	}

	body.mobile #qc-cmp2-main #qc-cmp2-main div[role=dialog],
	body.mobile #qc-cmp2-main #qc-cmp2-ui {
		border-radius: 16px
	}

	body.mobile #qc-cmp2-main #qc-cmp2-ui .qc-cmp2-summary-section {
		max-height: 40vh
	}
}

@media only screen and (min-width:120px) and (max-width:420px) {
	:root {
		--gccolh: 90px;
		--gccolw: 140px;
		--gcgap: 20px
	}
}

@media only screen and (min-width:100px) and (max-width:321px) {

	.ga,
	.adsRight,
	.adsW {
		display: none
	}

	:root {
		--gameSpanC: 2;
		--gameSpanR: 2
	}
}

@media only screen and (min-width:322px) and (max-width:499px) {

	.ga,
	.adsRight,
	.adsW {
		display: none
	}

	:root {
		--gameSpanC: 3;
		--gameSpanR: 2
	}
}

@media only screen and (min-width:500px) and (max-width:730px) {

	.ga,
	.adsRight,
	.adsW {
		display: none
	}

	:root {
		--gameSpanC: 4;
		--gameSpanR: 3
	}

	.mobile .gr-s75 {
		--gameSpanC: 2;
		--gameSpanR: 2
	}
}

@media only screen and (min-width:731px) and (max-width:800px) {

	.adsRight,
	.adsW {
		display: none
	}

	:root {
		--gameSpanC: 5;
		--gameSpanR: 4
	}

	.mobile .gr-s75 {
		--gameSpanC: 3;
		--gameSpanR: 2
	}
}

@media only screen and (min-width:801px) and (max-width:880px) {

	.adsRight,
	.adsW {
		display: none
	}

	:root {
		--gameSpanC: 5;
		--gameSpanR: 4
	}

	.mobile .gr-s75 {
		--gameSpanC: 4;
		--gameSpanR: 3
	}
}

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

	.adsRight,
	.adsW {
		display: none
	}

	.gr-s61 {
		grid-column-start: span 7
	}

	.mobile .gr-s75 {
		--gameSpanC: 4;
		--gameSpanR: 3
	}
}

@media only screen and (min-width:1024px) and (max-width:1221px) {
	.mobile .gr-s75 {
		--gameSpanC: 5;
		--gameSpanR: 3
	}
}

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

	.adsRight,
	.adsW {
		display: none
	}

	.gr-s61 {
		grid-column-start: span 7
	}

	:root {
		--gcolw: 100px;
		--gcolh: 100px;
		--gcolgap: 15px;
		--growgap: 15px;
		--gameSpanC: 6;
		--gameSpanR: 4
	}
}

@media only screen and (min-width:1024px) and (max-width:1221px) {
	.menu_links {
		display: none
	}

	:root {
		--gameSpanC: 6;
		--gameSpanR: 4
	}
}

@media only screen and (min-width:1221px) and (max-width:1250px) {
	.menu_links {
		display: none
	}

	:root {
		--gameSpanC: 6;
		--gameSpanR: 4
	}
}

@media only screen and (min-width:800px) and (max-width:1280px) {
	.ad300 {
		display: none
	}

	:root {
		--adsSpanC: 2;
		--adsSpanR: 5
	}
}

@media only screen and (min-width:1280px) {
	.ad160-1 {
		display: none
	}

	.ad300 {
		display: none
	}

	:root {
		--adsSpanC: 2;
		--adsSpanR: 5
	}
}

@media only screen and (min-width:250px) and (max-width:300px) {
	:root {
		--gccolh: 80px;
		--gccolw: 120px;
		--gcgap: 20px
	}
}

@media only screen and (min-width:301px) and (max-width:350px) {
	:root {
		--gccolh: 100px;
		--gccolw: 140px;
		--gcgap: 20px
	}
}

@media only screen and (min-width:101px) and (max-width:799px) {
	.ad160 {
		display: none
	}

	.gr-s61 {
		display: none
	}
}

.gw {
	margin: 0 auto;
	flex-grow: 1
}

@media(min-width:111px) and (max-width:990px) {
	.gw {
		width: 760px
	}
}

@media(min-width:991px) and (max-width:1210px) {
	.gw {
		width: 980px
	}
}

@media(min-width:1211px) and (max-width:1320px) {
	.gw {
		width: 1194px
	}
}

@media(min-width:1321px) and (max-width:1540px) {
	.gw {
		width: 1304px
	}
}

@media(min-width:1541px) and (max-width:1870px) {
	.gw {
		width: 1524px
	}
}

@media(min-width:1871px) {
	.gw {
		width: 1854px
	}
}

@media(min-width:111px) and (max-width:371px) {
	.mobile .gw {
		width: 314px
	}
}

@media(min-width:372px) and (max-width:550px) {
	.mobile .gw {
		width: 360px
	}
}

@media(min-width:551px) and (max-width:770px) {
	.mobile .gw {
		width: 534px
	}
}

@media(min-width:771px) {
	.mobile .gw {
		width: 760px
	}
}

@keyframes ld8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}
}

@keyframes reveal {
	0% {
		transform: scale(.001)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes slide {
	100% {
		transform: translateX(1.5em)
	}
}

@keyframes btnplay {

	0%,
	70%,
	100% {
		transform: translate3d(-50%, -50%, 0) scale(1)
	}

	90% {
		transform: translate3d(-50%, -50%, 0) scale(1.2)
	}
}

.grd.grdheader {
	margin-bottom: 0;
	z-index: 100002;
	grid-template-rows: repeat(auto-fill, 50px)
}

.gr-search {
	background-color: #675984;
	border-radius: var(--iRadius);
	grid-column-start: 1;
	grid-column-end: -1;
	grid-row-start: span 1;
	box-shadow: 0 6px 12px 0 rgb(0 0 0/24%);
	display: flex;
	align-items: center;
	position: relative
}

.gr-search .search-input {
	width: 100%
}

.gr-search h1 {
	padding: 0 20px;
	display: flex;
	align-items: center;
	color: #fff;
	border-left: 1px solid #bda7a7
}

.grdheader .hc {
	height: initial
}

.grdLogo {
	border-radius: 16px 0 0 16px;
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	flex-grow: 1
}

.MenuItem {
	display: flex;
	padding: 0 15px;
	height: 100%;
	align-items: center;
	cursor: pointer
}

.MenuItem:hover {
	background-color: #513434;
	border-radius: 16px 0 0 16px
}

.MenuLogo {
	display: flex;
	padding-left: 15px
}

.cattitle {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 6px 0 rgb(50 50 50/45%);
	border-radius: var(--iRadius);
	background-image: radial-gradient(circle farthest-corner at 1.3% 2.8%, rgba(239, 249, 249, 1) 0, rgba(182, 199, 226, 1) 100.2%);
	border-left: 4px solid #675984
}

.panelSearch {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
	flex-grow: 1;
	position: relative;
	border-left: 1px solid #1e204a
}

.last {
	border-radius: 0 var(--iRadius) var(--iRadius) 0
}

.s-open .panelSearch {
	border-radius: var(--iRadius) var(--iRadius) 0 0
}

.panelSearchIcon {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 16px
}

.panelSearchIcon svg {
	width: 22px;
	height: 22px;
	fill: var(--hepy-blue)
}

.panelSearchContainer {
	width: 100%;
	height: 100%;
	padding-right: 30px
}

.panelSearchInput {
	outline: 0;
	width: 100%;
	height: 100%;
	margin: 0 16px 0 0;
	border: 0;
	font-size: 18px;
	color: #fff;
	background-color: initial
}

.grdLogo svg {
	height: 20px;
	width: 20px;
	fill: #fcfcfc;
	cursor: pointer
}

.searchResultContainer {
	margin-bottom: 20px;
	display: none;
	margin: auto;
	width: 76%
}

.search .searchResultContainer {
	display: block;
	z-index: 100003;
	position: absolute;
	top: 50px;
	width: 100%
}

.searchResults {
	border-radius: 0 0 22px 22px;
	background-color: #e2e2e6;
	padding: 10px 4px;
	position: relative
}

.searchTitle {
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: .7rem;
	border-bottom: 2px solid #b2b2b7;
	padding-bottom: 10px
}

.txtTitle {
	color: #000
}

.overlay {
	position: fixed;
	z-index: 100001;
	inset: 0;
	background-color: rgba(0, 0, 0, .5);
	transition: opacity .3s ease;
	opacity: 1;
	visibility: hidden
}

.search .overlay,
.menu .overlay {
	opacity: 1;
	visibility: visible
}

body.menu,
body.search {
	position: fixed;
	overflow-y: scroll;
	width: 100%
}

.body .container {
	padding-top: 0
}

.panelClose-1 {
	position: absolute;
	top: 6px;
	right: 9px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 12;
	border: 1px solid #bab6bc;
	box-shadow: 0 3px 9px 0 rgb(0 0 0/24%);
	display: none
}

.panelClose-1 svg {
	width: 16px;
	height: 16px;
	fill: var(--hepy-blue)
}

.search .panelClose-1 {
	display: flex
}

.UserItem {
	padding: 0 16px;
	display: flex;
	align-items: center;
	height: 100%
}

.UserItem:hover {
	background-color: #513434
}

.UserItem svg {
	fill: #fff;
	width: 26px;
	height: 26px
}

.menu .MenuData {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity .3s linear;
	height: calc(100vh - 90px);
	overflow: hidden
}

.MenuData {
	position: absolute;
	z-index: 100004;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #e2e0e6;
	border-radius: 0 0 var(--iRadius) var(--iRadius);
	width: 100%;
	height: calc(100% - var(--marginTop) - var(--marginTop));
	top: 48px;
	left: 0;
	right: 0;
	padding: 18px;
	opacity: 0;
	visibility: hidden
}

.MenuDataContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: calc(100% - 60px)
}

.menu .grdLogo {
	border-radius: 16px 0 0 0
}

.MenuOpen {
	visibility: visible
}

.MenuClose {
	visibility: hidden;
	position: absolute;
	left: -100px
}

.menu .MenuOpen {
	visibility: hidden;
	position: absolute;
	left: -100px
}

.menu .MenuClose {
	visibility: visible;
	position: initial
}

.withcateg .categcontainer {
	display: block
}

.categcontainer {
	height: 100%;
	width: 100%;
	display: none;
	overflow: hidden
}

.withcateg .MenuResultsContainer {
	width: 75%
}

.MenuResultsContainer {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%
}

.withcateg .MenuResults {
	border-left: 1px solid #d6d4cf;
	padding-left: 20px
}

.ccc {
	width: calc(100%+25px);
	height: 100%;
	overflow-y: scroll;
	position: relative
}

.menuTitle {
	font-size: 1.3em;
	margin-bottom: 8px
}

.MenuData .wc {
	background: linear-gradient(to bottom, #fff 0, #eee 100%);
	line-height: 45px;
	height: 45px;
	color: #333;
	position: relative
}

.MenuData .wc a {
	color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0 0 0 10px;
	text-transform: capitalize;
	border-left: 4px solid #005680
}

.MenuData .wc:hover,
.MenuData .wc.active {
	background: #6f6386
}

.MenuData .wc a:hover {
	color: #fff
}

.social-icons {
	display: flex;
	padding: 10px 0 0;
	border-top: 2px solid #d6d4cf;
	width: 100%;
	margin-top: auto;
	justify-content: end;
	text-align: center
}

.social-button.facebook {
	background: #4e6eb5
}

.social-button.twitter {
	background: #77bfe6
}

.social-button.instagram {
	background: #d62c6c
}

.social-button:hover {
	opacity: .8
}

.social-button {
	width: 36px;
	height: 36px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	line-height: 36px;
	margin: 0 5px;
	opacity: 1;
	color: #fff
}

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none
}

.body .bigdiv {
	border-radius: 4px 0 4px 4px;
	right: 0;
	top: 50px;
	width: fit-content
}

.ctg .span4 {
	position: relative;
	transition: all .2s linear;
	box-shadow: 0 4px 8px 0 rgb(0 0 0/34%);
	border-radius: var(--iRadius);
	display: flex;
	align-items: center;
	background-color: #fff;
	min-height: initial
}

.ctg .gr-s21 {
	grid-column-start: span 2;
	grid-row-start: span 1;
	width: calc(var(--gcolw)*2+var(--growgap));
	height: var(--gcolh, 105px)
}

.ctg .gr-s21 img {
	width: 105px;
	height: 105px;
	border-radius: 16px 0 0 16px
}

.ctg .gr-s21 .cat-title {
	border-radius: 0 16px 16px 0;
	background-color: #fff;
	color: #000;
	font-weight: 600;
	line-height: 20px;
	font-size: 1em;
	padding: 0 8px;
	position: relative;
	text-align: left
}

.ctg .cat-title {
	background-color: #100a1e78;
	color: #fff;
	line-height: 36px
}

.ctg .gr-s22:hover .cat-title {
	background: #4d5979;
	opacity: 1
}

.ctg .game-title {
	position: absolute;
	z-index: 1002;
	background-color: rgb(7 56 90/68%);
	font: 700 .85em/18px Montserrat;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	right: 0;
	left: 0;
	bottom: initial;
	top: -150px;
	padding: 6px;
	text-align: center;
	opacity: 0;
	transition: all .3s;
	border-radius: 0
}

.ctg .gr-s22 .game-title {
	padding: 12px
}

.ctg .span2:hover .game-title {
	opacity: 1;
	top: 0
}

.game-info-head ol li {
	list-style-type: decimal;
	margin-left: 35px;
	padding-left: 3px
}

.game-info-head li {
	margin-left: 10px;
	padding: 5px 30px 5px 20px
}

::placeholder {
	color: #fff;
	opacity: 1
}

:-ms-input-placeholder {
	color: #fff
}

input:focus::placeholder {
	color: transparent
}

.gamepageBox{
    padding: 20px;
	margin: auto;
}

main{
	width: 1300px;
}
.hOneTitle{
	margin: 30px 0;
}

.gameLogo{
	width: 200px;
	height: 200px;
	border-radius: 20px;
}

.cap{
	line-height: 2;
}
.col-md-12{

	.gamepageBox{
		padding: 20px;
		margin: auto;
	}
	.hOneTitle{
		margin: 30px 0;
	}
	
	.gameLogo{
		width: 200px;
		height: 200px;
		border-radius: 20px;
	}
	
	.cap{
		line-height: 2;
	}
	.col-md-12{
		margin-top: 20px;
	}
	.gameBigBox{
		display: flex;
		justify-content: space-between;
	}
	.gameBoxLeft{
		width: 20%;
		height: 500px;
	}
	
	.gameimgBox{
		width: 150px;
		height: 150px;
		border: 3px solid rgba(255, 255, 255, 1);
		border-radius: 100%;
		overflow: hidden;
		box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);
	}
	
	.gameimgBox img{
		width: 100%;
		height: 100%;
	}
	.gameBoxRight{
		width: 20%;
		height: 500px;
	}
	
	.gameBox {
		width: 100%;
		margin: auto;
		height: auto;
		margin: 30px 0;
	}
	
	.gameCon {
		width: 100%;
		padding: 0px;
		margin: auto;
		height: 100%;
		margin: auto;
		position: relative;
		z-index: 2222;
		overflow: hidden;
	}
	
	.gamePlay img{
		width: 200px;
	}
	
	.bannerTitle p{
		font-size: 24px;
		color: #fff;
		font-weight: 600;
	}
	
	.pName {
		width: 100%;
		font-size: 26px;
		margin-bottom: 20px;
		color: #fff;
		font-weight: 600;
		margin-top: 20px;
		word-break: keep-all;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.gameAd {
		width: 80%;
		margin: 30px auto;
		height: 100px;
		background-color: #000;
		padding: 0px 10px;
		overflow-x: auto;
		position: relative;
	}
	
	.gameAd::-webkit-scrollbar{
		display: none;
	}
	
	.gameAdList {
		width: 90px;
		height: 80px;
		border-radius: 10px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		bottom: 0px;
		margin: auto;
	}
	
	.gameAdList img {
		width: 100%;
		height: 100%;
	}
	
	.gamePlay {
		width: 100%;
		height: 580px;
		position: relative;
		overflow: hidden;
		margin-bottom: 30px;
		max-width: 1300px;
		margin: auto;
		position: relative;
		background-image: url(../picture/1.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		filter: blur(30px);
		z-index: 1;
	}
	
	.gamedet{
		width: 100%;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 50px;
		padding: 50px;
		display: flex;
		justify-content: space-between;
		transition: all 0.3s;
		z-index: 2222222;
		align-items: center;
	}
	#sdk__splash-button {
		position: relative;
		transition: all .2s;
		margin: auto;
		padding: 10px 22px 8px 22px;
		border-radius: 5px;
		border: 3px solid white;
		background: linear-gradient(0deg, #dddddd, #ffffff);
		color: #222;
		text-transform: uppercase;
		text-shadow: 0 0 1px #fff;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	}
	
	#sdk__splash-button:hover {
		padding-right: 35px!important;
		background: linear-gradient(0deg, #ffffff, #dddddd);
	}
	#sdk__splash-button:after {
		content: "\00bb";
		position: absolute;
		opacity: 0;
		top: 7.9px;
		right: 5px;
		transition: .5s;
	}
	
	#sdk__splash-button:hover:after {
		opacity: 1;
		right: 15px;
	}
	/* .gamedet:hover{
		box-shadow: -2px -2px 10px 1px #ffffff, 10px 20px 21px rgba(0,0,0,.4);
	} */
	
	.gamedetLeft{
		width: 100%;
		height: 50%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.baifenbaiBox{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.buttonBox{
		width: 100%;
		display: flex;
		align-items: center;
	}
	
	.wgTitle{
		width: 100%;
		font-weight: 600;
		font-size: 35px;
		user-select: none;
		color: #fff;
		text-align: center;
	}
	
	
	.gameimgBox{
		width: 150px;
		height: 150px;
		display: flex;
		align-items: center;
	}
	
	.wgPrerollCTA {
		width: 60%;
		margin: auto;
		height: 75px;
		border-radius: 50px;
		background-color: #ff515d;
		transition: .2s;
		position: relative;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.22);
		transition: all 0.3s;
	}
	
	.wgPrerollCTA:hover{
		transform: scale(1.1);
		
	}
	.wgPrerollCTA:hover .jiantou{
		animation: jiantous 0.3s linear infinite;
	}
	
	.wgPrerollCTA span {
		color: #fff;
		font-size: 26px;
		text-transform: uppercase;
		background-color: #ff515d !important;
		margin-left: 15px;
	}
	 
	@keyframes jiantous {
		0%{
			transform: translateX(10px);
		};
		50%{
			transform: translateX(20px);
		};
		100%{
			transform: translateX(10px);
		}
	}
	
	.jiantou{
		width: auto !important;
		height: auto;
		
	}
	
	
	.gamedetRight img:hover{
		transform: scale(1.1);
		box-shadow: -2px -2px 10px 1px #ffffff, 0 5px 40px rgba(0,0,0,.4);
	}
	
	.gameplayOne {
		width: 100%;
		height: 100%;
		border: 1px solid red;
		/* background-image: url(../images/1.jpg); */
		background-repeat: no-repeat;
		background-size: cover;
		filter: blur(60px);
		position: relative;
	}
	
	.gameplayTwo {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		display: none;
	}
	
	.gameplayTwo iframe{
		width: 100%;
		height: 100%;
	}
	
	.gameDet {
		width: 100%;
		min-height: 300px;
		border: 1px solid #4ca5a9;
		margin: 30px auto;
		border-radius: 5px;
		overflow: hidden;
		z-index: 2;
	}
	
	.gameDetTop {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #4ca98a;
		padding: 0px 20px;
		color: #fff;
		font-weight: 600;
		font-size: 26px;
		line-height: 50px;
		text-transform: capitalize;
	}
	
	.gameDetBottom {
		padding: 20px 20px;
		line-height: 1.8;
		color: #fff;
		font-size: 18px;
	}
	
	.gameLiBox {
		width: 100%;
		padding: 0px;
		height: auto;
		margin: auto;
		margin-bottom: 30px;
	}
	
	.gameListBox {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}
	
	.gameListBox .pName {
		height: auto;
		border: none;
		font-size: 16px;
	}
	
	.playBtn {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		z-index: 2;
		animation: playBtn 1.5s linear infinite;
		cursor: pointer;
	}
	
	.loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 6;
		display: flex;
		justify-content: center;
		align-items: center;
	  }
	
	  .loading::after {
		content: '';
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 4px solid #fff;
		border-top-color: #000;
		animation: loading 1s linear infinite;
	  }
	
	  @keyframes loading {
		to {
		  transform: rotate(360deg);
		}
	  }
	
	
	@keyframes playBtn {
		0% {
			transform: scale(0.88);
		}
	
		50% {
			transform: scale(1.2);
		}
	
		100% {
			transform: scale(0.88);
		}
	}
	
	
	
	/* .gameListBox .smallList{
		width: calc((100% - 60px)/4);
	}
	
	.gameListBox .smallList:nth-of-type(8n) {
		margin-right: 20px;
	}
	
	.gameListBox .smallList:nth-of-type(4n) {
		margin-right: 0px;
	} */
	.detP{
		color: #2c3e50;
	}
	.gameh2{
		color: #2c3e50;
	}
	@media screen and (max-width:960px) {

		main{
			width: 100%;
		}
		.gameCon{
			width: 100%;
			padding: 0px;
		}
		.gameDet{
			width: 100%;
			margin: 0px auto 20px;
			border-radius: 0px;
		}
		.gameAd{
			width: 100%;
			
		}
		.gameLiBox{
			width: 100%;
			padding: 0px;
		}
		.gameBox{
			width: 100%;
			margin: auto;
			margin-bottom: 50px;
			height: 400px;
		}
		main{
			width: 95%;
			margin: 10px auto;
		}
		.pName{
			height: 30px;
			font-size: 20px;
		}
		.gamePlay{
			height: 400px;
		}
		.gamedetLeft{
			margin-bottom: 70px;
		}
		.buttonBox{
			margin-top: 20px;
		}
		.goldRight{
			display: none !important;
		}
		 .goldleftThree, .goldleftFour{
			display: none !important;
		}
	
		.gameListBox .smallList:nth-of-type(10n){
			margin-right: 20px;
		}
		.gameListBox .smallList{
			width: calc((100% - 20px)/3);
			margin-right: 10px;
		}
		.gameListBox .smallList:nth-of-type(10n){
			margin-right: 10px;
		}
		.gameListBox .smallList:nth-of-type(8n){
			margin-right: 10px;
		}
		.gameListBox .smallList:nth-of-type(3n){
			margin-right: 0px;
		}
		.pName{
			margin: 10px auto;
		}
	
		.mainbox{
			padding: 0 10px;
		}
	
		.gamepageBox{
			padding: 0;
		}
	}
}
.gameBigBox{
	display: flex;
	justify-content: space-between;
}
.gameBoxLeft{
	width: 20%;
	height: 500px;
}

.gameimgBox{
	width: 150px;
	height: 150px;
	border: 3px solid rgba(255, 255, 255, 1);
	border-radius: 100%;
	overflow: hidden;
	box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);
}

.gameimgBox img{
	width: 100%;
	height: 100%;
}
.gameBoxRight{
	width: 20%;
	height: 500px;
}

.gameBox {
	width: 100%;
	margin: auto;
	height: 630px;
	margin: 30px 0;
}

.gameCon {
	width: 1230px;
	padding: 0px;
	margin: auto;
	height: 100%;
	margin: auto;
	position: relative;
	z-index: 2222;
	overflow: hidden;
	border-radius: 10px;
}

.gamePlay img{
	width: 200px;
}

.bannerTitle p{
	font-size: 24px;
	color: #000;
	font-weight: 600;
}

.pName {
	width: 100%;
	font-size: 26px;
	margin-bottom: 20px;
	color: #000;
	font-weight: 600;
	margin-top: 20px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gameAd {
	width: 80%;
	margin: 30px auto;
	height: 100px;
	background-color: #000;
	padding: 0px 10px;
	overflow-x: auto;
	position: relative;
}

.gameAd::-webkit-scrollbar{
	display: none;
}

.gameAdList {
	width: 90px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.gameAdList img {
	width: 100%;
	height: 100%;
}

.gamePlay {
	width: 100%;
	height: 630px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	max-width: 1300px;
	margin: auto;
	position: relative;
	background-image: url(../picture/1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	filter: blur(30px);
	z-index: 1;
}

.gamedet{
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50px;
	padding: 50px;
	display: flex;
	justify-content: space-between;
	transition: all 0.3s;
	z-index: 2222222;
	align-items: center;
}
#sdk__splash-button {
    position: relative;
    transition: all .2s;
	margin: auto;
    padding: 10px 22px 8px 22px;
    border-radius: 5px;
    border: 3px solid white;
    background: linear-gradient(0deg, #dddddd, #ffffff);
    color: #222;
    text-transform: uppercase;
    text-shadow: 0 0 1px #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

#sdk__splash-button:hover {
    padding-right: 35px!important;
	background: linear-gradient(0deg, #ffffff, #dddddd);
}
#sdk__splash-button:after {
    content: "\00bb";
    position: absolute;
    opacity: 0;
    top: 7.9px;
    right: 5px;
    transition: .5s;
}

#sdk__splash-button:hover:after {
    opacity: 1;
    right: 15px;
}
/* .gamedet:hover{
	box-shadow: -2px -2px 10px 1px #ffffff, 10px 20px 21px rgba(0,0,0,.4);
} */

.gamedetLeft{
	width: 100%;
	height: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.baifenbaiBox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.buttonBox{
	width: 100%;
	display: flex;
	align-items: center;
}

.wgTitle{
	width: 100%;
	font-weight: 600;
    font-size: 35px;
    user-select: none;
    color: #fff;
	text-align: center;
}


.gameimgBox{
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
}

.wgPrerollCTA {
	width: 60%;
	margin: auto;
	height: 75px;
	border-radius: 50px;
	background-color: #ff515d;
    transition: .2s;
    position: relative;
    cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.22);
	transition: all 0.3s;
}

.wgPrerollCTA:hover{
	transform: scale(1.1);
	
}
.wgPrerollCTA:hover .jiantou{
	animation: jiantous 0.3s linear infinite;
}

.wgPrerollCTA span {
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
    background-color: #ff515d !important;
	margin-left: 15px;
}
 
@keyframes jiantous {
	0%{
		transform: translateX(10px);
	};
	50%{
		transform: translateX(20px);
	};
	100%{
		transform: translateX(10px);
	}
}

.jiantou{
	width: auto !important;
	height: auto;
	
}


.gamedetRight img:hover{
	transform: scale(1.1);
    box-shadow: -2px -2px 10px 1px #ffffff, 0 5px 40px rgba(0,0,0,.4);
}

.gameplayOne {
	width: 100%;
	height: 100%;
	border: 1px solid red;
	/* background-image: url(../images/1.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(60px);
	position: relative;
}

.gameplayTwo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: none;
}

.gameplayTwo iframe{
	width: 100%;
	height: 100%;
}

.gameDet {
	width: 1230px;
	margin: 30px auto;
	border-radius: 5px;
	overflow: hidden;
	z-index: 2;
	border-radius: 10px !important;
}
@media screen and (min-width:1300px) {
	.gameMt3{
		width: 1300px !important;
	}
}
/* .gameMt3{
	width: 1300px !important;
} */

.gameDetTop {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #4ca98a;
	padding: 0px 20px;
	color: #000;
	font-weight: 600;
	font-size: 20px;
	line-height: 50px;
	text-transform: capitalize;
}

.gameDetBottom {
	padding: 20px 20px;
	line-height: 1.8;
	color: #000;
	font-size: 18px;
	background-color: #fff;
}

.gameLiBox {
	width: 100%;
	padding: 0px;
	height: auto;
	margin: auto;
	margin-bottom: 30px;
}

.gameListBox {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.gameListBox .pName {
	height: auto;
	border: none;
	font-size: 16px;
}

.playBtn {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	z-index: 2;
	animation: playBtn 1.5s linear infinite;
	cursor: pointer;
}

.loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 6;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .loading::after {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 4px solid #fff;
	border-top-color: #000;
	animation: loading 1s linear infinite;
  }

  @keyframes loading {
	to {
	  transform: rotate(360deg);
	}
  }


@keyframes playBtn {
	0% {
		transform: scale(0.88);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(0.88);
	}
}



/* .gameListBox .smallList{
	width: calc((100% - 60px)/4);
}

.gameListBox .smallList:nth-of-type(8n) {
	margin-right: 20px;
}

.gameListBox .smallList:nth-of-type(4n) {
	margin-right: 0px;
} */
.detP{
	color: #2c3e50;
}
.gameh2{
	color: #2c3e50;
}
@media screen and (max-width:960px) {
	.gameCon{
		width: 100%;
		padding: 0px;
		border-radius: 10px;
	}
	.gameDet{
		width: 100%;
		margin: 0px auto 20px;
		border-radius: 0px;
	}
	.gameAd{
		width: 100%;
		
	}
	.gameLiBox{
		width: 100%;
		padding: 0px;
	}
	.gameBox{
		width: 100%;
		margin: auto;
		margin-bottom: 50px;
		height: 400px;
	}
	main{
		width: 100%;
		margin: 10px auto;
	}
	.pName{
		height: 30px;
		font-size: 20px;
	}
	.gamePlay{
		height: 400px;
	}
	.gamedetLeft{
		margin-bottom: 70px;
	}
	.buttonBox{
		margin-top: 20px;
	}
	.goldRight{
		display: none !important;
	}
	 .goldleftThree, .goldleftFour{
		display: none !important;
	}

	.gameListBox .smallList:nth-of-type(10n){
		margin-right: 20px;
	}
	.gameListBox .smallList{
		width: calc((100% - 20px)/3);
		margin-right: 10px;
	}
	.gameListBox .smallList:nth-of-type(10n){
		margin-right: 10px;
	}
	.gameListBox .smallList:nth-of-type(8n){
		margin-right: 10px;
	}
	.gameListBox .smallList:nth-of-type(3n){
		margin-right: 0px;
	}
	.pName{
		margin: 10px auto;
	}

	.mainbox{
		padding: 0 10px;
	}

	.gamepageBox{
		padding: 0;
	}
}
.center.mobile-open {
    left: 0;
}

.searchBox.mobile-search-open {
    display: flex;
}

@media screen and (min-width: 961px) and (max-width: 1599px) {
    .right {
        display: flex;
    }
}

.listing-page {
    width: 100%;
    max-width: 1300px;
    min-height: 80vh;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
}

.listing-page .loading {
    display: none;
}

.game-page {
    width: 1300px;
}

.iframe-page {
    width: 100vw;
    height: 100vh;
    background: #000;
    overflow: hidden;
}

.ifamerCon,
.ifamerCon iframe {
    width: 100%;
    height: 100%;
}

.mobile-logo {
    width: 60px;
    height: 45px;
    position: fixed;
    top: 10%;
    left: 0;
    z-index: 1000;
    background: #fff;
    border-radius: 0 45px 45px 0;
    padding-left: 7px;
    box-sizing: border-box;
    box-shadow: 0 0 15px rgba(111, 111, 111, .5);
    cursor: pointer;
}

.mobile-logo img {
    width: 41px;
    height: 41px;
}

@media screen and (max-width: 960px) {
    .game-page {
        width: 100%;
    }
}