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

html, body { background: #f0f4f9; margin:0px auto; padding:0px;font-family: "Arial", "Helvetica", sans-serif; font-size:0.85em; color:#909499; }
a { color: #222836; text-decoration: none }
a:hover { color: #0f76ed; text-decoration: none; }
h2 { font-size:16px; }
ul, ul li { list-style:none; margin:0px; padding:0px; }
.grey { color:#d1d2d3 !important; }
.clear { clear:both; }
.button { background:#4eb52f; color:#fff; padding:0px 10px; border:1px solid #4eb52f; height:30px; line-height:24px; cursor:pointer; }
.button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.pl_button { background:#8aa1ae; color:#fff; padding:10px 30px; border:1px solid #8aa1ae; cursor:pointer; margin-top:5px; font-size:16px; }
.pl_button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.header { width:100%; background-image: linear-gradient(to right, #4d47bb , #219df4);margin:0px; padding:0px; height:80px; }
.header ul, .index_pic, .footer ul, .top_tool ul { width:1200px; margin:0px auto; padding:0px;  }
.header ul li { list-style:none;}
.logo a { float:left; overflow:hidden; height:45px; padding:20px 0px 0px 0px; margin-right:180px;}
.logo a img { height:40px;  }
.playmenu { width:100%; background:#fff; margin:0px auto 0px auto; height:42px;box-shadow: 0px 2px 2px 0px rgba(224, 228, 233, 0.3);}
.playmenu ul { width:1200px; margin:0px auto; padding:0px; font-size:1.3em;}
.playmenu ul li {float:left; padding:10px 10px 0px 10px; height:30px;}
.playmenu ul li a {color:#606469;}
.playmenu ul li:hover a{color:#0f76ed;}
.playmenu .active {border-bottom:3px solid #0f76ed;color#fff;}
.playmenu .active a {color:#0f76ed;}
.closemenu {display:none;}
.menu {display:none;}

.toptags {width:1180px;margin-left:auto;margin-right:auto;margin-top:20px;}
.toptags ul li {float:left;margin-right:5px;border-radius:12px;box-shadow: 0px 0px 10px 0px rgba(224, 228, 233, 0.5);}
.toptags ul li:hover {box-shadow: 0px 5px 10px 0px rgba(224, 228, 233, 0.9);}
.toptags ul li a {display:block;padding:12px 14px 12px 50px;line-height:24px;height:24px;font-size:1.2em;}
.tags-sprunki {background:#fff url("/images/tags-sprunki.png") no-repeat 8px center;background-size:32px 32px;}
.tags-girls {background:#fff url("/images/tags-girls.png") no-repeat 8px center;background-size:32px 32px;}
.tags-boygames {background:#fff url("/images/tags-boygames.png") no-repeat 8px center;background-size:32px 32px;}
.tags-christmas {background:#fff url("/images/tags-christmas.png") no-repeat 8px center;background-size:32px 32px;}
.tags-single-player {background:#fff url("/images/tags-single-player.png") no-repeat 8px center;background-size:32px 32px;}
.tags-skill {background:#fff url("/images/tags-skill.png") no-repeat 8px center;background-size:32px 32px;}
.tags-simulation {background:#fff url("/images/tags-simulation.png") no-repeat 8px center;background-size:32px 32px;}
.tags-familygame {background:#fff url("/images/tags-familygame.png") no-repeat 8px center;background-size:32px 32px;}
.tags-allgames {background:#fff;border-radius:12px;}

.search {float:right;margin-top:24px; margin-right:20px; background-color: rgba(17, 28, 54, 0.2); border-radius:20px;padding:8px 10px 3px 10px;}
.search input { border:none;margin:0px;margin-top:-12px; margin-bottom:2px;}
.search .inputText { background:none;border:none;height:22px;color:#aba7ff;outline:none;}
.search .inputSub {position:absolute; height:24px;margin-left:-25px;margin-top:-6px;}

footer  { width:100%; background:#fff; margin:0px; margin-top:1px;padding-top:10px;padding-bottom:20px; font-size:1.2em; color:#909499; }
footer a {color:#606469; }
footer div ul li {height:26px;}
.footer-w01 {font-size:0.85em;color:#888;width:345px; margin-right:60px;float:left;}
.footer-w01 h5 {padding:0px;margin:0px 0px 10px 0px;}
.footer-w01 li {line-height:1.6em;}
.footer-w01 img {height:47px;}
.footer-w02 {width:200px;float:left;}
.footer-w02 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#0f76ed;}
.footer-w03 {width:160px;float:left;}
.footer-w03 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#0f76ed;}
.footer-w04 {width:240px;float:right;margin-top:60px;}
.footer-w04 ul li {margin-bottom:15px;font-size:0.85em;}
.foot-title { background:#fff;padding:40px 0px;margin-bottom:1px; margin-top:30px;font-size:1.2em;}
.foot-title ul {width:1180px; padding:0px; margin:0px auto 0px auto;text-align:center;}
.foot-title ul h1 { padding-bottom:5px; margin:0px;font-size:1.6em; color:#606469;}
.foot-title ul h2 { padding-bottom:5px; margin:0px;font-size:1.6em; color:#606469;}

.aboutcrazy {width:31%;margin:10px 1% 10px 1%;float:left;}
.aboutcrazy h2 {font-size:1.6em;color:#606469;margin:0px;margin-bottom:10px;}
.aboutcrazy h3 { font-size:1.2em;margin:0px;color:#0f76ed;}
.aboutcrazy ul {padding:0px;}
.aboutcrazy ul li {height:auto;line-height:1.6em;margin-bottom:10px;}
.aboutcrazy a {text-decoration: underline;}

.mainbox { width:1200px; padding:0px; margin:20px auto 0px auto;}
.gamebox { margin:0px;}
.gamebox h2 {text-align:center;color:#606469;font-size:1.6em;}
.gamebox ul li { width:180px;margin:10px;float:left;text-align:center; background:#fff;border-radius:12px;overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(224, 228, 233, 0.5);transition: transform 0.5s ease-in-out;transform: scale(1);}
.gamebox ul li:hover {box-shadow: 0px 0px 20px 0px rgba(208, 212, 217, 0.8);transform: scale(1.05);}
.gamebox ul li img { width:180px;height:120px;margin-bottom:-3px;}
.gamebox ul li h2 { padding:10px 10px 15px 10px; font-size:1.2em; margin:0px; font-weight:400;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.introductionbox {background:#fff;padding:30px;border-radius:12px;margin-top:20px;margin-bottom:30px;font-size:1.4em;line-height:1.4em; color:#606469;}
.introductionbox div {padding:5px 0px;}
.introductionbox div ul { padding-left:40px;}
.introductionbox div ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox ul { padding-left:40px;}
.introductionbox ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox strong { color:#0f76ed;font-size:1.4em;}
.introductionbox ul li strong { color:#0f76ed;font-size:18px;font-weight:400;}

.howtoplay h2 { font-size:1.6em; }
.howtoplay h3 {font-size:1.2em;margin:0px;color:#0f76ed}
.howtoplay ul {margin-bottom:10px;}


.searchbox {text-align:center; margin:60px auto;}
.searchbox h1 {margin-bottom:60px;color:#606469;}
.searchbox h1 strong { color:#0f76ed;}
.listpage-top {width:1120px;height:auto; background:#fff; border-radius:12px; margin-left:auto;margin-right:auto;padding:20px 30px;font-size:1.2em;line-height:1.4em; margin-top:20px;}
.listpage-top .listimg {width:80px;height:80px;float:left;border-radius:20px;overflow:hidden;margin-right:30px;box-shadow: 0px 5px 5px rgba(166, 173, 183, 0.3);}
.listpage-top .listimg img {width:80px;height:80px;}
.listpage-top ul {}
.listpage-top ul h1 { padding:0px; margin:0px 0px 10px 0px; color:#606469;}

.text-tags { color:#c0c4c9;margin-top:30px; line-height:42px;}
.text-tags a {background:#f0f4f9;padding:10px 20px;border-radius:20px;font-size:0.85em;white-space:nowrap;text-overflow: ellipsis;}
.social-buttons {display:flex;margin-top:10px;}
.social-buttons img {width: 40px;height: auto;}
.social-buttons a {text-decoration: none;float:left;margin-left:5px;height:24px;padding:8px;border-radius:30px;}
.social-buttons svg {color:#fff;}
.share-Facebook {background-image: linear-gradient(to top, #3b60b0 , #4069c1); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Facebook:hover {transform: scale(1.05);}
.share-Twitter {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Twitter:hover {transform: scale(1.05);}
.share-LinkedIn {background-image: linear-gradient(to top, #0075b3 , #0c84c3);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(0, 117, 179, 0.3);}
.share-LinkedIn:hover {transform: scale(1.05);}
.share-WhatsApp {background-image: linear-gradient(to top, #48be4e , #54c75a);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(72, 190, 78, 0.3);}
.share-WhatsApp:hover {transform: scale(1.05);}
.share-Pinterest {background-image: linear-gradient(to top, #bb081b , #c91326);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(187, 8, 27, 0.3);}
.share-Pinterest:hover {transform: scale(1.05);}
.share-Reddit {background-image: linear-gradient(to top, #ff4400 , #fb5113);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(255, 68, 0, 0.3);}
.share-Reddit:hover {transform: scale(1.05);}
.share-Telegram {background-image: linear-gradient(to top, #2eb0e5 , #44bdee);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(46, 176, 229, 0.3);}
.share-Telegram:hover {transform: scale(1.05);}
.share-Instagram {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Instagram:hover {transform: scale(1.05);}

.social-buttons-bottom {}
.social-buttons-bottom img {width: 40px;height: auto;}
.social-buttons-bottom a {text-decoration: none;float:left;margin-right:5px;height:20px;padding:8px;border-radius:30px;}
.social-buttons-bottom svg {color:#fff;}
.share-Facebook-bottom {background-image: linear-gradient(to top, #3b60b0 , #4069c1); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Facebook-bottom:hover {transform: scale(1.05);}
.share-Twitter-bottom {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Twitter-bottom:hover {transform: scale(1.05);}
.share-Instagram-bottom {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Instagram-bottom:hover {transform: scale(1.05);}
.share-Yourtube-bottom {background-image: linear-gradient(to top, #fd0100 , #fb1e1e);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(253, 1, 0, 0.3);}
.share-Yourtube-bottom:hover {transform: scale(1.05);}
.share-Tiktok-bottom {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Tiktok-bottom:hover {transform: scale(1.05);}

.social-buttons-top {margin-top:20px;float:right;}
.social-buttons-top img {width: 40px;height: auto;}
.social-buttons-top a {text-decoration: none;float:left;margin-right:5px;height:20px;padding:8px;border-radius:30px;}
.social-buttons-top svg {color:#fff;}
.share-Facebook-top {background-color:rgba(0, 0, 0, 0.2); transition: transform 0.5s ease-in-out;transform: scale(1);}
.share-Facebook-top:hover {background-image: linear-gradient(to top, #3b60b0 , #4069c1);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Twitter-top {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1); }
.share-Twitter-top:hover {background-image: linear-gradient(to top, #231f20 , #423e3f);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3);}
.share-Instagram-top {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1);}
.share-Instagram-top:hover {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Yourtube-top {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1);}
.share-Yourtube-top:hover {background-image: linear-gradient(to top, #fd0100 , #fb1e1e);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(253, 1, 0, 0.3);}
.share-Tiktok-top {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1); }
.share-Tiktok-top:hover {background-image: linear-gradient(to top, #231f20 , #423e3f);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3);}



.pages{margin-top:10px; text-align:right; padding:10px 20px; }
.pages a{ background: #fff; color: #606469; padding:10px 15px; border-radius: 6px;box-shadow: 0px 0px 5px rgba(209, 211, 213, 0.5); }
.pages .on{ background: #ffda00; color: #303439; border-radius: 6px;box-shadow: 0px 0px 5px rgba(255, 192, 0, 0.5); }
.pages a:hover{ background: #ffda00; color: #303439 !important; border-radius: 6px;box-shadow: 0px 0px 5px rgba(255, 192, 0, 0.5); }
.pages b { padding:10px 15px;background: #ffda00; color: #303439; border-radius: 6px;box-shadow: 0px 0px 5px rgba(255, 192, 0, 0.5); }


.iframebox{border:0px;height:100%;width:1190px;background:#222836;}
.iframebox iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:100%}
.textiframe {margin:10px auto 20px 5px;width:1190px;height:100%;background:#fff;transform:none;overflow:hidden;border-radius:0px 0px 12px 12px;box-shadow: 0px 0px 10px rgba(209, 211, 213, 0.5);}
.iframemenu {background:#fff;padding:20px;}
.iframemenu button { border:1px solid #e0e4e9;background:#f0f4f9;padding:5px 10px;border-radius:6px;cursor:pointer;float:right}

.gametitle{background:#fff;border-radius:0px 0px 10px 10px;width:1130px;padding:10px 30px;min-height:66px;z-index:99;} 
.gametitle h2{display:block;color:#222836;margin:0px;font-size:2.0em;}
.gametitle p {width:auto;margin-top:10px; color:#c0c4c9;line-height:32px;}
.gametitle p a {padding:6px;border-radius:5px;border:1px solid #f0f4f9;background:#f0f4f9;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.gametitle p a:hover {padding:6px;border:1px solid #f0f4f9;background:#fff;color:#0f76ed;}
.gametitle button {border:0px;float:right;background:#f0f4f9;border:1px solid #e0e4e9; border-radius:6px;padding:10px 10px;line-height:20px;margin-top:10px;margin-left:5px;cursor:pointer;}
.gametitle button img{height:16px;margin:0px 3px -3px 0px;}
.icon-like { border:1px solid #e0e4e9; background:#f0f4f9;padding:5px 10px;font-size:1.2em;line-height:30px;height:30px;border-radius:6px;float:right;margin-top:10px;}
.icon-like a {width:24px;height:24px;padding:6px 12px;margin-left:10px;background: url("/images/icon-like.png") no-repeat;background-size:24px 24px;}

.playbox {position:absolute;width:1190px;height:576px;margin-left:auto;margin-right:auto;z-index:999; background-color: rgba(17, 28, 54, 0.1);color:#fff;text-align:center;padding-top:100px;backdrop-filter: blur(50px);}
.playbox h1 {font-size:2.0em !important;margin-bottom:30px;text-shadow: 0px 0px 10px #222836;}
.playbox img {border-radius:12px;width:180px;margin-bottom:10px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);padding:0px;}
.playbox ul {width:960px;margin-left:auto;margin-right:auto;margin-top:60px;}
.playbox ul li {float:left;width:150px;margin:0px 5px;}
.playbox ul li img {width:150px; height:100px;}
.playbox ul li h2 {font-size:1.1em; margin-top:0px; padding:0px;}
.playbox ul li h2 a {color:#fff;}
.playbox ul li h2 a:hover {color:#ffda00;}
.closebox {display:none;}
.playnow{ padding:15px 60px;background:#ffda00;border:0px;border-radius:50px;font-size:1.6em;color:#222836;font-weight:bold;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);cursor:pointer}
.horizontal iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:100% !important;}
.vertical iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:676px; width:380px !important;}

.tableborder {width:600px;border-radius:20px;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px rgba(209, 211, 213, 0.5);}
.tableborder .tips {color:#fff; font-size:1.6em; padding:10px 0px; height:60px; background:#0f76ed; }
.tableborder .tips-text {padding:50px 0px 10px 0px; height:160px; color:#606469;font-size:1.2em; }
.tableborder .tips-text a { display:block;padding:15px 40px; width:120px; margin-top:10px; border-radius:12px; background:#ffda00;}

}


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

html, body { background: #1a1a3e; margin:0px auto; padding:0px; margin-top:35px; font-family: "Arial", "Helvetica", sans-serif; font-size:0.95em; line-height:180%; color:#6a66a3; min-width:100%;}
a { color: #8984c5; text-decoration: none }
a:hover { color: #fff; text-decoration: none; }
ul, ul li { list-style:none; margin:0px; padding:0px; }
.clear { clear:both; }
.button { background:#4eb52f; color:#fff; padding:0px 10px; border:1px solid #4eb52f; height:30px; line-height:24px; cursor:pointer; }
.button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.pl_button { background:#8aa1ae; color:#fff; padding:10px 30px; border:1px solid #8aa1ae; cursor:pointer; margin-top:5px; font-size:16px; }
.pl_button:hover { background:#1a7fb4;  border:1px solid #1a7fb4;  }
.header { width:100%; margin:0px; margin-bottom:10px; padding:10px 0px 0px 0px; height:46px;position: fixed;top:0;left:0;z-index:99;background-color: rgba(50, 50, 100, 0.9);backdrop-filter: blur(5px) saturate(200%) brightness(70%);box-shadow: 0px 0px 10px 0px rgba(11, 11, 24, 0.3); }
.header ul, .index_pic, .footer ul, .top_tool ul { width:90%; margin:auto 5%; padding:0px;  }
.header ul li { list-style:none;}
.logo {width:32px;overflow:hidden;float:left;margin:0px 20px 0px 0px;}
.logo a { height:36px; padding:10px 0px 0px 0px; margin-right:20px;}
.logo a img { height:32px;  }

.menubox div {display:none;}
@keyframes slideInFromLeft {0% {transform: translateX(-100%);opacity: 0;} 100% {transform: translateX(0);opacity: 0.9; }}
.closemenu {animation: slideInFromLeft 0.5s ease-in-out forwards;}
.closemenu {position:fixed;width:60%;height:100vh;z-index:999;top:0px;background-color: rgba(40, 40, 95, 0.9);backdrop-filter: blur(20px);display:block !important;}
.closemenu ul { width:100%; margin:0px auto; padding-top:60px; font-size:1.3em;}
.closemenu ul li {float:left; width:70%; margin-left:10%;padding:5px 10px 5px 20px;border-radius:6px;}
.closemenu ul li a {}
.closemenu ul li:hover a{color:#0f76ed;}
.closemenu .active {background-color: rgba(60, 60, 110, 0.9);backdrop-filter: blur(5px) saturate(200%) brightness(70%);border-top:1px solid #464678;}
.closemenu .active a {color:#ffda00;}
.playemenu {display:none;}
.menu { float:right;padding:15px;background:url("/images/icon-menu.png") no-repeat center center;background-size:24px 24px;border:0px;outline:none;border-radius:6px;font-size:1.6em;cursor:pointer;margin-top:-30px;}

.toptags {width:98%;margin-left:2%;margin-top:20px;}
.toptags ul li {float:left;width:31%;margin-right:2%;margin-bottom:10px;border-radius:12px;}
.toptags ul li a {display:block;padding:12px 14px 12px 32px;line-height:24px;height:24px;font-size:0.85em;color:#fff;}
.tags-sprunki {background:#2e2c5e url("/images/tags-sprunki.png") no-repeat 4px center; background-size:26px 26px}
.tags-girls {background:#2e2c5e url("/images/tags-girls.png") no-repeat 4px center; background-size:26px 26px}
.tags-boygames {background:#2e2c5e url("/images/tags-boygames.png") no-repeat 4px center; background-size:26px 26px}
.tags-christmas {background:#2e2c5e url("/images/tags-christmas.png") no-repeat 4px center; background-size:26px 26px}
.tags-single-player {background:#2e2c5e url("/images/tags-single-player.png") no-repeat 4px center; background-size:26px 26px;letter-spacing:-1;}
.tags-skill {background:#2e2c5e url("/images/tags-skill.png") no-repeat 4px center; background-size:26px 26px}
.tags-simulation {background:#2e2c5e url("/images/tags-simulation.png") no-repeat 4px center; background-size:26px 26px}
.tags-familygame {background:#2e2c5e url("/images/tags-familygame.png") no-repeat 4px center; background-size:26px 26px}
.tags-allgames {background:#2e2c5e;border-radius:12px;}

.search {margin-left:auto;margin-right:auto;background-color: rgba(0, 0, 0, 0.2);border:1px solid #3e3b70;border-radius:20px;padding:4px 10px 1px 10px;width:150px;}
.search input { border:none;margin:0px;margin-top:-12px; margin-bottom:2px;}
.search .inputText { background:none;border:none;height:20px;color:#aba7ff;outline:none;width:140px;}
.search .inputSub {position:absolute; height:24px;margin-left:-20px;margin-top:-3px;}

footer  { width:94%; background:#2e2c5e; margin:0px; height:auto;padding-top:10px; padding-left:3%;padding-right:3%; font-size:1.2em; }
footer div ul li {height:32px;}
.footer-w01 {font-size:0.95em;width:100%; margin-top:20px;margin-right:60px;float:left;}
.footer-w01 h5 {padding:0px;margin:0px 0px 5px 0px;text-align:center;}
.footer-w01 li {line-height:1.6em;height:auto;}
.footer-w01 img {height:60px;}
.footer-w02 {width:100%;float:left;margin-top:20px;}
.footer-w02 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#ffda00;}
.footer-w03 {width:100%;float:left;margin-bottom:30px;margin-top:20px;}
.footer-w03 h5 {font-size:1.4em;padding:10px 0px;margin:0px;color:#ffda00;}
.footer-w04 {width:100%;margin-top:10px;margin-bottom:40px;float:left;}
.footer-w04 ul li {width:100%; margin-bottom:30px}
.foot-title { background:#2e2c5e;padding:40px 0px;margin-bottom:1px; margin-top:30px; font-size:1.2em;}
.foot-title ul {width:90%; padding:0px; margin:0px auto 0px auto;text-align:center;}
.foot-title ul h1 { padding-bottom:5px; margin:0px;font-size:1.4em; color:#fff;}


.aboutcrazy {width:100%;float:left;}
.aboutcrazy h2 {font-size:1.6em;color:#fff;margin:0px;margin-bottom:10px;line-height:1.2em;}
.aboutcrazy h3 { font-size:1.2em;margin:0px;color:#ffda00;}
.aboutcrazy ul {padding:0px;}
.aboutcrazy ul li {height:auto;line-height:1.6em;margin-bottom:10px;}

.sharetop {display:none;}
.sharebot {height:30px;margin:0px 0px 25px 0px;width:180px;overflow:hidden;}
.sharebot ul li {float:left;margin-left:5px;}
.sharebot ul li img { width:30px;}

.mainbox { width:96%; margin:auto 2%; padding:0px; }
.gamebox { margin:0px;}
.gamebox h2 {color:#fff;font-size:1.4em;text-align:center;margin-bottom:0px;}
.gamebox ul li { width:46%;margin:3% 2%;float:left;text-align:center; background:#2c285a;border-radius:12px;overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(11, 11, 24, 0.6);transition: transform 0.5s ease-in-out;}
.gamebox ul li:hover {box-shadow: 0px 0px 20px 0px rgba(11, 11, 24, 0.8);}
.gamebox ul li img { width:100%;height:auto; margin-bottom:-10px;}
.gamebox ul li h2 { padding:10px 10px 15px 10px; font-size:1.0em; margin:0px; font-weight:400;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.gamebox ul li h2 a {color:#fff;}
.introductionbox {border-radius:12px;margin-top:30px;margin-bottom:30px;font-size:1.2em;line-height:1.2em;}
.introductionbox div {padding:5px 0px;}
.introductionbox div ul { padding-left:20px;}
.introductionbox div ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox ul { padding-left:40px;}
.introductionbox ul li {list-style-type: disc;padding:5px 0px;}
.introductionbox strong { color:#ffda00;font-size:1.3em;}
.introductionbox ul li strong {  color:#ffda00;font-size:16px;font-weight:400;}
.searchbox {text-align:center; margin:60px auto;}
.searchbox h1 {margin-bottom:60px;color:#606469;}
.searchbox h1 strong { color:#fff;}
.listpage-top {width:86%;height:auto;margin-left:auto;margin-right:auto;font-size:1.2em;line-height:1.4em; margin-top:40px;margin-bottom:20px;}
.listpage-top .listimg {width:60px;height:60px;background:#57ac3a url("/images/icon-tag.png");background-size:60px 60px;float:left;border-radius:10px;overflow:hidden;margin-right:10px;box-shadow: 0px 5px 5px rgba(11, 11, 24, 0.5);}
.listpage-top .listimg img {width:60px;height:60px;}
.listpage-top ul {}
.listpage-top ul h1 { padding:0px; margin:0px 0px 10px 0px; color:#fff;font-size:1.6em;}

.social-buttons {margin-top:10px;height:60px;}
.social-buttons img {width: 40px;height: auto;}
.social-buttons a {text-decoration: none;float:left;margin-left:3px;height:24px;padding:6px;border-radius:30px;}
.social-buttons svg {color:#fff;}
.share-Facebook {background-image: linear-gradient(to top, #3b60b0 , #4069c1); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Facebook:hover {transform: scale(1.05);}
.share-Twitter {background-image: linear-gradient(to top, #231f20 , #423e3f); transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3); }
.share-Twitter:hover {transform: scale(1.05);}
.share-LinkedIn {background-image: linear-gradient(to top, #0075b3 , #0c84c3);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(0, 117, 179, 0.3);}
.share-LinkedIn:hover {transform: scale(1.05);}
.share-WhatsApp {background-image: linear-gradient(to top, #48be4e , #54c75a);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(72, 190, 78, 0.3);}
.share-WhatsApp:hover {transform: scale(1.05);}
.share-Pinterest {background-image: linear-gradient(to top, #bb081b , #c91326);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(187, 8, 27, 0.3);}
.share-Pinterest:hover {transform: scale(1.05);}
.share-Reddit {background-image: linear-gradient(to top, #ff4400 , #fb5113);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(255, 68, 0, 0.3);}
.share-Reddit:hover {transform: scale(1.05);}
.share-Telegram {background-image: linear-gradient(to top, #33afe2 , #44bdee);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Telegram:hover {transform: scale(1.05);}
.share-Instagram {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transition: transform 0.2s ease-in-out;transform: scale(1);box-shadow: 0px 3px 5px 0px rgba(223, 48, 107, 0.3);}
.share-Instagram:hover {transform: scale(1.05);}

.social-buttons-top {display:none;}
.social-buttons-bottom {margin-top:13px;float:left;}
.social-buttons-bottom img {width: 40px;height: auto;}
.social-buttons-bottom a {text-decoration: none;float:left;margin-right:5px;height:20px;padding:8px;border-radius:30px;}
.social-buttons-bottom svg {color:#fff;}
.share-Facebook-bottom {background-color:rgba(0, 0, 0, 0.2); transition: transform 0.5s ease-in-out;transform: scale(1);}
.share-Facebook-bottom:hover {background-image: linear-gradient(to top, #3b60b0 , #4069c1);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(59, 96, 176, 0.3); }
.share-Twitter-bottom {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1); }
.share-Twitter-bottom:hover {background-image: linear-gradient(to top, #231f20 , #423e3f);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3);}
.share-Instagram-bottom {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1);}
.share-Instagram-bottom:hover {background-image: linear-gradient(45deg, #ff8400 , #d41fb4);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(212, 31, 180, 0.3);}
.share-Yourtube-bottom {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1);}
.share-Yourtube-bottom:hover {background-image: linear-gradient(to top, #fd0100 , #fb1e1e);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(253, 1, 0, 0.3);}
.share-Tiktok-bottom {background-color:rgba(0, 0, 0, 0.2);transition: transform 0.2s ease-in-out;transform: scale(1); }
.share-Tiktok-bottom:hover {background-image: linear-gradient(to top, #231f20 , #423e3f);transform: scale(1.05);box-shadow: 0px 3px 5px 0px rgba(35, 31, 32, 0.3);}


.pages{margin:0px; text-align:right; padding:30px 20px; }
.pages a{ background: #2e2c5e; color: #ffda00; padding:10px 15px; border-radius: 6px;box-shadow: 0px 0px 5px rgba(11, 11, 24, 0.5); }
.pages .on{ background: #ffda00; color: #ffda00; border-radius: 6px;box-shadow: 0px 0px 5px rgba(11, 11, 24, 0.5); }
.pages a:hover{ background: #ffda00; color: #303439 !important; border-radius: 6px;box-shadow: 0px 0px 5px rgba(11, 11, 24, 0.5); }
.pages b { padding:10px 15px;background: #ffda00; color: #303439; border-radius: 6px;box-shadow: 0px 0px 5px rgba(11, 11, 24, 0.5); }


.iframebox{border:0px;width:100%;height:240px;margin:0 auto 0 auto;}
.textiframe {margin-top:20px;width:99%;height:auto;margin-bottom:10px;padding:0px;transform:none;overflow:hidden;border-radius:20px;}
.textiframe iframe {width:auto;height:240px;margin-left:auto;margin-right:auto;border:0px;z-index:1;}
.iframemenu {padding:20px;}
.iframemenu button { border:1px solid #e0e4e9;background:#f0f4f9;padding:5px 10px;border-radius:6px;cursor:pointer;float:right}

.gametitle{width:90%;padding:30px 5% 0px 5%;height:auto;z-index:9;text-align:center} 
.gametitle button {border:0px;background:url("/images/play.png") no-repeat;background-size:160px 50px;margin-bottom:10px;padding:10px 10px;text-indent:200px;white-space:nowrap;width:160px;border-radius:12px;height:53px;overflow:hidden;margin-top:5px; border-bottom:3px solid #d5a90e;border-top:2px solid #ffea8a;box-shadow: 0px 0px 5px rgba(11, 11, 24, 0.5);}
.gametitle button img{display:none;}
.icon-like {display:none;}

.playbox {position:absolute;left:3%;width:94%;height:210px;margin-left:auto;margin-right:auto;z-index:9; background-color: rgba(17, 28, 54, 0.1);box-shadow: 0px 3px 10px rgba(11, 11, 24, 0.6);color:#fff;text-align:center;padding-top:40px;border-radius:12px;backdrop-filter: blur(50px);}
.playbox h1 {font-size:1.6em !important;margin:5px;padding:0px;text-shadow: 0px 0px 10px #222836;}
.playbox img {border-radius:12px;width:180px;height:120px;margin-bottom:0px;box-shadow: 0px 4px 8px rgba(11, 11, 24, 0.5);}
.playbox ul {display:none;}
.closebox {display:none;}
.playnow{ display:none;}
.horizontal iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:240px; width:100% !important;}
.vertical iframe {display:block;border:0px;margin-left:auto;margin-right:auto;height:240px; width:380px !important;}

.tableborder {width:600px;border-radius:20px;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px rgba(209, 211, 213, 0.5);}
.tableborder .tips {color:#fff; font-size:1.6em; padding:10px 0px; height:60px; background:#0f76ed; }
.tableborder .tips-text {padding:50px 0px 10px 0px; height:160px; color:#606469;font-size:1.2em; }
.tableborder .tips-text a { display:block;padding:15px 40px; width:120px; margin-top:10px; border-radius:12px; background:#ffda00;}


}