@import "./css.css";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{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clear{clear:both}.pull-left{float:left}.pull-right{float:right}.clamp{display:block;height:0;width:100%;margin-bottom:100%}@font-face{font-family:'ikons';src:url(/assets/fonts/ikons.eot?-c80g8x);src:url(/assets/fonts/ikons.eot?#iefix-c80g8x) format("embedded-opentype"),url(/assets/fonts/ikons.woff?-c80g8x) format("woff"),url(/assets/fonts/ikons.ttf?-c80g8x) format("truetype"),url(/assets/fonts/ikons.svg?-c80g8x#ikons) format("svg");font-weight:400;font-style:normal}[class^="icon-"],[class*=" icon-"],[class^="checkbox-icon-"],[class*=" checkbox-icon-"]{font-family:'ikons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-zoom_out:before{content:"\e600"}.icon-zoom_in:before{content:"\e601"}.icon-youtube:before{content:"\e602"}.icon-windows:before{content:"\e603"}.icon-wifi_3:before{content:"\e604"}.icon-wifi_2:before{content:"\e605"}.icon-wifi_1:before{content:"\e606"}.icon-warning:before{content:"\e607"}.icon-volume_up:before{content:"\e608"}.icon-volume_off:before{content:"\e609"}.icon-volume_mute:before{content:"\e60a"}.icon-volume_down:before{content:"\e60b"}.icon-volume_3:before{content:"\e60c"}.icon-volume_2:before{content:"\e60d"}.icon-volume_1:before{content:"\e60e"}.icon-voicemail:before{content:"\e60f"}.icon-vimeo:before{content:"\e610"}.icon-view:before{content:"\e611"}.icon-view_off:before{content:"\e612"}.icon-users:before{content:"\e613"}.icon-user:before{content:"\e614"}.icon-user_square:before{content:"\e615"}.icon-user_remove:before{content:"\e616"}.icon-user_ok:before{content:"\e617"}.icon-user_delete:before{content:"\e618"}.icon-user_circle:before{content:"\e619"}.icon-user_add:before{content:"\e61a"}.icon-upload:before{content:"\e61b"}.icon-unlock:before{content:"\e61c"}.icon-twitter:before{content:"\e61d"}.icon-tumblr:before{content:"\e61e"}.icon-timer:before{content:"\e61f"}.icon-time:before{content:"\e620"}.icon-tick:before{content:"\e621"}.icon-text_right:before{content:"\e622"}.icon-text_left:before{content:"\e623"}.icon-text_justify:before{content:"\e624"}.icon-text_center:before{content:"\e625"}.icon-terminal:before{content:"\e626"}.icon-target:before{content:"\e627"}.icon-tags:before{content:"\e628"}.icon-tag:before{content:"\e629"}.icon-suitcase:before{content:"\e62a"}.icon-stop:before{content:"\e62b"}.icon-star:before{content:"\e62c"}.icon-square:before{content:"\e62d"}.icon-square_up:before{content:"\e62e"}.icon-square_right:before{content:"\e62f"}.icon-square_remove:before{content:"\e630"}.icon-square_ok:before{content:"\e631"}.icon-square_left:before{content:"\e632"}.icon-square_down:before{content:"\e633"}.icon-square_delete:before{content:"\e634"}.icon-square_dashed:before{content:"\e635"}.icon-square_add:before{content:"\e636"}.icon-spotify:before{content:"\e637"}.icon-speech_bubbles:before{content:"\e638"}.icon-speech_bubble_2:before{content:"\e639"}.icon-speech_bubble_1:before{content:"\e63a"}.icon-speech_4:before{content:"\e63b"}.icon-speech_3:before{content:"\e63c"}.icon-speech_2:before{content:"\e63d"}.icon-speech_1:before{content:"\e63e"}.icon-slideshow:before{content:"\e63f"}.icon-skype:before{content:"\e640"}.icon-skip_previous:before{content:"\e641"}.icon-skip_next:before{content:"\e642"}.icon-shuffle:before{content:"\e643"}.icon-shopping_cart:before{content:"\e644"}.icon-shopping_cart_remove:before{content:"\e645"}.icon-shopping_cart_ok:before{content:"\e646"}.icon-shopping_cart_delete:before{content:"\e647"}.icon-shopping_cart_add:before{content:"\e648"}.icon-shopping_bag:before{content:"\e649"}.icon-shop:before{content:"\e64a"}.icon-share:before{content:"\e64b"}.icon-share_2:before{content:"\e64c"}.icon-screen_expand_3:before{content:"\e64d"}.icon-screen_expand_2:before{content:"\e64e"}.icon-screen_expand_1:before{content:"\e64f"}.icon-rss:before{content:"\e650"}.icon-rewind:before{content:"\e651"}.icon-resize_6:before{content:"\e652"}.icon-resize_5:before{content:"\e653"}.icon-resize_4:before{content:"\e654"}.icon-resize_3:before{content:"\e655"}.icon-resize_2:before{content:"\e656"}.icon-resize_1:before{content:"\e657"}.icon-repeat:before{content:"\e658"}.icon-repeat_2:before{content:"\e659"}.icon-repeat_1:before{content:"\e65a"}.icon-record:before{content:"\e65b"}.icon-progress:before{content:"\e65c"}.icon-printer:before{content:"\e65d"}.icon-presentation:before{content:"\e65e"}.icon-power:before{content:"\e65f"}.icon-polaroids:before{content:"\e660"}.icon-polaroid:before{content:"\e661"}.icon-plus:before{content:"\e662"}.icon-plug:before{content:"\e663"}.icon-play:before{content:"\e664"}.icon-pinterest_2:before{content:"\e665"}.icon-pinterest_1:before{content:"\e666"}.icon-pin_zoom_out:before{content:"\e667"}.icon-pin_zoom_in:before{content:"\e668"}.icon-pin_2:before{content:"\e669"}.icon-pin_1:before{content:"\e66a"}.icon-pill:before{content:"\e66b"}.icon-pie_chart:before{content:"\e66c"}.icon-picture:before{content:"\e66d"}.icon-pen_3:before{content:"\e66e"}.icon-pen_2:before{content:"\e66f"}.icon-pen_1:before{content:"\e670"}.icon-paypal:before{content:"\e671"}.icon-pause:before{content:"\e672"}.icon-notepad:before{content:"\e673"}.icon-notepad_remove:before{content:"\e674"}.icon-notepad_ok:before{content:"\e675"}.icon-notepad_delete:before{content:"\e676"}.icon-notepad_add:before{content:"\e677"}.icon-music:before{content:"\e678"}.icon-moustache:before{content:"\e679"}.icon-more:before,.checkbox-icon-other:before{content:"\e67a"}.icon-more_2:before{content:"\e67b"}.icon-minus:before{content:"\e67c"}.icon-microsoft:before{content:"\e67d"}.icon-microphone:before{content:"\e67e"}.icon-microphone_off:before{content:"\e67f"}.icon-map:before{content:"\e680"}.icon-map_remove:before{content:"\e681"}.icon-map_ok:before{content:"\e682"}.icon-map_delete:before{content:"\e683"}.icon-map_add:before{content:"\e684"}.icon-mail:before{content:"\e685"}.icon-mail_outgoing:before{content:"\e686"}.icon-mail_incoming:before{content:"\e687"}.icon-magnifying_glass:before{content:"\e688"}.icon-magnifying_glass_remove:before{content:"\e689"}.icon-magnifying_glass_add:before{content:"\e68a"}.icon-macbook:before{content:"\e68b"}.icon-logout:before{content:"\e68c"}.icon-login:before{content:"\e68d"}.icon-lock:before{content:"\e68e"}.icon-location:before{content:"\e68f"}.icon-loading:before{content:"\e690"}.icon-list:before{content:"\e691"}.icon-list_2:before{content:"\e692"}.icon-linkedin:before{content:"\e693"}.icon-link:before{content:"\e694"}.icon-line_graph:before{content:"\e695"}.icon-line_graph_square:before{content:"\e696"}.icon-layers:before{content:"\e697"}.icon-iphone:before,.checkbox-icon-smartphone:before{content:"\e698"}.icon-ipad:before,.checkbox-icon-tablet:before{content:"\e699"}.icon-instagram:before{content:"\e69a"}.icon-inbox:before{content:"\e69b"}.icon-inbox_out:before{content:"\e69c"}.icon-inbox_in:before{content:"\e69d"}.icon-image:before{content:"\e69e"}.icon-imac:before,.checkbox-icon-desktop:before{content:"\e69f"}.icon-home:before{content:"\e6a0"}.icon-heart:before{content:"\e6a1"}.icon-hashtag:before{content:"\e6a2"}.icon-grid_2:before{content:"\e6a3"}.icon-grid_1:before{content:"\e6a4"}.icon-graph_rise:before{content:"\e6a5"}.icon-graph_fall:before{content:"\e6a6"}.icon-google_plus:before{content:"\e6a7"}.icon-globe:before{content:"\e6a8"}.icon-frame:before{content:"\e6a9"}.icon-foursquare:before{content:"\e6aa"}.icon-forrst:before{content:"\e6ab"}.icon-font_size_up:before{content:"\e6ac"}.icon-font_size_down:before{content:"\e6ad"}.icon-following:before{content:"\e6ae"}.icon-followers:before{content:"\e6af"}.icon-folder:before{content:"\e6b0"}.icon-folder_remove:before{content:"\e6b1"}.icon-folder_ok:before{content:"\e6b2"}.icon-folder_delete:before{content:"\e6b3"}.icon-folder_add:before{content:"\e6b4"}.icon-first_aid:before{content:"\e6b5"}.icon-fast_forward:before{content:"\e6b6"}.icon-facebook_2:before{content:"\e6b7"}.icon-facebook_1:before{content:"\e6b8"}.icon-equalizer:before{content:"\e6b9"}.icon-eject:before{content:"\e6ba"}.icon-dropbox:before{content:"\e6bb"}.icon-drop:before{content:"\e6bc"}.icon-dribbble:before{content:"\e6bd"}.icon-download:before{content:"\e6be"}.icon-documents:before{content:"\e6bf"}.icon-document:before{content:"\e6c0"}.icon-document_upload:before{content:"\e6c1"}.icon-document_remove:before{content:"\e6c2"}.icon-document_ok:before{content:"\e6c3"}.icon-document_download:before{content:"\e6c4"}.icon-document_delete:before{content:"\e6c5"}.icon-document_add:before{content:"\e6c6"}.icon-diskette:before{content:"\e6c7"}.icon-crop:before{content:"\e6c8"}.icon-credit_card:before{content:"\e6c9"}.icon-copy_2:before{content:"\e6ca"}.icon-copy_1:before{content:"\e6cb"}.icon-computer_upload:before{content:"\e6cc"}.icon-computer_remove:before{content:"\e6cd"}.icon-computer_ok:before{content:"\e6ce"}.icon-computer_download:before{content:"\e6cf"}.icon-computer_delete:before{content:"\e6d0"}.icon-computer_add:before{content:"\e6d1"}.icon-compass:before{content:"\e6d2"}.icon-command:before{content:"\e6d3"}.icon-columns:before{content:"\e6d4"}.icon-cog:before{content:"\e6d5"}.icon-code:before{content:"\e6d6"}.icon-cloud:before{content:"\e6d7"}.icon-cloud_upload:before{content:"\e6d8"}.icon-cloud_ok:before{content:"\e6d9"}.icon-cloud_fail:before{content:"\e6da"}.icon-cloud_download:before{content:"\e6db"}.icon-close:before{content:"\e6dc"}.icon-clip:before{content:"\e6dd"}.icon-circle:before{content:"\e6de"}.icon-circle_up:before{content:"\e6df"}.icon-circle_stop:before{content:"\e6e0"}.icon-circle_skip_previous:before{content:"\e6e1"}.icon-circle_skip_next:before{content:"\e6e2"}.icon-circle_right:before{content:"\e6e3"}.icon-circle_rewind:before{content:"\e6e4"}.icon-circle_plus:before{content:"\e6e5"}.icon-circle_play:before{content:"\e6e6"}.icon-circle_pause:before{content:"\e6e7"}.icon-circle_ok:before{content:"\e6e8"}.icon-circle_minus:before{content:"\e6e9"}.icon-circle_left:before{content:"\e6ea"}.icon-circle_fast_forward:before{content:"\e6eb"}.icon-circle_down:before{content:"\e6ec"}.icon-circle_delete:before{content:"\e6ed"}.icon-chart:before{content:"\e6ee"}.icon-chart_7_8:before{content:"\e6ef"}.icon-chart_5_8:before{content:"\e6f0"}.icon-chart_3_8:before{content:"\e6f1"}.icon-chart_3_4:before{content:"\e6f2"}.icon-chart_1_8:before{content:"\e6f3"}.icon-chart_1_4:before{content:"\e6f4"}.icon-chart_1_2:before{content:"\e6f5"}.icon-cassette:before{content:"\e6f6"}.icon-camera:before{content:"\e6f7"}.icon-calendar:before{content:"\e6f8"}.icon-calendar_ok:before{content:"\e6f9"}.icon-calendar_add:before{content:"\e6fa"}.icon-bullseye:before{content:"\e6fb"}.icon-browser:before{content:"\e6fc"}.icon-browser_remove:before{content:"\e6fd"}.icon-browser_ok:before{content:"\e6fe"}.icon-browser_layout_3:before{content:"\e6ff"}.icon-browser_layout_2:before{content:"\e700"}.icon-browser_layout_1:before{content:"\e701"}.icon-browser_delete:before{content:"\e702"}.icon-browser_add:before{content:"\e703"}.icon-brightness_low:before{content:"\e704"}.icon-brightness_high:before{content:"\e705"}.icon-bookmark:before{content:"\e706"}.icon-book:before{content:"\e707"}.icon-book_2:before{content:"\e708"}.icon-book_1:before{content:"\e709"}.icon-bluetooth:before{content:"\e70a"}.icon-block:before{content:"\e70b"}.icon-bin:before{content:"\e70c"}.icon-bell:before{content:"\e70d"}.icon-behance:before{content:"\e70e"}.icon-battery_full:before{content:"\e70f"}.icon-battery_empty:before{content:"\e710"}.icon-battery_2_3:before{content:"\e711"}.icon-battery_1_3:before{content:"\e712"}.icon-basket:before{content:"\e713"}.icon-basket_remove:before{content:"\e714"}.icon-basket_ok:before{content:"\e715"}.icon-basket_delete:before{content:"\e716"}.icon-basket_add:before{content:"\e717"}.icon-bar_graph:before{content:"\e718"}.icon-bar_chart_3:before{content:"\e719"}.icon-bar_chart_2:before{content:"\e71a"}.icon-bar_chart_1:before{content:"\e71b"}.icon-arrows:before{content:"\e71c"}.icon-arrows_vertical:before{content:"\e71d"}.icon-arrows_vertical_2:before{content:"\e71e"}.icon-arrows_horizontal:before{content:"\e71f"}.icon-arrows_horizontal_2:before{content:"\e720"}.icon-arrow_up:before{content:"\e721"}.icon-arrow_right:before{content:"\e722"}.icon-arrow_left:before{content:"\e723"}.icon-arrow_down:before{content:"\e724"}.icon-arrow_2:before{content:"\e725"}.icon-arrow_1:before{content:"\e726"}.icon-appstore:before{content:"\e727"}.icon-apple:before,.checkbox-icon-ios:before{content:"\e728"}.icon-android:before,.checkbox-icon-android:before{content:"\e729"}.icon-alt:before{content:"\e72a"}.icon-alarm:before{content:"\e72b"}.icon-html5:before{content:"\f13b"}.icon-category-strategy:before{content:"\e72d"}.icon-category-sport:before{content:"\e72e"}.icon-category-spaceshooter:before,.icon-category-arcade:before{content:"\e72f"}.icon-category-pointnclick:before{content:"\e730"}.icon-category-puzzle:before{content:"\e731"}.icon-category-makeup:before{content:"\e732"}.icon-category-jumpnrun:before{content:"\e733"}.icon-category-dressup:before{content:"\e734"}.icon-category-cooking:before{content:"\e735"}.icon-category-cards:before{content:"\e736"}.icon-category-bubble_shooter:before{content:"\e737"}.icon-category-pong:before{content:"\e738"}.icon-category-action:before{content:"\e739"}.icon-category-boys:before{content:"\e73a"}.icon-category-girls:before{content:"\e73b"}.icon-category-racing:before{content:"\e73c"}.icon-category-new:before{content:"\e73e"}.icon-category-kids:before{content:"\e73f"}.icon-category-best:before{content:"\e740"}.icon-category-match3:before{content:"\e72c"}.icon-category-quiz:before{content:"\e73d"}html{font-size:100%;line-height:1.375em}body{font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;color:#3498db;font-weight:400}h1,.h1{font-size:3em;line-height:1.375em;margin-bottom:.34375em;font-weight:800;text-transform:uppercase;text-align:center}h1 a,.h1 a{color:#3498db;text-decoration:none}h2,.h2{font-size:1.375em;line-height:2em;line-height:1em;font-weight:800;text-transform:uppercase;text-align:center}h2 a,.h2 a{color:#3498db;text-decoration:none}h3,.h3{font-size:1.125em;line-height:1.22222em;font-weight:800;text-transform:uppercase}h3 a,.h3 a{color:#3498db;text-decoration:none}h4,.h4{font-size:.875em;line-height:1.57143em;font-weight:800;text-transform:uppercase}h4 a,.h4 a{color:#3498db;text-decoration:none}p{margin-top:.6875em}p.withMargin{margin:0 0 1em}p a{color:#e74c3c;text-decoration:none}table{width:100%}table thead,table th{font-weight:700}img{display:block;max-width:100%}@media only screen and (max-width: 750px){html{font-size:100%;line-height:1.375em}h1,.h1{font-size:1.875em;line-height:1.46667em}h2,.h2{font-size:1.125em;line-height:1.22222em}h3,.h3{font-size:1em;line-height:1.375em}}@media only screen and (min-width: 751px) and (max-width: 1000px){html{font-size:100%;line-height:1.375em}}.btn,.btn-highlight,.btn-primary,.btn-neutral,.btn-transparent{display:inline-block;box-sizing:border-box;background-color:#eee;color:#2c3e50;padding:10px 20px;border:0;cursor:pointer;margin:0;text-decoration:none;text-align:center;font-size:16px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2)}.btn-group .btn,.btn-group .btn-highlight,.btn-group .btn-primary,.btn-group .btn-neutral,.btn-group .btn-transparent{margin-left:5px}.btn.btn-block,.btn-block.btn-highlight,.btn-block.btn-primary,.btn-block.btn-neutral,.btn-block.btn-transparent{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn[disabled],[disabled].btn-highlight,[disabled].btn-primary,[disabled].btn-neutral,[disabled].btn-transparent{opacity:.7}.btn-highlight{background-color:#e74c3c;color:#FFF}.btn-primary{background-color:#3498db;color:#FFF}.btn-neutral{background-color:#ecf0f1;color:#3498db}.btn-transparent{background-color:transparent;color:#2c3e50}.btn-container{margin:20px 0 60px;text-align:center}.btn-container .btn,.btn-container .btn-highlight,.btn-container .btn-primary,.btn-container .btn-neutral,.btn-container .btn-transparent{padding:10px 60px}header.main{background-color:#2c3e50}header.main .main-section{position:relative}header.main .menuHolder{position:absolute;left:20px;top:20px}header.main .menuHolder label[for="navigationTrigger"]{display:block;height:35px;box-sizing:border-box;padding:10px;border-radius:10px;background-color:#34495e;cursor:pointer}header.main .menuHolder label[for="navigationTrigger"] svg{height:20px;fill:#fff;margin-top:-2px}header.main .menuHolder nav.main{display:none;position:absolute;top:50px;left:-2px;z-index:100;float:none;margin:0;box-shadow:0 0 20px rgba(0,0,0,0.2);padding:0 20px;width:auto}header.main .menuHolder nav.main ul > li a{white-space:nowrap}header.main .menuHolder nav.main ul:after{bottom:100%;left:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#ecf0f1;border-width:10px}header.main .menuHolder nav.main ul.tile-list{margin-bottom:20px}header.main .menuHolder nav.main ul.tile-list a{white-space:normal}header.main .menuHolder nav.main ul.tile-list a img,header.main .menuHolder nav.main ul.tile-list a svg{margin:0 auto 5px;float:none;width:40px}header.main .menuHolder nav.main ul.tile-list a header,header.main .menuHolder nav.main ul.tile-list a p{margin-left:0;text-align:center}header.main .menuHolder nav.main ul.tile-list a header{font-weight:800;font-size:110%;line-height:100%}header.main .menuHolder nav.main ul.tile-list a p{font-weight:600;font-size:80%}header.main .menuHolder #navigationTrigger{position:absolute;top:0;right:0;clip:rect(0,0,0,0)}header.main .menuHolder #navigationTrigger:checked ~ nav.main{display:block}header.main .logo{display:block;text-align:center}header.main .logo svg{width:350px;margin-bottom:10px;margin-top:-100px}@media only screen and (max-width: 750px){header.main .menuHolder{left:10px;top:14px}header.main .logo svg{width:190px;margin-top:-50px}}nav.main{box-sizing:border-box;float:left;width:250px;min-height:300px;margin-top:120px;padding:20px;background-color:#ecf0f1}nav.main ul > li a{position:relative;display:block;text-decoration:none;font-size:16px;line-height:28px;border-bottom:1px solid #bdc3c7;padding:10px 0;color:#3498db}nav.main ul > li a i{font-size:1.5em;position:relative;top:.12em;margin-right:10px}nav.main ul > li a:hover:before{background-color:#3498db}nav.main ul > li a:before{content:'';display:block;position:absolute;top:0;left:-20px;bottom:0;width:5px;background-color:transparent;transition:all .05s linear}nav.main ul > li a.active{color:#e74c3c}nav.main ul > li a.active:before{background-color:#e74c3c}nav.main ul > li:last-child a{border:0}nav.meta{padding:40px}nav.meta ul{padding:0;margin:0}nav.meta li{margin:0 20px 20px 0}nav.meta li:last-child{margin-right:0}nav.meta a{text-decoration:none}.language-select{position:absolute;right:20px;top:20px;height:35px;width:58px;overflow:hidden;border-radius:10px}.language-select .value{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px;font-size:15px;line-height:15px;background-color:#34495e;cursor:pointer;color:#fff;font-weight:800}.language-select .value:before{content:'';position:absolute;top:50%;margin-top:-3px;right:10px;height:0;width:0;border:5px solid transparent;border-top:5px solid #fff}.language-select select{display:block;position:absolute;top:1px;height:35px;opacity:0;width:100%;cursor:pointer}@media only screen and (max-width: 750px){.language-select{top:14px;right:10px}}footer.main{margin-top:40px;padding:40px 0;background-color:#2c3e50;color:#FFF}footer.main a{color:#FFF}footer.main .footer-content{position:relative;margin:0 auto;max-width:900px;min-width:320px;min-height:200px;font-weight:lighter}footer.main .footer-content section.tags nav.main{background:none;float:none;width:auto;min-height:0;margin-top:0}footer.main .footer-content section.tags nav.main ul{display:flex;flex-wrap:wrap;justify-content:center}footer.main .footer-content section.tags nav.main ul li{padding:10px}footer.main .footer-content section.tags nav.main ul li a{background-color:#34495e;border:0;padding:10px;border-radius:10px;font-weight:800;text-transform:uppercase;color:#fff}footer.main .footer-content section.tags nav.main ul li a:hover:before,footer.main .footer-content section.tags nav.main ul li a.active:before{display:none}footer.main .footer-content section.tags nav.main ul li a:hover{background-color:#3498db}footer.main .footer-content section.tags nav.main .tile-list li{width:50%}footer.main .footer-content section.tags nav.main .tile-list li a{margin-bottom:0}footer.main .footer-content nav.meta{padding:0;text-align:center}footer.main .footer-content nav.meta a{text-decoration:underline}footer.main .footer-content ul.social{float:right;list-style:none;width:250px;margin-right:40px}footer.main .footer-content ul.social li{display:block;padding:20px;margin:20px 0;background-color:#FFF;overflow:hidden}footer.main .copyright{margin:20px 0 40px;text-align:center}footer.main .powered-by-famobi{text-align:center;font-size:80%}footer.main .powered-by-famobi svg{display:block;margin:10px auto;width:70px;fill:#fff}@media only screen and (max-width: 750px){footer.main .footer-content section.tags nav.main ul li{padding:5px}footer.main .footer-content section.tags nav.main ul li a{font-size:80%}footer.main .footer-content section.tags nav.main .tile-list li{width:100%}footer.main .footer-content section.tags nav.main .tile-list li header{font-size:120%}footer.main .footer-content section.tags nav.main .tile-list li p{font-size:100%}}.game header{margin-bottom:40px}.game header .background{position:relative;background-size:cover;overflow:hidden;background-position:center center;text-align:center}.game header .background .backgroundDarken{padding:40px 0;background-color:rgba(0,0,0,0.3)}.game header .background .backgroundDarken .main-section{margin-top:0;margin-bottom:0}.game header .icon{display:block;width:150px;max-width:100%;margin:0 auto 20px;border:3px solid #fff;box-shadow:0 0 1px rgba(0,0,0,0.3);overflow:hidden}.game header h1{color:#fff;margin-bottom:0}.game .play-btn-container{position:relative;height:50px;margin:20px 0 0}.game .play-btn-container:before,.game .play-btn-container:after{position:absolute;box-sizing:border-box;content:'';border-bottom:1px solid rgba(255,255,255,0.2);top:50%;left:0;width:25%}.game .play-btn-container:after{padding-right:0;left:auto;right:0}.game .play-btn-container .play-btn{display:block;margin:0 auto;width:40%;height:50px;font-size:22px;line-height:30px}.game .game-infos{margin-left:-10px;margin-right:-10px}.game .game-infos:before,.game .game-infos:after{content:" ";display:table}.game .game-infos:after{clear:both}.game .game-description{box-sizing:border-box;padding:1px 10px;margin-bottom:40px}.game .game-description p{margin:0;text-align:center}.game .game-categories{margin-top:40px}.game .game-categories ul{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.game .game-categories ul li{background-color:#ecf0f1;margin:0 5px 5px 0}.game .game-categories ul li a{display:block;padding:4px 10px 2px;text-decoration:none;color:#3498db}.game .game-languages{margin-top:40px}.game .game-languages ul{display:flex;flex-wrap:wrap;justify-content:center;margin:15px -5px 0}.game .game-languages ul li{text-align:center;padding:5px;max-width:50px}.game .game-languages ul li a{display:block;color:inherit;text-decoration:none}.game .for-companies{margin:40px 0;text-align:center}.game .for-companies .btn-primary{display:inline-block;margin-top:15px}.game .icon-downloads{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.game .icon-downloads figure{position:relative;overflow:hidden;height:160px;margin-right:20px}.game .icon-downloads figure:before{content:'';position:absolute;left:0;top:0;right:0;height:20px;background-color:transparent;background:-webkit-gradient(left top,left bottom,color-stop(0%,#ecf0f1),color-stop(100%,rgba(236,236,236,0)));background:linear-gradient(to bottom,#ecf0f1 0%,rgba(236,236,236,0) 100%);z-index:1}.game .icon-downloads figure img{position:absolute;box-sizing:border-box;bottom:0;left:0;right:0;margin-bottom:20px;border:3px solid #FFF;box-shadow:0 0 1px rgba(0,0,0,0.3)}.game .icon-downloads figure figcaption{position:absolute;font-family:"Open Sans",sans-serif;right:0;bottom:0;left:0;height:20px;line-height:20px;text-align:center}.game .more-info-btn{display:block;width:150px;margin:0 auto}.game .textarea-autogrow{position:relative;margin-top:20px}.game .textarea-autogrow .aff-iliate-link,.game .textarea-autogrow .shadow{margin:0;padding:10px;font-size:20px;line-height:1.3em;font-weight:400;font-family:"Open Sans",sans-serif;word-break:break-all}.game .textarea-autogrow .shadow{opacity:0}.game .textarea-autogrow .aff-iliate-link{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.game .similarGames{margin:40px 0}.game .similarGames h2{margin-bottom:20px}ul.games{list-style:none;padding:0;margin-left:-20px;margin-top:-20px;margin-bottom:20px}ul.games:before,ul.games:after{content:" ";display:table}ul.games:after{clear:both}ul.games:last-child{margin-bottom:0}ul.games li{position:relative;box-sizing:border-box;float:left;margin-top:20px;padding-left:20px;width:25%}ul.games li a{display:block}ul.games li .icon{position:relative;box-sizing:border-box;width:100%;padding-bottom:1px;border:3px solid #FFF;box-shadow:0 0 1px rgba(0,0,0,0.3);overflow:hidden}ul.games li .icon img{position:absolute;left:0;top:0}ul.games li .name-container{display:flex;height:36px;padding:7px 0;align-items:center;justify-content:center}ul.games li .name{color:#3498db;font-size:16px;line-height:18px;text-align:center}ul.games li .btn-block{height:42px}ul.games a{text-decoration:none}@media only screen and (max-width: 750px){ul.games li{margin-top:10px}}.tile,.tile-highlight,.tile-primary,.tile-info,.tile-neutral{display:block;padding:20px;background-color:#000;margin-bottom:20px;transition:all .1s linear}.tile .hint,.tile-highlight .hint,.tile-primary .hint,.tile-info .hint,.tile-neutral .hint{height:0;margin-top:0;overflow:hidden;transition:all .2s linear}.tile p,.tile-highlight p,.tile-primary p,.tile-info p,.tile-neutral p{text-align:center}.tile.withSpacing,.withSpacing.tile-highlight,.withSpacing.tile-primary,.withSpacing.tile-info,.withSpacing.tile-neutral{margin-top:40px}.tile.active,.active.tile-highlight,.active.tile-primary,.active.tile-info,.active.tile-neutral{border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.tile.active .hint,.active.tile-highlight .hint,.active.tile-primary .hint,.active.tile-info .hint,.active.tile-neutral .hint{margin-top:20px}.tile.teaser,.teaser.tile-highlight,.teaser.tile-primary,.teaser.tile-info,.teaser.tile-neutral{padding:10px;min-height:60px;text-decoration:none}.tile.teaser:before,.teaser.tile-highlight:before,.teaser.tile-primary:before,.teaser.tile-info:before,.teaser.tile-neutral:before,.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{content:" ";display:table}.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{clear:both}.tile.teaser img,.teaser.tile-highlight img,.teaser.tile-primary img,.teaser.tile-info img,.teaser.tile-neutral img,.tile.teaser svg,.teaser.tile-highlight svg,.teaser.tile-primary svg,.teaser.tile-info svg,.teaser.tile-neutral svg{float:left;width:52px}.tile.teaser header,.teaser.tile-highlight header,.teaser.tile-primary header,.teaser.tile-info header,.teaser.tile-neutral header{margin-left:60px;font-size:22px}.tile.teaser p,.teaser.tile-highlight p,.teaser.tile-primary p,.teaser.tile-info p,.teaser.tile-neutral p{margin:5px 0 0 60px;font-size:16px;text-decoration:none;font-weight:600;line-height:1.3em;text-align:left}.tile-highlight{background-color:#e74c3c;color:#FFF}.tile-primary{background-color:#3498db;color:#FFF}.tile-info{margin-top:-20px;background-color:#3498db;border-top:1px solid rgba(255,255,255,0.2);color:#FFF}.tile-neutral{background-color:#eee;color:#3498db}.tile-list{list-style:none;margin:-10px;margin-top:20px}.tile-list:before,.tile-list:after{content:" ";display:table}.tile-list:after{clear:both}.tile-list li{box-sizing:border-box;padding:0 10px;float:left;width:50%}.tile-list li .tile-neutral{margin-bottom:10px}nav.main .tile-list{margin:0;margin-top:20px}nav.main .tile-list li{padding:0;float:none;width:100%}nav.main .tile-list li .tile-neutral{background-color:#FFF}nav.main .tile-list li:last-child .tile-neutral{margin-bottom:0}@media only screen and (max-width: 750px){.tile-list{margin:0;margin-bottom:20px}.tile-list li{padding:0;float:none;width:100%}.tile-list li .teaser.tile-neutral{min-height:50px}.tile-list li .teaser{margin-bottom:10px}.content .tile-list li .teaser header{margin-bottom:10px}}@media only screen and (min-width: 751px) and (max-width: 1000px){nav.main .tile-neutral{margin-bottom:10px}.tile-list{margin-bottom:20px}.tile-list li{float:none;width:auto}.tile-list li .teaser.tile-neutral{min-height:50px}}input,textarea{box-sizing:border-box;margin-top:20px;border:0;outline:none;font-size:1em}textarea{width:100%;padding:10px;resize:none;line-height:1.3em}*{-webkit-tap-highlight-color:rgba(255,255,255,0)!important;outline:none!important}body{padding:0;margin:0;background-color:#FFF;min-height:100%;overflow-x:hidden}.app-container{width:100%;overflow:hidden}#app{position:relative;transform:translate3d(0,0,0)}.main-section{margin:0 auto;width:900px;box-sizing:border-box;padding:0 20px}.content{background-color:#fff}.content .main-section{margin-top:40px;margin-bottom:40px}.content p a.highlight{display:inline-block;padding:3px 5px;background-color:#e74c3c;color:#fff;text-decoration:none}.static .content ul{list-style:circle;padding-left:16px}.static .content a{color:#e74c3c}section.externalTeaser{margin:0 0 40px;background-color:#ecf0f1}section.externalTeaser .main-section{margin:0 auto}section.externalTeaser ul{display:block}section.externalTeaser ul li{width:100%}section.externalTeaser ul li a{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:20px 10px;color:#3498db;text-align:center;text-decoration:none}section.externalTeaser ul li a .btn-highlight{margin:20px 0 0;white-space:nowrap;align-self:center}section.externalTeaser ul li a .btn-highlight svg{width:30px;fill:#fff;display:inline-block;margin-right:10px;vertical-align:middle}section.externalTeaser ul li + li a{margin-top:10px}section.previewTeaser{border:1px solid #1d91cd;padding:3px;margin-bottom:40px;display:none}section.previewTeaser a{display:flex;align-items:flex-start;padding:10px;text-decoration:none;color:#fff;background-color:#1d91cd}section.previewTeaser a img{width:25%;max-width:150px;margin-right:20px}section.previewTeaser a .details h2{text-align:left}section.previewTeaser a .details h2 em{display:inline-block;padding:2px 8px;background-color:#ffd200;border-radius:10px;margin-right:5px;color:#2c3e50;text-transform:uppercase;font-size:55%;font-weight:700;vertical-align:bottom}@media only screen and (max-width: 750px){.main-section{width:100%;padding:0 10px}.content .main-section{margin-top:20px;margin-bottom:20px}section.previewTeaser a{flex-direction:column;align-items:center;text-align:center}section.previewTeaser a .details h2{text-align:center}section.previewTeaser a img{margin-bottom:10px;width:auto;min-width:0;height:100px}}@media only screen and (max-width: 400px){ul.games li{width:50%}}
@keyframes djqRmU-8e7a8d5a{ 0%{ opacity: 0} to{ opacity: .8}} @keyframes etkMLf-8e7a8d5a{ 0%, 80%, to{ transform: scale(0)} 40%{ transform: scale(1)}} .dgmlwU[data-v-8e7a8d5a]{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; animation: djqRmU-8e7a8d5a .2s cubic-bezier(.25, .1, .25, 1) both; z-index: 100001} .AFSJx[data-v-8e7a8d5a]{ display: flex; align-items: center; justify-content: center} .AFSJx div[data-v-8e7a8d5a]{ width: 18px; height: 18px; margin: 0 2px; border-radius: 100%; background: #ff5e62 !important; animation: 1.4s ease-in-out 0s infinite normal both running etkMLf-8e7a8d5a;} .AFSJx div[data-v-8e7a8d5a]:nth-child(2){ animation-delay: -.16s}
.header[data-v-8e7a8d5a] {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
height: 70px;
opacity: 1;
background: #fc0;
box-shadow: 0 1px 2px #0003;
padding: 0 80px;
box-sizing: border-box
}
.app-module[data-v-1f7a4c38] {
position: absolute;
left: 0;
top: 0;
height: var(--height, 100%);
width: var(--width, 100%);
--width: 100vw;
min-height: var(--minHeight, 100vh);
z-index: 5;
background-color: #127dab;
overflow: hidden
}
.app-module .setting[data-v-1f7a4c38] {
position: absolute;
left: 0;
top: 0
}
/* Global layout changes */
.main-section {
max-width: 1200px !important;
padding: 0 30px !important;
}
body {
font-family: 'Segoe UI', 'Nunito', sans-serif !important;
}
header.main {
padding: 15px 0 !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
}
ul.games li .icon .clamp {
display: none !important;
}
ul.games li .icon img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.AFSJx, .dgmlwU, .header[data-v-8e7a8d5a] {
display: none !important;
}
.content p a.highlight {
background: linear-gradient(135deg, #ff9966 0%, #ff5e62 100%) !important;
border-radius: 20px !important;
padding: 5px 15px !important;
}
/* Change app container background */
.app-container {
background: url('https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&w=2070&auto=format&fit=crop') no-repeat center center fixed !important;
background-size: cover !important;
}
.app-container::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85); /* Light overlay to make content readable */
z-index: -1;
}
body, .content {
background-color: transparent !important;
}
header.main {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%) !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
border-bottom: none !important;
}
header.main .menuHolder label[for="navigationTrigger"] {
background-color: rgba(255,255,255,0.2) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
width: 40px !important;
height: 40px !important;
margin-top: 5px !important;
cursor: pointer !important;
transition: background-color 0.3s !important;
}
header.main .menuHolder label[for="navigationTrigger"]:hover {
background-color: rgba(255,255,255,0.4) !important;
}
header.main .menuHolder label[for="navigationTrigger"] svg {
fill: #fff !important;
width: 25px !important;
height: 25px !important;
}
.language-select .value {
background-color: rgba(255,255,255,0.2) !important;
border-radius: 20px !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 10px !important;
height: 40px !important;
}
.language-select {
height: 40px !important;
margin-top: 5px !important;
}
h1, .h1, h2, .h2 {
color: #ff5e62 !important;
text-transform: capitalize !important;
letter-spacing: 0 !important;
font-weight: 900 !important;
}
ul.games {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
gap: 25px !important;
margin: 0 !important;
}
ul.games:before, ul.games:after {
display: none !important;
}
ul.games li {
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border-radius: 20px !important;
box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s !important;
}
ul.games li:hover {
transform: translateY(-8px) scale(1.02) !important;
box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}
ul.games li .icon {
border: none !important;
border-radius: 20px 20px 0 0 !important;
box-shadow: none !important;
padding-bottom: 0 !important; /* Fixed image ratio issue */
height: 140px !important;
overflow: hidden !important;
}
ul.games li .name-container {
background: #fff !important;
padding: 12px 5px !important;
height: auto !important;
border-radius: 0 0 20px 20px !important;
}
ul.games li .name {
color: #333 !important;
font-weight: 800 !important;
font-size: 15px !important;
}
/* Redesign footer completely */
footer.main {
background: transparent !important;
border-top: none !important;
margin-top: 60px !important;
box-shadow: none !important;
position: relative !important;
}
footer.main::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(0, 210, 255, 0.9) 0%, rgba(58, 123, 213, 0.9) 100%) !important;
backdrop-filter: blur(10px);
z-index: -1;
}
footer.main .footer-content section.tags nav.main ul li a {
background-color: rgba(255,255,255,0.2) !important;
border-radius: 25px !important;
color: #fff !important;
}
footer.main .footer-content section.tags nav.main ul li a:hover {
background-color: #ff5e62 !important;
}
.btn-primary, .btn-container a {
background: linear-gradient(135deg, #ff9966 0%, #ff5e62 100%) !important;
border-radius: 30px !important;
color: #fff !important;
border: none !important;
box-shadow: 0 4px 15px rgba(255, 94, 98, 0.4) !important;
text-transform: uppercase !important;
font-weight: bold !important;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
display: inline-block !important;
}
.btn-primary:hover, .btn-container a:hover {
background: linear-gradient(135deg, #ff5e62 0%, #ff9966 100%) !important;
transform: scale(1.05) !important;
}
.main-section {
background: transparent !important;
}
.game header .icon {
border-radius: 25px !important;
border: 4px solid #fff !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}
.tile-highlight {
background: linear-gradient(135deg, #ff9966 0%, #ff5e62 100%) !important;
border-radius: 15px !important;
}
/* Add animation to tiles */
.tile-neutral, .tile-highlight {
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s !important;
}
.tile-neutral:hover, .tile-highlight:hover {
transform: translateY(-5px) !important;
box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
section.externalTeaser {
background: transparent !important;
padding: 20px 0 !important;
}
section.externalTeaser ul li a {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%) !important;
border-radius: 20px !important;
color: white !important;
box-shadow: 0 10px 20px rgba(58, 123, 213, 0.3) !important;
transition: transform 0.3s !important;
}
section.externalTeaser ul li a:hover {
transform: translateY(-5px) !important;
}
section.externalTeaser ul li a h2 {
color: white !important;
}
section.externalTeaser ul li a .btn-highlight {
background: white !important;
color: #3a7bd5 !important;
border-radius: 30px !important;
font-weight: bold !important;
}
header.main .main-section {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 20px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
/* Replace SVG logo with Text Logo */
header.main .logo svg {
display: none !important;
}
header.main .logo {
order: 1 !important;
margin: 0 !important;
text-decoration: none !important;
}
header.main .logo::after {
content: "PlayJoy" !important;
font-size: 32px !important;
font-weight: 900 !important;
color: #fff !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
letter-spacing: 2px !important;
}
header.main .menuHolder {
position: relative !important;
order: 3 !important;
}
header.main .language-select {
position: static !important;
order: 2 !important;
margin-right: 20px !important;
}
.content .main-section {
max-width: 1200px !important;
padding: 30px !important;
background: rgba(255, 255, 255, 0.9) !important;
border-radius: 20px !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
margin-top: 40px !important;
}
h2.h1 {
text-align: left !important;
font-size: 2em !important;
border-bottom: 3px solid #ff5e62 !important;
padding-bottom: 10px !important;
margin-bottom: 20px !important;
display: flex !important;
align-items: center !important;
}
h2.h1 a {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
}
h2.h1 a img {
height: 30px !important;
margin-right: 15px !important;
}
.btn-container {
text-align: right !important;
margin-top: 10px !important;
margin-bottom: 40px !important;
}
/* Hide old navigation styling to prevent conflicts */
nav.main {
margin-top: 0 !important;
}
header.main .menuHolder nav.main {
border-radius: 15px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
padding: 15px !important;
background: #fff !important;
top: 50px !important;
left: auto !important;
right: 0 !important;
z-index: 1000 !important;
}
header.main .menuHolder nav.main ul > li a {
font-size: 16px !important;
font-weight: 600 !important;
padding: 12px 10px !important;
color: #3a7bd5 !important;
border-bottom: 1px dashed #eee !important;
}
header.main .menuHolder nav.main ul > li a.active,
header.main .menuHolder nav.main ul > li a:hover {
color: #ff5e62 !important;
}
header.main .menuHolder nav.main ul > li a.active:before,
header.main .menuHolder nav.main ul > li a:hover:before {
background-color: #ff5e62 !important;
}
/* Hide powered by text completely */
footer.main .powered-by-famobi {
display: none !important;
}
.app-module .setting[data-v-1f7a4c38] {
display: none !important;
}
footer.main .footer-content {
max-width: 1200px !important;
}
footer.main .footer-content section.tags nav.main {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
footer.main .footer-content section.tags nav.main ul {
justify-content: center !important;
gap: 15px !important;
}
footer.main .footer-content section.tags nav.main ul li {
padding: 0 !important;
}
footer.main .footer-content section.tags nav.main ul li a {
padding: 12px 25px !important;
font-size: 14px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}
/* Improve spacing around games grid */
.content .main-section {
padding-bottom: 50px !important;
}
a {
transition: color 0.3s !important;
}
.game .for-companies {
display: none !important;
}
.game .game-languages {
display: none !important;
}
.game .icon-downloads figure img {
border: none !important;
border-radius: 15px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
.game .similarGames h2 {
color: #ff5e62 !important;
font-size: 2em !important;
text-transform: capitalize !important;
}
.game header .background {
border-radius: 20px !important;
margin-bottom: 30px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
overflow: hidden !important;
}
.game header .background .backgroundDarken {
background: linear-gradient(135deg, rgba(0,210,255,0.85) 0%, rgba(58,123,213,0.85) 100%) !important;
backdrop-filter: blur(8px) !important;
padding: 60px 0 !important;
}
.game header h1 {
font-size: 2.5em !important;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
margin-top: 15px !important;
}
.game .play-btn-container .play-btn {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%) !important;
border-radius: 50px !important;
color: white !important;
box-shadow: 0 10px 20px rgba(58, 123, 213, 0.4) !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 900 !important;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.game .play-btn-container .play-btn:hover {
transform: scale(1.1) !important;
background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%) !important;
}
/* Enhance game descriptions */
.game .game-description {
background: rgba(255, 255, 255, 0.9) !important;
padding: 30px !important;
border-radius: 20px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
font-size: 1.1em !important;
line-height: 1.8 !important;
color: #444 !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.game .game-categories ul li a {
background-color: #f0f8ff !important;
color: #3a7bd5 !important;
border: 1px solid #00d2ff !important;
border-radius: 15px !important;
padding: 8px 15px !important;
font-weight: bold !important;
}
.game .game-categories ul li a:hover {
background-color: #00d2ff !important;
color: white !important;
}
/* Clean up iframe styles if any */
iframe {
border-radius: 15px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}
.game .similarGames ul.games li {
padding-left: 0 !important;
padding: 10px !important;
}
.game .similarGames ul.games {
margin-left: 0 !important;
}
/* Adjust mobile layout specifically */
@media only screen and (max-width: 750px) {
.main-section {
padding: 0 15px !important;
}
header.main .logo::after {
font-size: 24px !important;
}
h2.h1 {
font-size: 1.5em !important;
}
.game header h1 {
font-size: 1.8em !important;
}
}
@media only screen and (max-width: 750px) {
ul.games {
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
}
ul.games li .icon {
height: 100px !important;
}
.content .main-section {
margin-top: 10px !important;
padding: 15px !important;
}
}
/* Further tweaks for mobile responsiveness */
@media only screen and (max-width: 480px) {
header.main .logo::after {
font-size: 20px !important;
}
.game header h1 {
font-size: 1.5em !important;
}
.game .play-btn-container .play-btn {
width: 60% !important;
font-size: 18px !important;
}
}
.consent-box-holder {
background: rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(5px) !important;
}
.consent-box {
background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%) !important;
border: 2px solid #00d2ff !important;
border-radius: 20px !important;
box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;
padding: 30px !important;
}
.consent-box-logo {
display: none !important;
}
.consent-box-message {
font-size: 1.1em !important;
line-height: 1.5 !important;
color: #444 !important;
}
.consent-box-button {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%) !important;
border: none !important;
border-radius: 30px !important;
padding: 12px 30px !important;
font-size: 1.2em !important;
box-shadow: 0 5px 15px rgba(58, 123, 213, 0.4) !important;
color: #fff !important;
font-weight: bold !important;
transition: transform 0.2s !important;
}
.consent-box-button:hover {
transform: scale(1.05) !important;
}
.consent-box-links a {
color: #ff5e62 !important;
font-weight: bold !important;
text-decoration: none !important;
}
.consent-box-links a:hover {
text-decoration: underline !important;
}