:root {
  --aqua: #00ffff;
  --green: #093;
  --blue: #06c;
  --darkblue: #002b98;
  --medpurple: #60c;
  --darkpurple: #361257;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
button,
button:focus {
  border: none;
  outline: 0;
}
svg {
  display: block;
  margin: 0 auto;
}
img {
  display: inline-block;
}
img.lazyload:not([src]) {
  visibility: hidden;
}
body {
  background-color: var(--darkpurple);
  font-family: Montserrat, sans-serif;
  text-align: center;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Questrial, sans-serif;
}
h1 {
  line-height: 33px;
}
h2 {
  line-height: 25px;
}
.row {
  background-color: var(--medpurple);
  color: #fff;
}
.row02 {
  height: 40px;
  display: none;
}
.dark_purple {
  background-color: var(--darkpurple);
}
.linear {
  background: #60c;
  background: linear-gradient(135deg, #60c 0, #60c 60%, #06c 100%);
}
.menu_bar_item {
  width: 33.33%;
  height: 50px;
  float: left;
  padding: 4px;
}
.menu_bar_button {
  background-color: transparent;
  cursor: pointer;
}
.menu2 {
  display: inline-block;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
}
.menu2 a {
  color: #fff;
  text-decoration: none;
}
.menu2_item {
  cursor: pointer;
  padding: 0 16px;
  float: left;
  font-weight: 700;
  font-size: 14px;
}
.menu2_item:hover {
  background-color: var(--blue);
}
.show_on_768,
.show_on_desktop {
  display: none;
}
.start_game_wrapper.mobile {
  display: flex;
  flex-direction: column;
}
.GameCategoryButton {
  -webkit-box-shadow: 0 10px 13px -7px #000, 5px 5px 15px 5px transparent;
  box-shadow: 0 10px 13px -7px #000, 5px 5px 15px 5px transparent;
  background-color: var(--green);
  background: linear-gradient(to bottom, #1bc253 5%, var(--green) 100%);
  border: 2px #fff solid;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
  padding: 5px;
  width: 320px;
  height: 42px;
  text-decoration: none;
  text-shadow: 0 1px 0 #5b8a3c;
}
.GameCategoryButton:hover {
  background: linear-gradient(to bottom, var(--green) 5%, #1bc253 100%);
  background-color: var(--green);
}
.GameCategoryButton:active {
  position: relative;
  top: 1px;
  border: 2px #fff solid;
}
.rounded_corners {
  border-radius: 4px;
}
.advertisement {
  font-size: 9px;
  min-height: 11px;
  line-height: 11px;
}
#gameplay_row01_desktop,
#gameplay_row01_tablet,
#gameplay_row02_desktop,
#gameplay_row03_desktop,
#gameplay_row06_desktop {
  display: none;
}
.r01.c01,
.r01.c02,
.r03.c01,
.r03.c02 {
  display: none;
}
.r01.c04,
.r03.c04 {
  display: none;
}
#playBtn_noMouse,
.ad_wrapper.slot4,
.hide_on_phones {
  display: none;
}
.HAB_07,
.HAB_08,
.HAB_09,
.HAB_10 {
  display: none;
}
.zoom {
  transition: transform 0.2s;
}
.zoom:hover {
  -ms-transform: translate(0, -5px) scale(1.05);
  -webkit-transform: translate(0, -5px) scale(1.05);
  transform: translate(0, -4px) scale(1.04);
  -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
  box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
}
ul.breadcrumb {
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
  font-size: 12px;
}
ul.breadcrumb li + li:before {
  padding: 8px;
  color: #fff;
  content: "\203A";
}
ul.breadcrumb li a,
ul.breadcrumb li a:visited {
  color: var(--aqua);
}
ul.breadcrumb li a:hover {
  color: var(--aqua);
}
.game_details_container a,
.game_details_container a:visited {
  color: var(--aqua);
}
.game_details_row {
  margin: 10px;
}
.circle-border {
  background-color: var(--blue);
  color: #fff;
  border-radius: 25px;
  display: inline-block;
  padding: 10px;
  font-size: 12px;
  min-height: 35px;
  margin: 5px;
  font-weight: 700;
  -webkit-box-shadow: 5px 5px 0 0 #07006b;
  -moz-box-shadow: 5px 5px 0 0 #07006b;
  box-shadow: 5px 5px 0 0 #07006b;
}
.circle-border:hover {
  background-color: #07006b;
}
.gameplay_more_games_wrapper {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.gameplay_more_games_item_gametitle {
  width: 178px;
  font-weight: 700;
  line-height: 1.02em;
  height: 2.04em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  padding: 0 5px;
}
.gameplay_more_games_item_wrapper {
  width: 178px;
  height: 142px;
  margin: 6px 4px;
  background-color: var(--darkpurple);
  padding-bottom: 5px;
  box-shadow: rgb(3 8 20 / 10%) 0 0.15rem 0.5rem,
    rgb(2 8 20 / 10%) 0 0.075rem 0.175rem;
}
.gameplay_more_games_item {
  width: 178px;
  height: 105px;
}
.gameplay_more_games_item img {
  display: block;
  border-radius: 4px 4px 0 0;
}
.gameplay_more_games_wrapper a:hover {
  text-decoration: none;
}
#coolgames_row04,
#gameplay_row08 {
  display: flex;
  justify-content: center;
  font-size: smaller;
}
.footer_wrapper {
  margin: 10px;
}
.footer_item {
  margin-bottom: 10px;
}
.footer_item a {
  color: #fff;
  text-decoration: none;
}
.footer_item a:hover {
  text-decoration: underline;
}
.moregames_g2 {
  display: none;
}
.moregames_g1.top100_11,
.moregames_g1.top100_12,
.moregames_g1.top100_13,
.moregames_g1.top100_14,
.moregames_g1.top100_15,
.moregames_g1.top100_16,
.moregames_g1.top100_17,
.moregames_g1.top100_18,
.moregames_g1.top100_19,
.moregames_g1.top100_20 {
  display: none;
}
.moregames_g2.top100_01,
.moregames_g2.top100_02,
.moregames_g2.top100_03,
.moregames_g2.top100_04,
.moregames_g2.top100_05,
.moregames_g2.top100_06,
.moregames_g2.top100_07,
.moregames_g2.top100_08,
.moregames_g2.top100_09,
.moregames_g2.top100_10 {
  display: block;
}
.rating_bar {
  display: flex;
  justify-content: center;
  height: 40px;
}
.rating {
  unicode-bidi: bidi-override;
  color: #dbdbdb;
  font-size: 40px;
  height: 40px;
  min-width: 167px;
  margin-right: 10px;
  position: relative;
  padding: 0;
  text-shadow: 0 1px 0 #a2a2a2;
  line-height: 40px;
}
.rating_upper {
  color: #fcf916;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rating_lower {
  padding: 0;
  display: flex;
  z-index: 0;
}
.rating_btn_left {
  background-color: var(--green);
  height: 40px;
  width: 66px;
  border-radius: 25px 0 0 25px;
  display: flex;
  justify-content: center;
  align-content: center;
  -webkit-box-shadow: 5px 5px 0 0 #07006b;
  -moz-box-shadow: 5px 5px 0 0 #07006b;
  box-shadow: 5px 5px 0 0 #07006b;
}
.rating_btn_right {
  cursor: pointer;
  background-color: var(--green);
  height: 40px;
  width: 66px;
  border-radius: 0 25px 25px 0;
  display: flex;
  justify-content: center;
  align-content: center;
  -webkit-box-shadow: 5px 5px 0 0 #07006b;
  -moz-box-shadow: 5px 5px 0 0 #07006b;
  box-shadow: 5px 5px 0 0 #07006b;
}
.rating_btn_left:hover,
.rating_btn_right:hover {
  background-color: #07006b;
}
.btnVoteUp {
  background: url(/include/2021/ratings/images/happy-button.svg) no-repeat;
  cursor: pointer;
  border: none;
  background-color: transparent;
  width: 39px;
  height: 31px;
  margin: 4.5px;
}
.btnVoteDown {
  background: url(/include/2021/ratings/images/sad-button.svg) no-repeat;
  cursor: pointer;
  border: none;
  background-color: transparent;
  width: 39px;
  height: 31px;
  margin: 4.5px;
}
.btnVoteUp:disabled {
  background: url(/include/2021/ratings/images/happy-button-checked.svg)
    no-repeat;
  cursor: none;
  width: 39px;
  height: 31px;
}
.btnVoteDown:disabled {
  background: url(/include/2021/ratings/images/sad-button-checked.svg) no-repeat;
  cursor: none;
  width: 39px;
  height: 31px;
}
.rating_bar_fullscreen_btn {
  display: none;
  min-height: 40px;
  border-radius: 25px;
  background-color: var(--blue);
  margin-left: 15px;
  color: #fff;
  align-items: center;
  padding: 0 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #5b8a3c;
  font-weight: 700;
  -webkit-box-shadow: 5px 5px 0 0 #07006b;
  -moz-box-shadow: 5px 5px 0 0 #07006b;
  box-shadow: 5px 5px 0 0 #07006b;
}
.rating_bar_fullscreen_btn:hover {
  background-color: #07006b;
}
.rating_bar a:hover {
  text-decoration: none;
}
#category_row01_desktop,
#category_row02_desktop,
.category_featured_game_wrapper.item_02 {
  display: none;
}
.category_details_container.center.block_01 {
  display: flex;
  text-align: left;
}
.category_details_row {
  margin: 10px;
}
.ad_wrapper.category.slot1,
.ad_wrapper.category.slot2 {
  margin: 75px 0 0 0;
}
.category_details_list {
  margin-left: 30px;
  color: #fff;
}
.category_details_list li {
  margin-bottom: 5px;
  font-weight: 700;
}
.category_details_list a {
  color: var(--aqua);
}
.blue_links a {
  color: var(--aqua);
  font-weight: 700;
}
.hoverline a:hover {
  text-decoration: underline;
}
.r03.c01,
.r03.c03,
.r04.c01,
.r04.c03 {
  display: none;
}
.category_details_row.rounded_corners.catadbreak,
.category_details_row_wrapper.catadbreak {
  background-color: var(--darkpurple);
}
.category_details_container.center {
  max-width: 1008px;
}
.category_details_container.center_row03 {
  width: 100%;
  max-width: 1008px;
}
.homeRect02,
.homeRect06 {
  display: none;
}
.TG_11,
.TG_12,
.TG_13,
.TG_14,
.TG_15,
.TG_16,
.TG_17,
.TG_18,
.TG_19,
.TG_20 {
  display: none;
}
.ViewAll_btn {
  display: none;
}
.AZ_btn {
  margin: 0 5px;
  padding: 5px;
  font-size: 11px;
}
.grade_skill_bar_btn {
  display: flex;
  min-height: 40px;
  border-radius: 25px;
  background-color: var(--blue);
  margin: 5px;
  min-width: 64.64px;
  color: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #5b8a3c;
  font-weight: 700;
  -webkit-box-shadow: 5px 5px 0 0 #07006b;
  -moz-box-shadow: 5px 5px 0 0 #07006b;
  box-shadow: 5px 5px 0 0 #07006b;
}
.grade_skill_bar_btn:hover {
  background-color: #07006b;
}
.grade_skill_bar_wrapper a:hover {
  text-decoration: none;
}
.grade_skill_bar_mobile {
  display: flex;
  justify-content: center;
}
.grade_skill_bar_desktop {
  display: none;
  justify-content: center;
}
a.white_links {
  color: #fff;
}
.see_all_btn {
  display: inline-block;
  padding: 5px 5px 5px 8px;
  float: right;
  background-color: var(--blue);
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  position: absolute;
  top: 0;
  right: 0;
}
.slider,
.slider-autoplay {
  width: 92%;
  margin: 10px auto;
}
.slick-slide {
  margin: 0 20px;
}
.slick-next:before,
.slick-prev:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: var(--aqua) !important;
}
a.slider-title {
  position: relative;
  display: flex;
  justify-content: center;
}
a.slider-title span {
  display: none;
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  text-align: left;
  text-decoration: none;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
    1px 1px 1px rgba(0, 0, 0, 0.5), 3px 3px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.shaded {
  background: rgba(0, 0, 0, 0) 20%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.55) 100%
  );
  position: absolute;
  z-index: 100;
  width: 175px;
  height: 100%;
}
.small-white-title {
  padding: 10px;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.large-white-title {
  font-size: 20px;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  margin: 10px 20px 10px 10px;
  bottom: 0;
  text-overflow: ellipsis;
}
.flex-this-wrapper {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
a.slider-title:hover span {
  display: block;
  right: 0;
  position: absolute;
  bottom: 0;
}
.topgames-mosaic {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 125px;
  grid-auto-flow: dense;
  padding: 10px;
  background: #06c;
  background: linear-gradient(180deg, #06c 0, #002b98 100%);
}
.coolgames-mosaic {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-auto-rows: 115px;
  grid-auto-flow: dense;
  padding: 10px;
  background: #60c;
  background: linear-gradient(135deg, #60c 0, #60c 60%, #06c 100%);
}
.coolgames-title {
  line-height: 1.02em;
  height: 2.04em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: 700;
  padding: 0 5px;
  margin-top: 5px;
}
.coolgames-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-shadow: rgba(3, 8, 20, 0.1) 0 0.15rem 0.5rem,
    rgba(2, 8, 20, 0.1) 0 0.075rem 0.175rem;
  height: 100%;
  width: 100%;
  background-color: var(--darkpurple);
  border-radius: 4px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}
.coolgames-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65%;
  width: 100%;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}
.coolgames-links,
.coolgames-links:active,
.coolgames-links:hover {
  text-decoration: none;
}
.coolgames-card-ad {
  justify-content: center;
  grid-row: span 3 / auto;
  grid-column: span 2 / auto;
  background-color: #2a064b;
  color: #fff;
}
#coolgames_row02 {
  background-color: transparent;
  padding-bottom: 10px;
}
.pagination a {
  color: #fff;
  font-weight: 700;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
}
.pagination a.active-page {
  background-color: var(--green);
  color: #fff;
}
.pagination a:hover:not(.active-page) {
  background-color: var(--medpurple);
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.33;
}
@media screen and (min-width: 600px) {
  div.coolgames-mosaic :nth-child(100),
  div.coolgames-mosaic :nth-child(144),
  div.coolgames-mosaic :nth-child(17),
  div.coolgames-mosaic :nth-child(183),
  div.coolgames-mosaic :nth-child(42),
  div.coolgames-mosaic :nth-child(71) {
    grid-row: span 2 / auto;
    grid-column: span 2 / auto;
  }
  div.coolgames-mosaic :nth-child(100) .coolgames-logo,
  div.coolgames-mosaic :nth-child(144) .coolgames-logo,
  div.coolgames-mosaic :nth-child(17) .coolgames-logo,
  div.coolgames-mosaic :nth-child(183) .coolgames-logo,
  div.coolgames-mosaic :nth-child(42) .coolgames-logo,
  div.coolgames-mosaic :nth-child(71) .coolgames-logo {
    height: 83.65%;
  }
  .coolgames-card-ad {
    grid-row: span 3 / auto;
    grid-column: span 3 / auto;
  }
}