*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;font-weight:normal;font-style:normal;color:#242424;overflow-x:hidden;font-size:.925rem;-webkit-font-smoothing:antialiased;font-weight:400;background:var(--grayblue);line-height:1.5;}
img{max-width:100%;transform:translateZ(0px);height:unset}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;}
a,button{transition:.3s!important;text-decoration:none;position:relative;display:inline-block;color:#242424;}
h1,h2,h3,h4,h5,h6{font-family:"Chakra Petch",sans-serif;margin:0px;position:relative;color:#242424;}
h2{font-size:2.1rem;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
.numberedlist{list-style-type:decimal;}
p{font-weight:400;line-height:26px;color:#242424;}
textarea,select,input,button{outline:none;}
iframe{width:100%}
input,textarea{border-radius:4px;border:1px solid #ddd;font-size:1rem;font-weight:400;line-height:1.5;border-radius:0.375rem;resize:none;}
input[type='number'],input[type='tel']{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a.disabled,.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.8;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:6px;background-color:#F5F5F5;height:6px;}
::-webkit-scrollbar-thumb{background-color:#242424;}
.gg-menu{--ggs:1.5;transform:scale(var(--ggs,1));}
.gg-menu,.gg-menu::after,.gg-menu::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor;}
.gg-menu::after,.gg-menu::before{content:"";position:absolute;top:-6px;}
.gg-menu::after{top:6px;}
.gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:40px;}
.gg-close::after,.gg-close::before{content:"";display:block;box-sizing:border-box;position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px;}
.gg-close::after{transform:rotate(-45deg);}
/* header */
header{padding:1rem;text-align:center;position:sticky;top:0;z-index:5;background:#fff;}
.sidemenubtn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:inline-block;cursor:pointer;}
.sidemenubtn button{background:none;border:0;padding:1rem;}
.sidemenu{position:fixed;top:0;background:#fff;width:100%;height:100%;max-width:480px;padding:2rem;z-index:10;display:flex;flex-wrap:wrap;right:-100%;transition:0.3s;overflow:auto;}
.sidemenu.active{right:0;}
.sidemenu .gg-close{position:absolute;top:1rem;right:1rem;transform:scale(1.5);cursor:pointer;}
.menuoverlay{background:#0000005d;position:fixed;width:100%;height:100%;top:0;left:0;z-index:8;opacity:0;visibility:hidden;transition:0.3s;}
.menuoverlay.active{opacity:1;visibility:visible;}
/* sliderzone */
main{background-image:linear-gradient(#e4e4e4b3 .075rem,transparent .075rem),linear-gradient(90deg,#e4e4e4b3 .075rem,transparent .075rem);background-size:7em 7em;}
.sliderzone{padding:6rem 0;min-height:calc(80vh - 180px);}
.sliderzone h1{font-size:5rem;font-weight:900;margin:0 0 2rem;}
.sliderzone h2{font-size:2.4rem;font-weight:900;}
.sliderzone h1 span{animation:blink-animation 1.5s steps(3,start) infinite;-webkit-animation:blink-animation 1.5s steps(3,start) infinite;}
@keyframes blink-animation{to{visibility:hidden;}
}
@-webkit-keyframes blink-animation{to{visibility:hidden;}
}
.discoverBtn{display:inline-block;position:relative;color:#fff;font-weight:500;text-decoration:none;text-transform:uppercase;padding:15px 50px;text-align:center;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background-color:#161213;background-image:radial-gradient(200% 70% at center 20%,rgba(48,44,45,1) -30%,rgba(50,46,47,1) 49%,rgba(22,18,19,1) 50%,rgba(22,18,19,1) 150%);background-repeat:no-repeat;transition:background-position-y ease-in-out 250ms;border-radius:1rem;}
.discoverBtn:hover{background-position-y:-50px;}
/* game list */
.gamelist{padding:0 0 4rem;}
.gamelist .slide{border:1.5rem solid #000;position:relative;}
.gamelist .slide .swiper-pagination{bottom:10px;}
.gamelist .swiper-pagination-clickable .swiper-pagination-bullet{border-radius:0;width:20px;height:20px;border: 3px solid #fff;}
.gamelist .swiper-pagination-bullet-active{background:#000;}
.gamelist .swiper-button-next,.gamelist .swiper-rtl .swiper-button-prev{right:0;left:auto;background:#000000c5;color:#fff;border-radius:0.3rem 0 0 0.3rem;width:calc(var(--swiper-navigation-size)/ 46 * 29);height:48px;}
.gamelist .swiper-button-prev,.gamelist .swiper-rtl .swiper-button-next{left:0;right:auto;background:#000000c5;color:#fff;border-radius:0 0.3rem 0.3rem 0;width:calc(var(--swiper-navigation-size)/ 46 * 29);height:48px;}
.gamelist .swiper-button-next:after{font-size:1.8rem;margin-left:4px;}
.gamelist .swiper-button-prev:after{font-size:1.8rem;margin-right:4px;}
/* footer */
 footer{position:sticky;bottom:0;padding:1rem 0;z-index:5;background:#fff;}
footer a{font-weight:600;}
/* responsive */
 @media(max-width:992px){footer{position:relative;text-align:center;}
}
@media(max-width:768px){.sliderzone h1{font-size:3.7rem;}
.sliderzone h2{font-size:2rem;}
footer{position:relative;}
}
@media(max-width:525px){.sliderzone h1{font-size:2.7rem;}
.sliderzone h2{font-size:1.5rem;}
.gamelist .slide{border:1rem solid #000;position:relative;}
header{text-align:left;}
header img{max-width:180px;}
}