html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }
body, html { height: 100%; }
a { text-decoration: none; }
img { vertical-align: text-bottom; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; }
input, select, textarea { outline: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
body { line-height: 1; font-size: 12px; background:url(../images/page_bgr.png);}
.left { float: left; }
.right { float: right; }
.taCenter { text-align: center; }
.inlineBlock { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container { width: 1200px; margin: 0 auto; }
.relative { position: relative; }
.description {float:left;color:#fff; font:12px Arial;}
.absolute { position: absolute; z-index: 1; }
.radius2px { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; }
.transitation4ms { transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.transparent05 { filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.transparent08 { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.transparent1 { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
::-moz-selection {
background: #fcf7c5;
color: #000;
}
::selection { background: #fff; color: #000; }
.row { margin-right: 2%; display: inline-block; float: left; }
.row:last-child { margin-right: 0; }
.row1 { width: 4.375%; }
.row2 { width: 10.75%; }
.row3 { width: 17.125%; }
.row4 { width: 23.5%; }
.row5 { width: 29.875%; }
.row6 { width: 36.25%; }
.row7 { width: 42.625%; }
.row8 { width: 49.0%; }
.row9 { width: 55.375%; }
.row10 { width: 61.75%; }
.row11 { width: 68.125%; }
.row12 { width: 74.5%; }
.row13 { width: 80.875%; }
.row14 { width: 87.25%; }
.row15 { width: 93.625%; }
.row16 { width: 100%; }
.header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0e5d8+0,c8f0cc+100 */
background: #a0e5d8; /* Old browsers */
background: -moz-linear-gradient(top, #a0e5d8 0%, #c8f0cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a0e5d8 0%,#c8f0cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a0e5d8 0%,#c8f0cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e5d8', endColorstr='#c8f0cc',GradientType=0 ); /* IE6-9 */
}
.header .menu, .header .search { position: absolute; z-index: 2; top: 0; font-size: 2.4em; padding: 7.6px; display: block; color: #fff; }
.header .menu { left: 0; }
.header .search { right: 0; }
.header #logo { text-align: center; }
.header #logo a { display: inline-block; padding: 4px; }
.header #logo img { height: 100%; }
#search { display: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: #85dee0; }
#search input { font:400 1.2em 'Arial'; color:#666; border: 2px solid rgba(0,0,0,.1); width: 96%; padding: 12px 36px 12px 20px; background: rgba(255,255,255,.7); -webkit-border-radius: 20px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -webkit-appearance: none; margin: 2%; }
#search input:focus { color: #666; border: 2px solid #fff; background: rgba(255,255,255,.1); }
#search button { position: absolute; z-index: 999; right: 0; top: 0; margin:2%; padding: 10px 12px; color: #666; display: block; font-size: 1.6em; background:transparent; border:none;}
.header .menuOpen, .header .searchOpen { display: none; }
.header #mainMenu { display: none; }
.header .menuOpen, .header .searchOpen, .header .menuClose { display: block; position: absolute; z-index: 999; padding: 10px 12px; font-size: 2em; color: #fff; }
.header .searchOpen, .header .menuClose { right: 0; }
.header #mainMenu { display: none; position: absolute; z-index: 999; top: 0; left: 0; width: 50%; background:#a0e5d8; min-height: 100%; width: 50%; }
.header #mainMenu a { color: #e5530c; }
.header #mainMenu ul { margin-top: 36px; }
.header #mainMenu li a { display: block; text-align: left; font:12px Arial; color:#000; text-shadow:0 1px 1px #fff; font-weight:bolder; border-bottom:1px solid #c8f0cc; border-top:1px solid #c8f0cc; padding: 10px 10px; }
.header #mainMenu li a:hover { background:#6BA7CA; }
.gameList { text-align: center; margin: 1% 0;}
.scrolled{ overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding: 0 3px 10px;
margin-bottom: 10px;}
.gameList li { display: inline-block; margin:2px; padding:1px; width:100px; border:1px solid #ddd;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.adsFull {width:100%; padding:5px;}
.adsFull img{width:100%;}
.container h2 {float:left; display:block;width:100%; border-top:1px solid #6db3f2; border-bottom:1px solid #6db3f2; margin:2px 0; padding:3px 12px; font:400 1.2em 'Oswald'; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4cbaa6+0,56d382+100 */
background: #4cbaa6; /* Old browsers */
background: -moz-linear-gradient(top, #4cbaa6 0%, #56d382 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4cbaa6 0%,#56d382 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4cbaa6 0%,#56d382 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbaa6', endColorstr='#56d382',GradientType=0 ); /* IE6-9 */
}
.gameList li a { display: block; }
.gameList li a span{ display: block; padding:6px 2px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center; font:400 0.9em 'Arial'; color:#666;}
.gameList li img { width: 95px; height: 78px; }
.social { text-align: center; margin: 1% 0; }
.social li { border:1px solid rgba(255,255,255,.3); margin: 0 2%; }
.social li, .social li a { display: inline-block; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -khtml-border-radius: 24px; -o-border-radius: 24px; -ms-border-radius: 48px; height: 48px; width: 48px; }
.social li a { font-size: 2em; padding-top: 12px; color: #fff; }
.social li.facebook a { background: #4367b9; }
.social li.twitter a { background: #a3dbfd; }
.social li.google a { background: #fda2b9; }
.game { min-width: 100%; margin: 0 auto; }
.gameInfo{width:98%;float:left; margin:0px 3px; padding:5px; position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background:url(../images/main_page_bgr.png);
}
.gameInfo .left{width:32%; float:left;text-align:Center; }
.gameInfo .left img {width:95px; height:78px; margin-bottom:3px; border:1px solid #a9e4f7}
.gameInfo .center{width:57%; float:left;}
.gameInfo .right{ float:right;width:16%; height:100%; text-align:right;}
.gameInfo .center .bigger{font-size:14px; color:#fff ; font-weight:700;}
.gameInfo .center span{float:left; display:block; width:100%; padding:0 0 8px 5px; font:12px Arial; color:#fff; }
.gameInfo .playBtn {position:absolute; bottom:26px; right:4px; width:53px; height:53px; }
.gameInfo .playBtn img {border:none; }
.gameDesc { float:left; width:98%; padding:5px 5px; margin:0px 0 5px 3px; font:12px Arial; color:#fff; text-align:justify }
.gameHtml { margin: 24px 0; }
.button { border:0; background: #ffd500; border-bottom: 4px solid #af9305; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; padding: 16px 42px; color: #1d5d83; font:bold 1.2em 'Arial'; display: block; margin-top: 8px; }
.ad { float:left; width:98%; padding:5px; margin:5px 3px; background: rgba(255,255,255,.1); min-height: 90px; font: .8em 'Arial'; color:rgba(255,255,255,.5); }
.pagination{position:relative;text-align:center;margin:10px 0;}
.pagination > a{font-size:22px;line-height:22px;}
.pagination a{color:#fff;background:#19b9d1;}
.pagination a:hover, .pagination a.current{color:#fff;background:#8386b4;}
.pagination li{position:relative;display:inline-block;}
.pagination li a{position:relative;font-family:"Myriad", Arial, Helvetica, sans-serif;font-weight:normal;}
.pagination .pages{position:relative;display:inline-block;text-align:center;top:-1px;}
.pagination .pages li a{padding:2px 8px;margin:0 2px 0 2px;padding:3px 10px 3px 10px;display:block;font-size:15px;}
.pagination .pages .active{background:red;}
@font-face {
font-family:Icons;
src:url(../fonts/icons/Icons.eot);
src:url(../fonts/icons/Icons.eot?#iefix) format("eot"),url(../fonts/icons/Icons.woff) format("woff"),url(../fonts/icons/Icons.ttf) format("truetype"),url(../fonts/icons/Icons.svg#Icons) format("svg")
}
.font-stars {
display: block;
font-size: 12px;
line-height: 12px;
height: 12px;
position: relative;
color: #000;
}
.font-stars:before {
font-family:Icons;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:400;
text-decoration:none;
text-transform:none
}
.icon-rating .font-stars {
font-size: 10px;
color: #ffb200;
}
.icon-rating {
margin: 0 auto;
position: relative;
display: inline-block;
text-align: center;
}
.font-stars.bg {
opacity: .3;
background:url(../images/star_gray.png) no-repeat;
width:75px;
height:13px;
filter: alpha(opacity=30);
}
.font-stars.value {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background:url(../images/star_yellow.png) no-repeat;
width:75px;
height:13px;
}
@media (min-width : 0) and (max-width : 767px) {
.row { float: none; margin: 0; width: 100%; }
.container { width: 100%; }
.gameHtml { margin: 24px 0; }
.gameHtml li img { width: 109px; height: 78px; }
}
footer { left: 0; font:12px Arial; color:#fff; }
footer a { left: 0; font:12px Arial; color:#fff; font-weight:bolder;}
/* iPads (portrait and landscape) */
@media (min-width : 768px) {
.container { width: 100%; }
}
@font-face {
font-family: 'oyun10';
src:url('../fonts/oyun10.eot?2h17il');
src:url('../fonts/oyun10.eot?#iefix2h17il') format('embedded-opentype'),
url('../fonts/oyun10.woff?2h17il') format('woff'),
url('../fonts/oyun10.ttf?2h17il') format('truetype'),
url('../fonts/oyun10.svg?2h17il#oyun10') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="i-"], [class*=" i-"] {
font-family: 'oyun10';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.i-social-facebook:before {
content: "\e60a";
}
.i-dots-three-horizontal:before {
content: "\e600";
}
.i-dots-three-vertical:before {
content: "\e601";
}
.i-bell:before {
content: "\e602";
}
.i-cross:before {
content: "\e603";
}
.i-emoji-happy:before {
content: "\e604";
}
.i-emoji-neutral:before {
content: "\e605";
}
.i-emoji-sad:before {
content: "\e606";
}
.i-magnifying-glass:before {
content: "\e607";
}
.i-mask:before {
content: "\e608";
}
.i-menu:before {
content: "\e609";
}
.i-google:before {
content: "\e60b";
}
.i-twitter:before {
content: "\e60c";
}