@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:#00596d;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:#00596d;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:#00596d;text-decoration:none}h3,.h3{font-size:1.125em;line-height:1.22222em;font-weight:800;text-transform:uppercase}h3 a,.h3 a{color:#00596d;text-decoration:none}h4,.h4{font-size:.875em;line-height:1.57143em;font-weight:800;text-transform:uppercase}h4 a,.h4 a{color:#00596d;text-decoration:none}p{margin-top:.6875em}p.withMargin{margin:0 0 1em}p a{color:#e44c25;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:#333;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:#e44c25;color:#FFF}.btn-primary{background-color:#00596d;color:#FFF}.btn-neutral{background-color:#ececec;color:#00596d}.btn-transparent{background-color:transparent;color:#333}.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:#333}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:#555;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:#ececec;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:#ececec}nav.main ul > li a{position:relative;display:block;text-decoration:none;font-size:16px;line-height:28px;border-bottom:1px solid #dfdfdf;padding:10px 0;color:#00596d}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:#00596d}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:#e44c25}nav.main ul > li a.active:before{background-color:#e44c25}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:#555;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:#333;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:#222;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:#00596d}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 20px 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:#ececec;margin:0 5px 5px 0}.game .game-categories ul li a{display:block;padding:4px 10px 2px;text-decoration:none;color:#00596d}.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%,#ececec),color-stop(100%,rgba(236,236,236,0)));background:linear-gradient(to bottom,#ececec 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:#00596d;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:#e44c25;color:#FFF}.tile-primary{background-color:#00596d;color:#FFF}.tile-info{margin-top:-20px;background-color:#00596d;border-top:1px solid rgba(255,255,255,0.2);color:#FFF}.tile-neutral{background-color:#eee;color:#00596d}.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 .main-section{margin-top:40px;margin-bottom:40px}.content p a.highlight{display:inline-block;padding:3px 5px;background-color:#e44c25;color:#fff;text-decoration:none}.static .content ul{list-style:circle;padding-left:16px}.static .content a{color:#e44c25}section.externalTeaser{margin:0 0 40px;background-color:#ececec}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:#00596d;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:#333;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: #fff; 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 } /* 搜索容器 - 与menuHolder对称 */ .search-wrapper { position: absolute; right: 20px; top: 20px; z-index: 100; } /* 搜索按钮 - 与菜单按钮完全对称 */ .search-toggle { width: 58px; height: 35px; border-radius: 10px; background-color: #555; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; } .search-toggle:hover { background-color: #666; } .search-toggle svg { width: 20px; height: 20px; fill: #fff; } /* 搜索框 - 导航栏下方全宽弹出 */ .search-box { position: fixed; top: 100px; /* 匹配导航栏高度 */ left: 0; width: 100%; background-color: #333; padding: 15px 0px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index: 999; display: none; animation: slideDown 0.3s ease; } .search-box.active { display: block; } /* 搜索框内部容器 - 调整为flex布局 */ .search-box-inner { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; /* padding: 0 20px; */ gap: 20px; /* 按钮与输入框间距 */ max-width: 900px; } /* 输入框样式 - 与现有设计风格一致 */ #searchInput { flex: 1; /* 占据剩余空间 */ padding: 12px 20px; border: none; border-radius: 25px; font-size: 16px; background-color: #555; color: #fff; margin-left: 20px; } /* 搜索按钮样式 - 匹配设计风格 */ #searchSubmit { width: 100px; border: none; border-radius: 25px; background-color: #e44c25; /* 使用主题高亮色 */ color: white; font-weight: bold; cursor: pointer; transition: background-color 0.2s; margin-right: 20px; } #searchSubmit:hover { background-color: #f05a32; /* 悬停效果 */ } /* 动画效果 - 与游戏分类菜单一致 */ @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* 响应式调整 - 与现有断点一致 */ @media only screen and (max-width: 750px) { .search-wrapper { right: 10px; top: 14px; } .search-box { top: 80px; /* padding: 10px; */ } #searchInput { padding: 10px 15px; border-radius: 15px; } } .search-wrapper input { margin-top: 0px; } .copyright-text { margin-bottom: 8px; /* 控制版权声明和链接的间距 */ } .footer-links a { color: inherit; /* 继承父元素颜色 */ text-decoration: none; /* 移除下划线 */ margin: 0 5px; /* 链接左右间距 */ } .footer-links a:hover { text-decoration: underline; /* 鼠标悬停时显示下划线 */ } /* 活泼游戏风格配色方案 */ :root { --primary-color: #3a0ca3; /* 皇家紫 */ --secondary-color: #f72585; /* 霓虹粉 */ --accent-color: #4cc9f0; /* 电光蓝 */ --highlight-color: #ffbe0b; /* 柠檬黄 */ --dark-bg: #1a1a2e; /* 深空蓝 */ --light-bg: #f8f9fa; /* 雪白 */ --success-color: #2ec4b6; /* 薄荷绿 */ /* 极浅紫色（带微妙色彩倾向） */ --gradient-bg: linear-gradient(135deg, #72efdd 0%, #ff9a8b 100%); /* 浅色背景 */ --text-dark: #333333; /* 深色文本 */ --text-light: #ffffff; } /* 动态渐变背景 */ body { /* background: linear-gradient(135deg, var(--light-bg) 0%, #e2e6ea 100%); animation: bgPulse 15s infinite alternate; */ background: var(--gradient-bg) fixed; background-size: 400% 400%; animation: gradientBG 15s ease infinite; } /* 动态背景动画 */ @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* 2. 内容区域改为半透明玻璃态效果 */ .content { /* background: rgba(255, 255, 255, 0.85); */ backdrop-filter: blur(10px); /* border-radius: 12px; */ /* box-shadow: 0 8px 32px rgba(31, 32, 65, 0.1); */ } /* 3D按钮效果 */ .btn { position: relative; background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; z-index: 1; } .btn:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #f83a8d, #d91a72); opacity: 0; transition: opacity 0.3s; z-index: -1; } .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 0 #c2185b, 0 15px 25px rgba(0, 0, 0, 0.3); } .btn:active { transform: translateY(4px); box-shadow: 0 2px 0 #c2185b; } .btn:hover:before { opacity: 1; } /* 霓虹标题效果 */ h1, h2, h3 { text-shadow: 0 0 10px rgba(74, 20, 140, 0.3), 0 0 20px rgba(74, 20, 140, 0.2); position: relative; display: inline-block; } h1:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--secondary-color), var(--accent-color)); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; } h1:hover:after { transform: scaleX(1); } /* 游戏卡片 - 悬浮效果 */ ul.games li a { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); perspective: 1000px; } ul.games li a:hover { transform: translateY(-10px) rotateX(5deg); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); } ul.games li .icon { border: 3px solid var(--highlight-color); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); transition: all 0.3s; } ul.games li:hover .icon { border-color: var(--secondary-color); box-shadow: 0 15px 25px rgba(247, 37, 133, 0.3); } /* 脉冲动画元素 */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .pulse { animation: pulse 2s infinite; } /* 导航菜单光效 */ nav.main ul>li a:before { background: linear-gradient(90deg, var(--secondary-color), var(--accent-color)); width: 0; transition: width 0.3s; } nav.main ul>li a:hover:before { width: 5px; } /* 页脚波浪分割线 */ footer.main { position: relative; overflow: hidden; background-color: var(--dark-bg); } /* footer.main:before { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; background: url('data:image/svg+xml;utf8,'); background-size: cover; } */ /* 响应式调整 */ @media (max-width: 768px) { .btn { padding: 12px 24px; font-size: 14px; } ul.games li:hover { transform: translateY(-5px); } } /* 导航栏样式 */ header.main { background-color: var(--dark-bg); } nav.main { background-color: var(--light-bg); } nav.main ul>li a { color: var(--text-dark); border-bottom: 1px solid #dee2e6; } nav.main ul>li a.active { color: var(--accent-color); } ul.games li .name { color: var(--text-dark); } header.main .menuHolder label[for="navigationTrigger"] { /* background-color: #555; */ background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } button { /* background-color: #555; */ background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .play-btn { /* background-color: #555; */ background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .btn-primary { background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .footer-content .tags a { /* background-color: #555; */ background: linear-gradient(145deg, var(--secondary-color), #d91a72); color: white; border: none; border-radius: 50px; box-shadow: 0 6px 0 #c2185b, 0 12px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } /* 搜索框 - 导航栏下方全宽弹出 */ .search-box { background-color: var(--dark-bg); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }