@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    background:transparent;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}

html {height:100%;}
html * {font-family: 'Rubik', Arial, Helvetica, sans-serif; font-display: optional;}
body {	min-height: 100%;    line-height:1;	font-weight:normal;	overflow-x:hidden; }
ul, ol {list-style:none}
.spacer {margin-top:10px}
[dir='ltr'] .left, [dir="rtl"] .right {float:left;}
[dir='ltr'] .right, [dir="rtl"] .left {float:right;}
[dir='ltr'] .margin-left-5, [dir="rtl"] .margin-right-5 {margin-left:5px;}
[dir='ltr'] .margin-right-5, [dir="rtl"] .margin-left-5 {margin-right:5px;}
[dir='ltr'] .margin-left-10, [dir="rtl"] .margin-right-10 {margin-left:10px;}
[dir='ltr'] .margin-right-10, [dir="rtl"] .margin-left-10 {margin-right:10px;}
.notxt { color: transparent !important; font: 0/0 a !important; text-decoration: none !important; }
.clear {clear:both}
.hide {display:none;}
.desktop .mobile-only {display:none!important;}
.mobile .desktop-only {display:none!important;}
.website-fader {height: 100%; width: 100%; top: 0; left: 0; position:fixed; z-index:9997; opacity:0; pointer-events: none; background-color: rgba(0, 0, 0, 0.3); transition: .3s ease-in-out;}
.website-fader.visible{ opacity:1; pointer-events: auto; }

/*from individual*/
/*.desktop.play #page {padding-bottom: 120px;}*/

/*_____headers_______*/
.desktop.play #page {padding-bottom:60px;}

.masonry header {position:fixed; top:0; z-index:9999; width: 100%;}
.desktop.masonry header, .mobile #search {  height:36px; padding: 10px 15px; width: calc(100% - 30px); box-shadow: 0px 0px 4px 0px #000; background:rgba(255, 255, 255, 0.3); }
.desktop.masonry header {min-width:1024px;}

#logo-top {width:100%; z-index:2; }
#logo-top a, #logo-top img {display:block; width:250px; margin:auto; transition:.5s; position:relative; }
#logo-top img { position:absolute; }
#menu-top {transition:.5s; display: inline-block; margin: 2px 0 0 23%;}
@media (max-width:1250px) { #menu-top{opacity:0; pointer-events:none;} }
.scrolled #menu-top {margin-top:-50px;}
.desktop.masonry.list #logo-top a, .desktop.masonry.list #logo-top img, .scrolled #menu-top {opacity:0; pointer-events:none;}
.desktop.masonry.list .scrolled #logo-top a, .desktop.masonry.list .scrolled #logo-top img {opacity:1; pointer-events:auto;}

.desktop #b-back-header {z-index: 9998;}
[dir="rtl"] #b-back-header svg {-webkit-transform: scaleX(-1);  transform: scaleX(-1);}

/*dropdown menu*/
.desktop .menu {transition: 1s;}
.menu ul  {width:404px; background: #eeeeee linear-gradient(180deg, white 0%, #eeeeee 10%, #eeeeee 100%); display:none; position:absolute; z-index:9999; border:2px solid #febc5c; border-top:0px; border-radius:10px; padding:10px 0;  column-gap:0px; box-shadow: 0px 4px 5px 0px #00000090;}
[dir="ltr"] .desktop header .menu ul {border-top-left-radius:0px; column-count:2; margin-left:5px;}
[dir="rtl"] .desktop header .menu ul {border-top-right-radius:0px; column-count:2; margin-right:5px;}
.menu ul a {color:#d62586; background:#fff; font-size:15px; font-weight:normal; text-decoration:none; display:block; float:left; width:194px; height:30px; line-height:30px; margin: 3px 0 0px 4px; border-radius: 10px; overflow:hidden;}
[dir="rtl"] .menu ul a {float:right;}
.menu li a.ico svg { margin-left:8px; margin-right:9px;}
.menu a.ico:hover svg, .menu a.active svg { fill:#fff!important;}
#menu1 a img {vertical-align:middle; margin-left:5px; margin-right:7px; }
header .menu a img{max-height:20px;}
.menu-title {display:block; position: relative; cursor:default; }

.desktop header .menu:hover ul {display:block;}
.desktop header .menu:hover .menu-title {color:#1a8a85; background:#fff; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-bottom-width:0px;}
.menu a:hover, .menu a.active {background-color:#d45190;color:#fff;}

#body.fader { opacity: .7; pointer-events: none;}
#body .menu-title {font-size: 17px; color: #1a8a85; padding: 20px 10px 10px 10px;}
.play #body .menu-title {display:none;}
.desktop #body .menu {margin:0 2px; background:none;}
.desktop #body .menu ul {display:block; width: 168px; border:0; box-shadow:none; background: #eeeeee; padding: 2px 0 4px 0; z-index:99;}
.desktop #body .menu ul a {width: 160px;}

/*search bar*/
.desktop #search {width: 260px; display:block; position:relative; z-index:9999;}
#search input[type=text] { width:110px; height:22px; line-height:22px; font-size:16px; color:#115f5b; display:block; padding:5px;
border:2px solid #febc5c; border-top-width:1px; border-bottom-width:3px; box-shadow:0px 0px 3px #333, inset 0 2px 0 #fff7d2;}
#search button { width:36px; height:36px; padding:0; display:block; border:2px solid #febc5c; border-top-width:1px; border-bottom-width:3px; background:#f9f4cc linear-gradient(#e9e4bf,#f9f4cc); box-shadow:0px 0px 3px #333, inset 0 2px 0 #fff7d2; cursor:pointer; font-size:16px; line-height: 1.9em;}
[dir='ltr'] #search input[type=text], [dir="rtl"] #search button {border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-left:5px;}
[dir="rtl"] #search input[type=text], [dir='ltr'] #search button {border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-right:5px;}

.pagination {padding: 45px 0px; text-align:center; clear:both;}
/* button + top menu*/
.button, .pagination a, .pagination b {display:inline-block; text-decoration:none; padding: 7px 10px; margin:0 5px 0 5px;  font-size: 16px; color:#1a8a85; border:2px solid #febc5c; border-top-width:1px; border-bottom-width:3px; border-radius:10px; background:#f9f4cc linear-gradient(#e9e4bf,#f9f4cc); box-shadow:0px 0px 3px #333, inset 0 2px 0 #fff7d2; min-width: 10px; cursor:pointer; white-space: nowrap; }
.desktop .button.ico {padding:0px 10px; line-height: 1.9em;}
.button.square.ico { padding: 4px 4px 3px 4px; line-height:1em;}
.button.active, .button:hover, .pagination a:hover, .pagination b, #search button:hover {color:#920a4c; border-color:#c34d85; background:#e9bed3 linear-gradient(#e9bed3,#fdcfe6); box-shadow:0px 0px 3px #333, inset 0 2px 0 #ffd1e8;}
.button.menu-title:hover {border-color:#febc5c;}

/* button icons */
.button svg, .ico svg, .ico img {display:inline-block; height:1.4em; fill:#1a8a85; /*#c64488;*/ top: .29em; position: relative;}
.button.square.ico svg {top: .13em;}
.desktop .button.text.ico svg {margin-right: .2em;}
.girls .button:hover svg, .girls .button.active svg, .girls .ico:hover svg {fill:#d62585;}
.button.disabled{background-color: rgba(109,97,102,.14)!important; color: #b3b3b3!important; border-color: #b3b3b3!important; cursor: default!important; box-shadow: 0px 0px 3px #333, inset 0 2px 0 #f9f9f9;}

.menu-extra { text-shadow: 0px 0px 3px #000; height: 30px; }
.menu-extra li {display: inline-block;}
.menu-extra a { color:#fff; font-size:16px; text-decoration:none; height:30px; padding: 5px 10px; margin:3px 7px; border-radius: 15px;}
.menu-extra a:hover, .menu-extra a.active, .menu-extra:hover a.active:hover {border:2px solid #ffffffbd; background-color: #46464633; margin:1px 5px;}
.menu-extra:hover a.active {border:0;  margin:3px 7px;}
.menu-extra svg {fill:#fff!important; -webkit-filter: drop-shadow( 0 0 2px rgba(0, 0, 0, .7)); filter: drop-shadow( 0 0 2px rgba(0, 0, 0, .7)); }

.desktop header .menu-lang ul {column-count:3!important;width:440px;}
header .menu-lang .menu-title img {height:22px; width:22px;}
header .menu-lang ul li {float:left;}
header .menu-lang ul a {width:130px; padding: 2px 5px; height:auto; line-height:30px;}
header .menu-lang ul a img {margin-left: 5px; margin-right: 7px; vertical-align: middle;}
footer .menu-lang {line-height:45px; height:auto; margin:20px;}
footer .menu-lang a { white-space: nowrap; padding: 8px 8px; margin:5px 5px; border:2px solid #ffffffbd;}
footer .menu-lang a:hover{margin:1px;}

#search-result {display:none; background:#fff;width:300px; position:absolute; top: 45px; right: 10px; border:3px solid #fff; border-radius: 5px; padding:5px; box-shadow: 0px 0px 4px 0px #000; z-index:9999;}
[dir="rtl"] #search-result {left:10px; right:auto;}
#search-result a {border-radius:5px;}

.sidelist-thumb-text img {margin-right:5px; height:100%; vertical-align:middle;}
[dir="rtl"] .sidelist-thumb-text img {margin:0 0 0 5px;}
.sidelist-thumb-text h2 {font-weight:normal;}
.sidelist-thumb-text a { display:block; float: left; height:60px; width:100%; text-decoration:none; font-size: 14px; background-color: rgba(255,255,255,.7); color:#c03680; margin-bottom:3px; line-height:60px; border-bottom:1px solid #f9f9f9; overflow:hidden;}
.sidelist-thumb-text a:hover, .sidelist-thumb-text .title { background-color:#e06aa3; color:#fff;}
.sidelist-thumb-text .title {padding:4px; margin-bottom: 3px; border-radius: 5px;}
.sidelist-thumb-text .title {background:#c03680;}
.sidelist-thumb-text .more-games {display:block; margin-top:8px; text-align: center; width: 100%; line-height:40px; height:38px; text-decoration:underline;}
.sidelist-thumb-text .more-games:hover {text-decoration:none;}

.masonry.list #body .sidelist-thumb-text { grid-column: 1/span 1; grid-row: 2/span 3; overflow:hidden; font-weight:normal; }
.masonry.list #body .sidelist-thumb-text .menu-title {display:none;}
.play #body .sidelist-thumb-text {width:100%;margin-top:10px;text-align:center;}
.play #body .sidelist-thumb-text a {width:30.5%; margin:0.5% 1%; }
.play #body .sidelist-thumb-text ul {margin-top:10px;}
#body .sidelist-thumb-text a {height:40px; line-height:40px; border:2px solid #fec6e3; border-radius: 10px;}
.masonry.list #body .sidelist-thumb-text a {display: flex; align-items: center; width:98%; height:28px; margin: 3px 0; line-height: 14px; }
#body .sidelist-thumb-text a img {opacity: 0.8;}
#body .sidelist-thumb-text a:hover img {opacity: 1;}

.desktop.masonry.list #body {padding-top: 70px;}
.desktop.play #body { background:white; position:relative;}
.desktop.play #body {width: 956px;}

/*game list*/
#game-list, #game-list-main { min-height: 400px; }
.desktop.masonry #game-list { padding: 20px;}

h1, h1 a{ color: #E765A3;  font-size: 21px; font-weight: normal; height: 30px; position: relative; }
.girls h1 a:hover {color:#d62586;}
h1 img {vertical-align: bottom; max-height:1.2em;}

.desktop.masonry #game-list h1{ color: #fff;  text-decoration: none; text-align:center; font-size:28px; text-shadow: 1px 1px 3px black;}

.desktop .thumb
{
	color:#000;
	line-height:20px;
	text-align:center;
	display:block !important;
	font-size:14px;
	text-decoration:none;
	float:left;
  transition: all .2s;
	position:relative;
	width:180px; height:135px; border-radius:15px; -webkit-border-radius:15px; border:0px; box-shadow: 0 5px 10px rgba(0,0,0,.4); overflow:hidden;
	background: #fff;
}

[dir="rtl"] .desktop .thumb{float:right;}
.desktop .thumb.small {font-size:10px; margin:7.5px; border-width:1px;}

.desktop .thumb img {width:100%; height:100%; transition: .2s ease-in-out;}
.desktop .thumb .game-name {display:block; width:94%; position:absolute; left:0px; bottom:0px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 90%);  font-weight:normal; font-size:13px; line-height: 16px; text-shadow: 0px 0px 3px #000; opacity:0; transition: .3s ease-in-out; z-index:3; padding:10px 3%; pointer-events: none;}
.desktop .thumb video {display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; opacity:0; border-radius:15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.desktop .thumb.x2, .desktop .thumb.x2 video, .desktop .thumb.x2 img { width: 384px; height: 288px; }
.desktop .thumb.small {width:117px;height:88px;}

.desktop .thumb:hover .game-name {opacity:1;color:#fff;}
.girls.desktop .thumb:hover {border-color:#d62586 !important;}
.desktop .thumb:hover {transform: scale(1.06); box-shadow: 0 8px 14px rgba(0,0,0,.4); transition: all .2s;}
.desktop .thumb:hover video {display:block; opacity:1;}

a.new {border-color:#fd359b!important;}
a.premium {border-color:#ffff00!important;} 
a .badge {display:block; position:absolute; top: 0; right: 5px; z-index:4; background:#fff url('../images/badge-popular.png') no-repeat 50% 50%; background-size: 70%; width:34px;height:34px; box-shadow: 0px 2px 11px 0px #000;  pointer-events: none; transition: .3s ease-in-out;}
a .badge:after { content: ""; position: absolute;left: 0;bottom: -6px;width: 0;height: 0; border-top: 6px solid #fff; border-left: 17px solid transparent; border-right: 17px solid transparent; }
a.new .badge {background-image:url('../images/badge-new.png');}
a.recently-played .badge {background-image: url('../images/badge-recently-played.png');}
.desktop .thumb.small .badge {width:24px;height:24px; top: -3px; right: -3px; }
.desktop .thumb.small .badge:after { bottom: -4px; border-top: 4px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent;}
.desktop .thumb:hover .badge {top:-40px; opacity: 0;}

.thumb.next-page{background:none; box-shadow:none;}
.thumb.next-page img {background:none;width:100%!important;height:100%!important;}
.desktop .thumb.next-page img {margin:-5% 0!important;}
.thumb.next-page .game-name {background:none;opacity:1;color:#fff;padding-bottom: 5px;}
[dir="rtl"] .thumb.next-page img {-webkit-transform: scaleX(-1);  transform: scaleX(-1);}

/*grid*/
.desktop .grid-container { display: grid; grid-template-columns: repeat(auto-fill,180px); grid-auto-flow: row dense; justify-content: center; gap: 18px 24px; margin: 24px 0;}
.desktop .grid-item {grid-column: auto/span 1; grid-row: auto/span 1;}
.desktop .thumb.x2,.grid-h-double {grid-row: auto/span 2;}
.desktop .thumb.x2,.grid-w-double {grid-column: auto/span 2;}

/*tags*/
.tag0, .tag1, .tag2 {font-size: 10px; margin: 5px 0; white-space: nowrap; font-weight:normal;}
.tag0 {color:#A6F752;}
.tag1 {color:#32D7FF;}
.tag2 {color:#ED86BB;}
.tg {display:inline-block; padding:3px 10px; margin:2px; border-radius:10px; color:#fff; background-color:#e57cb0; font-size:11px;}
.tg:hover {color:#fff;}

/*pagination*/
.page-text { text-align:center;  margin: 60px auto; font-size:13px; clear:both;}
.page-text-bg {border-top: 3px solid #c0c0c057;clear:both;padding:20px 100px; color:#fff;}
.page-text-bg .page-text {margin:auto;}
.page-text-center {padding:100px; font-size:14px; background:#fff; text-align:center;}
.page-text-center h2{ color: #d62586; font-size: 18px; line-height: 34px;}

/* Footer______________________________*/
#footer { margin:auto; line-height: 18px; text-align:center; overflow: hidden; position:relative;}
#footer, #footer a {color:#ffffff; font-size:14px; text-decoration:none;}
.play #footer {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#footer a:hover {text-decoration:underline}
/*.masonry.play #footer {width:956px; padding:10px 0; margin-left:60px;}*/
.masonry.play #footer { width: 90%; padding: 10px 5%; position: absolute;}
#footer a.variation {color:#ffffff;}

/* Banner placeholders______________________________*/
.adlabel{position:absolute;right:0;top:-20px; padding:0 5px 0 5px; font-size:11px;color:#999;}

.ad728x90, .ad728x90 iframe{width:728px; height:90px; margin: auto; position:relative; z-index:99;}
.adRectangleEx-w {float:left; width:336px; height:280px; margin:14px 0px 12px 28px; text-align:center;}
.adRectangleEx {display:inline-block;vertical-align:middle;}
.adSkyscraperEx-w{position: absolute;right: -134px;top: -20px;}
[dir="rtl"] .adSkyscraperEx-w {left:-134px;right:auto;}
.adSkyscraperEx{ display:block; width:336px; height:898px; z-index:99; border:4px solid rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0.3); position:absolute; border-radius: 5px;}
.list .adSkyscraperEx{display: inline-block; left: 780px;top: 35px;}
.adLeaderboardEx-w {width:970px; clear:both; margin:40px auto 85px auto; text-align:center;}
.list .adLeaderboardEx-w {margin-top:20px; margin-bottom:20px; clear:both;}
.adLeaderboardEx {display:inline-block; background:#fff; border:4px solid #fff; border-radius: 5px;}

.play-sky-left {visibility:hidden;left:-302px;top:-20px; width: 160px; height: 600px;} 
[dir="rtl"] .play-sky-left {right:-302px; left:auto;}

/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFWkU1Z4Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFU0U1Z4Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFVUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFWUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFV0U1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media screen and (max-width: 1400px) and (max-height: 900px) {
  .desktop .thumb, .desktop .thumb image { width: 160px; height: 120px;}
  .desktop .thumb.x2, .desktop .thumb.x2 img, .desktop .thumb.x2 video {width:344px !important; height:258px !important;}
  .masonry.list #body .sidelist-thumb-text {grid-row: 3/span 4 !important;}
  .masonry.list #body .sidelist-thumb-text a { width:160px !important; height:33px !important; border-width: 0px; background:rgba(255,255,255,.2); color: rgba(255,255,255,.8); font-size: 13px;}
  .desktop .grid-container { display: grid; grid-template-columns: repeat(auto-fill,160px); grid-auto-flow: row dense; justify-content: center; gap: 18px 24px; margin: 24px 0;}
  .desktop .thumb .game-name {font-size:12px; line-height: 15px; text-shadow: 0px 0px 2px #000;}
}
@media screen and (max-width: 1100px) and (max-height: 800px) {
  .desktop .thumb, .desktop .thumb image { width: 140px; height: 105px;}
  .desktop .thumb.x2, .desktop .thumb.x2 img, .desktop .thumb.x2 video {width:304px !important; height:228px !important;}
  .masonry.list #body .sidelist-thumb-text {grid-row: 3/span 4 !important;}
  .masonry.list #body .sidelist-thumb-text a { width:140px !important; height:32px !important; border-width: 0px; background:rgba(255,255,255,.2); color: rgba(255,255,255,.8); font-size: 12px;}
  .desktop .grid-container { display: grid; grid-template-columns: repeat(auto-fill,140px); grid-auto-flow: row dense; justify-content: center; gap: 18px 24px; margin: 24px 0;}
  .desktop .thumb .game-name {font-size:11px; line-height: 14px; text-shadow: 0px 0px 2px #000;}
}