:root {--font:Lato, 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;--violetxt:#806cb7;--violetxta:rgba(178,158,234,0.6);--ebluecolor:#29abe2;}
body {-webkit-overflow-scrolling:touch;position:relative;margin:0;padding:0;outline:0;border:0;font-family:var(--font);font-size:15px;font-weight:normal;line-height:1.6;color:#fafafa;background:#0f0b22;}
html, body {height:100%;}
a, a:hover, a:active {color:#d0caff;text-decoration:none;}
article, aside, header, footer, main, nav, section {display:block;}
*,:after,:before {position:relative;box-sizing:border-box;margin:0;padding:0;}
*:focus {outline:0;}
h1, h2, h3, h4, h5, h6 {color:#fff;}
h1, h2, h3, h4 {font-size:1em;font-weight:500;margin:0 0 14px 0;padding:0;}
h1 {font-size:3em;font-weight:900;}
h2 {font-size:2.8em;font-weight:900;}
h3 {font-size:2.1em;letter-spacing:0.04em;margin:0 0 13px 0;font-weight:900;}
h4 {font-size:1.6em;letter-spacing:0.04em;margin:0 0 12px 0;}
h5 {font-size:1.2em;letter-spacing:0.04em;}
@media (max-width:768px) {h2 {font-size:2.2em;}
h3 {font-size:1.9em;}}
ul,ol {display:block;padding:0 40px 20px 40px;}
ul li,ol li {margin-bottom:6px;}
ul.clean, ol.clean,li ul.clean, li ol.clean {list-style-type:none;margin:0;padding:0;}
#format {display:block;display:flex;flex-flow:column;min-height:100%;height:100%;}
#format #header {flex:0 0 auto;}
#format #core {flex:1 0 auto;}
#format #footer {flex:1 0 auto;}
#format::after, #header::after, #core::after, #guts::after, #footer::after, .contain::after, section::after, article::after {content:"";clear:both;display:table;}
#core {margin:0;margin-top:80px;border:0;padding:0;color:#fafafa;font-size:15px;font-weight:300;letter-spacing:0.01em;background:url('/assets/bkg-general-top-solid.jpg');background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% auto;}
#guts {position:relative;display:block;margin:0;padding:0 0 40px 0;}
.contain {position:relative;width:100%;max-width:1156px;margin-right:auto;margin-left:auto;}
@media (max-width:1196px) {#core {background-size:1196px auto;}
.contain {max-width:calc(100% - 40px);margin-right:20px;margin-left:20px;}}
@media (max-width:991px) {#guts {padding-bottom:40px;}}
@media (max-width:756px) {#guts {padding-bottom:30px;}}
@media (max-width:575px) {#core {font-size:13px;letter-spacing:initial;}
#guts {padding-bottom:20px;}
.contain {max-width:calc(100% - 30px);margin-right:15px;margin-left:15px;}}
#header {z-index:8128;position:fixed;width:100%;height:80px;background:#000;box-shadow:0px 0px 12px 0 rgba(0,0,0,0.3);}
#header .contain {display:flex;flex-flow:row;align-items:center;justify-content:space-between;margin:16px auto;}
#header .contain::after {content:none;display:none;}
#logo {display:inline-block;width:192px;height:auto;text-decoration:none;}
#logo:hover,#logo:active,#logo:focus {text-decoration:none;}
#logo img {display:block;width:100%;max-width:220px;height:auto;}
#header nav {}
#header nav a {display:inline-block;padding:10px 5px 12px 5px;margin:0px 20px;color:#fff;font-size:1.1em;text-decoration:none;white-space:nowrap;transition:all .2s ease;}
#header nav a:hover {text-decoration:none;color:#d5d0ff;}
#header nav a:after {position:absolute;bottom:6px;left:50%;display:block;overflow:hidden;margin-left:0;width:0;height:3px;background:#413b70;content:'-';text-indent:101%;transition:all .2s ease;}
#header nav a:hover:after, #header nav a.active:after {width:100%;margin-left:-50%;}
#header nav a:hover:after {background:#9588ff;}
#header nav a.active:after, #header nav a.active:hover:after {background:#9588ff;}
@media (max-width:767px) {#header {position:relative;height:auto;min-height:80px;}
#core {margin-top:0;}
#header .contain {flex-flow:column;margin:18px auto 0px auto;}
#header .contain b {display:none;}}
@media (max-width:600px) {#header nav a {margin:10px 10px 4px 10px;}
#home-page #header nav a {margin:0px 10px;}
#header nav {display:flex;flex-wrap:wrap;align-items:center;justify-items:center;justify-content:center;}}
@media (max-width:365px) {#header nav a {margin:10px 5px 4px 5px;font-size:1.0em;}
#home-page #header nav a {margin:0px 5px;}}
#footer {background:#15112b;color:#fff;font-size:14px;border-top:1px solid #2c2940;}
#footer .contain {display:flex;flex-flow:row;flex-wrap:wrap;align-items:center;justify-content:space-between;align-content:space-evenly;height:100%;}
#footer .contain::after {content:none;display:none;}
#footer .contain > div {flex:1 1;margin-top:5%;}
#footer .contain > div.middle {flex:1 1 100%;margin-top:1%;text-align:center;}
#footer .contain > div.full {flex:1 1 100%;margin:1% 0 3% 0;text-align:center;}
#footer .contain > div.full, #footer .contain > div.full a {color:#666193;}
#footer .contain > div.right {display:flex;flex-flow:row;flex-wrap:nowrap;justify-content:flex-end;text-align:right;}
#footer .logo {display:block;width:192px;height:auto;vertical-align:middle;}
#footer .logo img {width:100%;}
#footer a.follow {display:inline-block;width:50px;height:50px;line-height:50px;border-radius:25px;background:#aaa;margin:0 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.4s;}
#footer a.follow:hover {transform:rotate(360deg) scale(1.2);text-decoration:none;}
#footer a.follow img {width:24px;}
#footer a.follow.ig {background-color:#e1306c;}
#footer a.follow.in {background-color:#1262ba;}
#footer a.follow.yt {background-color:#f92314;}
#footer a.follow.di {background-color:#8c9eff;}
#footer a.follow.tw {background-color:#1fb6f9;}
#footer a.follow.fb {background-color:#3b5998;}
#footer a.follow.ig:hover, #footer a.follow.ig:active, #footer a.follow.ig:focus {background-color:#f03a78;}
#footer a.follow.in:hover, #footer a.follow.in:active, #footer a.follow.in:focus {background-color:#307fd6;}
#footer a.follow.yt:hover, #footer a.follow.yt:active, #footer a.follow.yt:focus {background-color:#ff4c40;}
#footer a.follow.di:hover, #footer a.follow.di:active, #footer a.follow.di:focus {background-color:#acb9ff;}
#footer a.follow.tw:hover, #footer a.follow.tw:active, #footer a.follow.tw:focus {background-color:#4cc7fd;}
#footer a.follow.fb:hover, #footer a.follow.fb:active, #footer a.follow.fb:focus {background-color:#486bb4;}
#footer a.txt {color:#b2b2b2;text-decoration:none;}
#footer a.txt:hover, #footer a.txt:active, #footer a.txt:focus {color:#fff !important;text-decoration:none;border-bottom:1px solid #29abe2;}
#footer #mc_embed_signup {background:none;clear:left;font-size:14px;font-family:var(--font);width:100%;}
#footer #mc_embed_signup label {font-weight:normal !important;color:#8d86c9;white-space:nowrap;}
#footer #mc_embed_signup input.email {border:0;background-color:#c1bfd7;}
#footer #mc_embed_signup .button {background-color:#8d86c9;}
#footer #mc_embed_signup .button:hover {background-color:#a59ee9;}
@media (max-width:768px) {#footer .contain > div.middle {padding:0 25%;}}
@media (max-width:600px) {#footer .contain {flex-flow:column;}
#footer .contain > div {text-align:center;}
#footer .contain > div.middle {padding:0;}}
@media (max-width:374px) {#footer a.follow {width:40px;height:40px;}
#footer a.follow img {width:20px;}}
#zoom {z-index:-1;position:absolute;display:block;top:0;right:0;bottom:0;left:0;overflow:hidden;}
#zoom sub {position:absolute;display:block;width:100px;height:100px;text-indent:-9999em;background:rgba(255,255,255,0.1);}
#back-to {display:block;margin:40px auto 20px auto;padding-left:30px;max-width:1230px;font-size:1.1em;}
#back-to a {display:inline-block;height:25px;line-height:25px;padding-left:38px;color:#fff;letter-spacing:0.1em;text-decoration:none;}
#back-to a svg {position:absolute;left:0;}
#back-to a:hover, #back-to a:active, #back-to a:focus {color:#54ccff;text-decoration:none;}
#back-to a:hover svg rect, #back-to a:active svg rect, #back-to a:focus svg rect {fill:#54ccff;}
#sub-header h2 {text-transform:uppercase;margin:0 0 20px 0;display:flex;flex-direction:row;align-items:flex-start;}
#sub-header b {flex-basis:fit-content;flex-grow:0;flex-shrink:1;}
#sub-header h2:before, #sub-header h2:after{content:"";border-bottom:2px solid rgba(255,255,255,0.2);margin:auto;}
#sub-header h2:before {margin-right:10px;min-width:15px;width:10%;flex-basis:calc(100vw - 600px - 50%);}
#sub-header h2:after {margin-left:10px;flex-grow:1;flex-basis:min-content;}
div.divider,div.divider-wide {content:"";margin:2% 0 4% 0;padding:0;border-top:1px solid rgba(255,255,255,0.14);font-size:1px;height:1px;width:100%;}
div.divider-wide {width:100vw;left:50%;margin-left:-50vw;}
aside.msg {margin:10px auto 30px auto;padding:16px;max-width:840px;border:8px solid #a093ef;border-radius:1px;background:rgba(255, 255, 255, 0.1);font-size:1.2em;}
aside.msg.error {border:8px solid #f00;}
article.info {position:relative;width:100%;max-width:1000px;margin:0 auto 40px auto;padding:0 20px;}
article.info p {margin:0 0 15px 0;padding:0;}
article.info h3 {margin:0 0 13px 0;}
article.info a {border-bottom:1px solid #554e8d;}
article.info a:hover, article.info a:active, article.info a:focus {border-color:#29abe2;}
article.info blockquote {margin:5px 5% 5px 5%;}
article.info .smaller {font-size:0.85em;}
article.info .smallest {font-size:0.7em;}
article.info b.flexy {display:flex;align-items:center;}
article .body .video {position:relative;width:100%;height:0;padding-bottom:56.25%;}
article .body .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;background:#111;border:0;border-radius:10px;overflow:hidden;}
#home-page #core {background-image:none;}
#home-page #core .contain {max-width:1440px;}
#home-page #core #guts {}
@media (max-width:1220px) {#home-page #core .contain {max-width:100%;margin-right:0px;margin-left:0px;}}
@media (max-width:575px) {#home-page #core .contain {max-width:100%;margin-right:0px;margin-left:0px;}}
#home-page #logo.hidden img {display:none;}
#home-page #logo.shown img {display:block;}
#home-cover {position:relative;display:block;width:100%;height:auto;text-align:center;background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% auto;background-image:url('/assets/home-cover-cs.jpg');}
#home-cover-fit {position:relative;display:block;width:100%;padding-bottom:56.25%;padding-bottom:59.722%;}
#home-cover-logo {position:absolute;display:block;top:38%;left:40%;top:calc(50% - 121px);left:calc(50% - 144px);width:287px;text-align:center;}
#home-cover-logo img {width:100%;height:auto;}
@media (max-width:768px) {#home-cover-logo {top:20%;left:30%;width:40%;}}
#home-page a.goto {display:inline-block;padding:8px 16px;background:#8d86c9;color:#fff;border-radius:30px;font-size:0.9em;text-decoration:none;box-shadow:0 0 20px rgba(0,0,0,0.5);transition:all 0.23s ease-in-out 0s;}
#home-page a.goto:hover {background:#29abe2;text-decoration:none;}
#home-games {background-image:url('/assets/bkg-home-games-fit.jpg');background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;}
#home-news {background-image:url('/assets/bkg-home-news-fit.jpg');background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;}
#home-page .slicky {display:block;position:relative;width:100%;margin:0;padding:5% 0 6% 0;}
#home-page .slicky h3 {font-size:2.6em;margin:0;margin-left:4%;}
#home-page .slicky h4 {font-size:1.3em;font-weight:100;}
#home-page .slicky h3, #home-page .slicky h4, #home-page .slicky .goto {margin-left:4%;margin-left:4vw;}
#home-page .slicky ul {padding:0;margin:0 0 3% 0;}
#home-page .slicky li {max-width:520px;padding:20px;max-width:39vw;padding:20px 0 20px 4vw;}
#home-page .slicky li a.link {display:block;color:#fff;}
#home-page .slicky li a.link:hover {color:#fff;}
#home-page .slicky li img {width:100%;height:auto;margin-bottom:3%;border-radius:4px;box-shadow:0px 0px 15px 0 rgba(0,0,0,0.4);}
#home-page .slicky li a.link img {transition:transform 0.3s;}
#home-page .slicky li a.link:hover img {transition:transform 0.6s;transform:scale(1.04);}
#home-page .slicky li .title {font-size:1.2em;}
#home-page .slicky li .posted {font-size:0.9em;color:#806cb7;}
#home-page .slicky li a.eol {display:inline-block;position:absolute;top:40%;right:-120px;}
#home-page .slicky li a.eol:hover {color:#fff;border-bottom:1px solid #29abe2;}
#home-page .slicky .slick-arrow {width:auto;height:auto;}
#home-page .slicky .slick-prev {left:unset;right:130px;top:-40px;}
#home-page .slicky .slick-prev:before {content:url('/assets/icon-arrow-prev.svg');}
#home-page .slicky .slick-next {right:50px;top:-40px;}
#home-page .slicky .slick-next:before {content:url('/assets/icon-arrow-next.svg');}
#home-page .slicky .pn-divy {content:"";display:block;position:relative;width:100%;height:0;}
#home-page .slicky .pn-divy:after {content:"";position:absolute;right:100px;top:-51px;width:0;height:24px;border-right:2px solid rgba(255,255,255,0.2);}
@media (max-width:756px) {#home-page .slicky li .title {font-size:1.1em;}}
@media (max-width:700px) {#home-page .slicky li {max-width:450px;max-width:60vw;}}
@media (max-width:480px) {#home-page .slicky li {max-width:450px;max-width:90vw;}
#home-page .slicky .slick-arrow, #home-page .slicky .pn-divy {display:none !important;}}
#home-aboutus {display:block;position:relative;width:100%;margin:0;height:0;padding-top:64.73%;background-image:url('/assets/bkg-home-aboutus-fit.jpg');background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;}
#home-aboutus .image {display:block;position:absolute;top:20%;left:6%;width:70%;height:auto;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.5);}
#home-aboutus .image img {width:100%;height:auto;}
#home-aboutus .infobox {display:block;position:absolute;top:30%;top:calc(50% - 120px);right:12%;max-width:450px;background:#220559;background:#22055994;height:auto;border-radius:10px;padding:4.5%;box-shadow:0 0 20px rgba(0,0,0,0.5);}
#home-aboutus h3 {margin:0;font-size:2.8em;font-weight:900;letter-spacing:normal;line-height:1.0em;}
#home-aboutus h4 {margin-bottom:5%;font-weight:100;font-size:1.1em;}
#home-aboutus .txt {font-weight:100;font-size:1.0em;margin-bottom:7%;}
@media (max-width:768px) {#home-aboutus h3 {font-size:2.3em;}
#home-aboutus .txt {font-size:0.9em;}}
@media (max-width:480px) {#home-aboutus .infobox {right:5%;left:5%;}
#home-aboutus .image {display:none;}}
#games-search {display:block;position:relative;width:100%;margin-bottom:4%;}
#games-search input[type='text'] {display:block;position:relative;width:100%;background:#15112C;border:1px solid rgba(255, 255, 255, 0.2);box-sizing:border-box;border-radius:8px;padding:9px 50px;font-family:var(--font);color:#fefefe;font-size:16px;font-weight:bold;}
#games-search img {display:inline-block;position:absolute;left:14px;top:9px;width:20px;height:auto;}
#games-list {position:relative;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
#games-list .game {display:inline-block;position:relative;flex:0 1 18%;width:19%;margin-bottom:5%;}
#games-list .game a {display:block;text-decoration:none;border:0;}
#games-list .game a:hover {text-decoration:none;border:0;}
#games-list .game .box {display:inline-block;overflow:hidden;width:100%;margin-bottom:8%;box-shadow:0px 2px 15px 0 rgba(0,0,0,0.2);border-radius:4px;transition:transform 0.4s;transform:scale(1.0);}
#games-list .game .box img {display:block;width:100%;height:auto;border-radius:4px;}
#games-list .game:hover .box {transition:transform 0.8s;transform:scale(1.06);}
#games-list .game .summary {display:none;position:absolute;bottom:0;right:0;left:0 ;margin:0;padding:2%;font-size:0.8em;color:#fafafa;background:rgba(0,0,0,0.5);}
#games-list .game:hover .summary {display:inline-block;}
#games-list .game .details {display:block;width:100%;text-align:left;}
#games-list .game .title {display:block;color:#fff;font-size:1.2em;font-weight:500;line-height:1.1em;letter-spacing:0.1em;margin-bottom:3%;}
#games-list .game .store {display:block;text-decoration:none;color:#806cb7;font-size:1.0em;font-weight:100;letter-spacing:0.1em;}
#games-none {display:none;margin:2% 0 8% 0;width:100%;text-align:center;font-size:2em;font-weight:normal;letter-spacing:0.09em;color:rgba(255,255,255,0.5);}
@media (max-width:768px) {#games-list .game {flex:0 1 23%;width:24%;}
#games-list .game .title {font-size:1.15em;}
#games-list .game .store {font-size:0.9em;}}
@media (max-width:575px) {#games-list .game {flex:0 1 31%;width:32%;}
#games-list .game .title {font-size:1.1em;}
#games-list .game .store {font-size:0.85em;}}
@media (max-width:425px) {#games-list .game {flex:0 1 48%;width:48%;}}
#game-detail {display:block;}
#game-gist {display:flex;flex-flow:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:40px;padding:10px;min-height:350px;background:rgba(0,0,0,0.7);border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,0.3);}
#game-gist .image {flex:0 1 25%;width:25%;min-width:230px;max-width:230px;margin-right:1.5%;overflow:hidden;border-radius:4px;}
#game-gist .image img {width:100%;height:auto;border-radius:4px;}
#game-gist .badge {position:relative;width:100%;height:0;margin-bottom:1%;padding-bottom:56.25%;overflow:hidden;border-radius:4px;}
#game-gist .badge img {width:100%;height:auto;border-radius:4px;}
#game-gist .details {display:flex;flex:1 1 65%;max-width:75%;flex-flow:column;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;}
#game-gist .group1 {flex:1 1 48%;}
#game-gist .group1 .title {font-size:2.8em;font-weight:900;text-transform:uppercase;}
#game-gist .group1 .summary {margin-bottom:3%;}
#game-gist .group2 {flex:1 1 48%;width:60%;display:flex;flex-flow:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;align-content:space-evenly;}
#game-gist .group2 label {flex:1 1 50%;}
#game-gist .group2 label i {display:block;margin-right:5px;color:#cc9def;font-size:0.8em;font-style:normal;}
#game-gist .group2 label b {display:block;color:#fff;font-size:0.9em;}
#game-gist .group2 .get {max-width:110px;}
#game-gist .group2 .get a {display:inline-block;width:100%;background:#000;border:0;padding:9px;margin-top:3px;border-radius:9px;box-shadow:0 0 6px rgba(0,0,0,0.25);text-decoration:none;cursor:pointer;transition:background 0.3s;}
#game-gist .group2 .get a:hover {text-decoration:none;background:#29abe2;}
#game-gist .group2 .platform img {max-width:36px;width:100%;}
#game-gist .group2 .platform img.icon-ios {margin-bottom:3px;}
@media (min-width:576px) {#game-gist .image {display:block;}
#game-gist .badge {display:none;}}
@media (max-width:575px) {#game-gist .image {display:none;}
#game-gist .badge {display:block;}
#game-gist {flex-flow:column;}
#game-gist .group1 {width:100%;}
#game-gist .group2 {width:100%;}
#game-gist .group2 label {margin-bottom:3%;}
#game-gist .group1 .summary {margin-bottom:6%;}}
#game-media {display:flex;flex-flow:row nowrap;flex-basis:auto;justify-content:space-between;margin-bottom:50px;}
#game-media > div {flex:1 1 auto;width:50%;}
#game-media .v16x9 {position:relative;width:100%;height:0;padding-bottom:56.25%;}
#game-media .v16x9 .youtube-player {position:absolute;top:0;left:0;width:100%;height:100%;background:#111;border:0;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.3);overflow:hidden;}
#game-media .shots {display:flex;flex-flow:row wrap;flex-basis:auto;justify-content:flex-start;justify-content:space-between;align-content:space-between;padding-left:1.5%;}
#game-media .shots > div {position:relative;display:inline-block;padding:0;border:0;flex:0 1 31%;height:auto;}
#game-media .shots > div a {display:block;width:100%;height:auto;overflow:hidden;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,0.3);}
#game-media .shots > div img {width:100%;height:auto;}
#game-media .shots > div a {transition:transform 0.2s, box-shadow 0.2s;}
#game-media .shots > div:hover a {transition:transform 0.4s, box-shadow 0.4s;transform:scale(1.06);box-shadow:0px 0px 10px 0 rgba(0,0,0,0.2);}
@media (max-width:760px) {#game-media {flex-flow:column;}
#game-media > div {width:100%;}
#game-media .shots {padding-left:0;}
#game-media .shots > div {flex:0 1 32%;margin-top:2%;}
#game-media .v16x9 .youtube-player {border-radius:10px;}}
#game-detail .description p {margin:0 0 18px 0;padding:0;}
#game-privacy-policy h4,#game-privacy-policy h5 {margin-top:15px;}
#game-privacy-policy p {margin:0 0 18px 0;padding:0;}
#articles-top2 {position:relative;}
#articles-top2 ul {display:flex;align-content:center;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:2% 0 6% 0;}
#articles-top2 li {display:inline-block;width:48%;border-radius:10px;border:1px solid transparent;margin-bottom:3%;}
#articles-top2 li > a {display:block;}
#articles-top2 li .badge {display:block;overflow:hidden;box-shadow:0px 6px 15px 0 rgba(0,0,0,0.2);background:#000;border-radius:4px;margin-bottom:3%;}
#articles-top2 li .badge img {display:block;width:100%;height:auto;}
#articles-top2 li .badge {transition:transform 0.4s;}
#articles-top2 li:hover {background:rgba(0,0,0,0.1);border-color:rgba(255,255,255,0.15);}
#articles-top2 li:hover .badge {transition:transform 1s;transform:scale(1.04);}
#articles-top2 li .details {margin:2%;}
#articles-top2 li .title {font-size:1.6em;color:#fff;font-weight:900;line-height:38px;letter-spacing:0.1em;}
#articles-top2 li .posted {font-size:0.9em;color:rgba(178, 158, 234, 0.6);}
@media (max-width:640px) {#articles-top2 ul {flex-direction:column;}
#articles-top2 li {width:100%;margin-bottom:5%;}}
#articles-list {position:relative;}
#articles-list li {display:block;width:100%;border-radius:10px;border:1px solid transparent;margin-bottom:7%;}
#articles-list li > a {display:flex;flex-flow:row nowrap;flex-basis:auto;align-items:center;justify-content:space-between;}
#articles-list li > a > div {flex:1 1 50%;}
#articles-list li .badge {display:inline-block;flex-basis:35% !important;width:35%;margin-right:5%;overflow:hidden;box-shadow:0px 6px 15px 0 rgba(0,0,0,0.2);background:#000;border-radius:4px;}
#articles-list li .badge img {display:block;width:100%;height:auto;}
#articles-list li .badge {transition:transform 0.4s;}
#articles-list li:hover {background:rgba(0,0,0,0.1);border-color:rgba(255,255,255,0.15);}
#articles-list li:hover .badge {transition:transform 1s;transform:scale(1.04);}
#articles-list li .details {display:flex;flex-flow:column;flex-basis:auto;align-items:flex-start;justify-content:space-between;margin-right:5%;}
#articles-list li .details > div {flex:1 1 auto;}
#articles-list li .title {font-size:1.6em;color:#fff;font-weight:900;line-height:1.1em;letter-spacing:0.1em;text-align:left;margin:3% 0;}
#articles-list li .posted {font-size:0.9em;color:rgba(178, 158, 234, 0.6);}
#articles-list li .summary {font-size:0.8em;color:rgba(255, 255, 255, 0.6);}
@media (max-width:480px) {#articles-list li {width:100%;}
#articles-list li .posted {font-size:0.8em;}
#articles-list li .title {font-size:1.2em;}
#articles-list li .summary {display:none;}}
#article-detail p {white-space:pre-line;}
#article-detail .badge {display:block;height:auto;text-align:center;margin:6% auto 8% auto;border-radius:5px;background:#15112b;background:rgba(21, 17, 43, 0.55);background-image:url('/assets/banner-article-generic.jpg');background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% auto;box-shadow:0 0 24px rgb(0,0,0,0.4);}
#article-detail .badge img {width:100%;max-width:640px;height:auto;margin:-3% auto;box-shadow:0 0 24px rgb(0,0,0,0.6);border-radius:5px;}
#article-detail .title {margin:0;}
#article-detail .posted {font-size:1.3em;font-weight:200;margin-bottom:30px;color:#7469a8;color:rgb(178 158 234 / 60%);}
#article-detail .body blockquote {margin:5px 5% 5px 5%;}
#article-video {background:rgba(0,0,0,0.4);border-top:1px solid rgba(255,255,255,0.15);text-align:center;padding:3% 0;}
#article-video div.centered {position:relative;max-width:760px;margin:0 auto;padding:0 20px;}
#article-video .v16x9 {position:relative;width:100%;height:0;padding-bottom:56.25%;}
#article-video .v16x9 .youtube-player {position:absolute;top:0;left:0;width:100%;height:100%;background:#111;border:0;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden;}
#article-others {position:relative;border-top:1px solid rgba(255,255,255,0.15);padding:3% 0;}
#article-others h4 {color:#7469a8;}
#article-others .see-more {color:#7469a8;text-align:right;}
#article-others .see-more a {display:inline-block;height:24px;line-height:24px;padding-right:30px;color:#7469a8;letter-spacing:0.1em;text-decoration:none;}
#article-others .see-more a svg {position:absolute;right:0;}
#article-others .see-more a:hover, #article-others .see-more a:active, #article-others .see-more a:focus {color:#54ccff;text-decoration:none;}
#article-others .see-more a:hover svg rect, #article-others .see-more a:active svg rect, #article-others .see-more a:focus svg rect {fill:#54ccff;}
#article-others li {display:inline-block;width:30%;}
#article-others li > a {display:block;width:100%;height:auto;}
#article-others li .badge {display:inline-block;width:100%;overflow:hidden;box-shadow:0px 6px 15px 0 rgba(0,0,0,0.2);background:#000;border-radius:4px;}
#article-others li .badge img {display:block;width:100%;height:auto;}
#article-others li {transition:transform 0.3s;}
#article-others li:hover {background:rgba(0,0,0,0.1);border-color:rgba(255,255,255,0.15);}
#article-others li:hover {transition:transform 0.5s;transform:scale(1.04);}
#article-others li .details {display:block;position:absolute;width:100%;left:0;right:0;bottom:0;padding:0 3% 1% 3%;background:rgba(0,0,0,0.4);}
#article-others li .details > div {display:block;margin-top:10px;}
#article-others li .title {font-size:1.3em;color:#fff;font-weight:500;line-height:1.2em;letter-spacing:0.08em;text-align:left;}
#article-others li .posted {font-size:0.9em;color:#b19ee9;}
@media (max-width:480px) {#article-others li {width:100%;}
#article-others li .title {font-size:1.2em;}
#article-others li .posted {font-size:0.8em;}
#article-others .see-more {text-align:center;margin-top:14%;}}
#article-others ul li.slick-slide {margin:12px;}
#article-others .slick-prev:before,#article-others .slick-next:before {color:#8d86c9;}
#article-others .slick-dots {position:absolute;top:-35px;bottom:unset;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:right;}
#article-others .slick-dots li {width:40px;}
#article-others .slick-dots li button {font-size:0;line-height:0;display:block;width:100%;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
#article-others .slick-dots li button:before {position:absolute;top:50%;left:0;width:100%;height:auto;content:'';border-bottom:3px solid #8d86c9;}
@media (max-width:480px) {#article-others .slick-dots {top:unset;bottom:-35px;text-align:center;}}
#support-group-list,#support-tip-list,#support-tip-detail {position:relative;}
#support-group-list h3 {text-align:center;}
#support-group-list ul {display:block;margin:10px auto 0px auto;padding:0 15px;max-width:850px;}
#support-group-list li {display:inline-block;width:30%;border-radius:10px;margin-right:3%;margin-bottom:4%;}
#support-group-list li > a {}
#support-group-list li > a > div {}
#support-group-list li .box {display:inline-block;margin-bottom:5%;overflow:hidden;box-shadow:0px 6px 15px 0 rgba(0,0,0,0.2);background:#111;border-radius:4px;}
#support-group-list li .box img {display:block;width:100%;height:auto;}
#support-group-list li .box {transition:transform 0.4s;}
#support-group-list li:hover {background:rgba(0,0,0,0.07);}
#support-group-list li:hover .box {transition:transform 1s;transform:scale(1.04);}
#support-group-list li .title {color:#fff;font-size:1.1em;}
@media (max-width:480px) {#support-group-list li {width:48%;flex:1 1 48%;margin-right:2%;}}
@media (max-width:322px) {#support-group-list li {width:100%;flex:1 1 100%;margin-right:0%;}}
#support-tip-list .badge {position:relative;display:block;height:auto;text-align:center;margin:5% auto 5% auto;border-radius:5px;background:#15112b;background:rgba(21,17,43,0.5);box-shadow:0 0 28px rgba(0,0,0,0.4);}
#support-tip-list .badge .bkg {position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;overflow:hidden;}
#support-tip-list .badge .bkg img {width:100%;height:auto;min-height:320px;}
#support-tip-list .badge .box {position:relative;}
#support-tip-list .badge .box img {position:relative;width:100%;max-width:500px;height:auto;margin:-1% auto;box-shadow:0 0 24px rgba(0,0,0,0.2);border-radius:5px;}
#support-tip-list .body blockquote {margin:5px 5% 5px 5%;}
#support-tip-list h2.group {text-align:center;}
#support-tip-list li.tip {padding-bottom:1%;}
#support-tip-list li.tip .title, #support-tip-detail .title {position:relative;display:inline-block;margin-bottom:1.2%;font-weight:bolder;font-size:1.1em;cursor:pointer;}
#support-tip-detail .title {cursor:default;}
#support-tip-list li.tip .title:hover {color:#29aae2;}
#support-tip-list li.tip .title::after {position:absolute;right:-20px;top:3px;display:inline-block;content:"\25BE";font-size:0.9em;color:#a29ae1;transition:transform 0.4s;transform:rotate(-180deg);}
#support-tip-list li.tip .open .title::after {transform:rotate(0deg);}
#support-tip-list li.tip .viewer {padding:5px;background-color:transparent;transition:background-color 400ms ease;}
#support-tip-list li.tip .viewer.open {background-color:rgba(0,0,0,0.4);}
#support-tip-list li.tip .full, #support-tip-detail .full {display:block;margin:0;padding:0;}
#support-tip-list li.tip .body, #support-tip-detail .body {margin:1%;}
#support-tip-list li.tip .posted, #support-tip-detail .posted {color:#948cd1;font-size:0.8em;font-style:italic;margin:1%;}
#support-tip-list li.tip .closed .full {display:none;}
.contact-wrap {max-width:740px;text-align:center;margin:0 auto;padding:0 20px;}
.contact-wrap p {color:#806cb7;text-align:center;font-size:1.1em;letter-spacing:0.1em;text-shadow:0 0 20px rgba(0,0,0,0.45);}
#contact-form {display:block;text-align:center;margin:30px auto;}
#contact-form ul {flex:1 1 100%;display:flex;flex-flow:row;flex-wrap:wrap;align-content:space-between;justify-content:space-between;align-items:flex-start;}
#contact-form ul li {flex-basis:100%;text-align:left;margin-bottom:3%;}
#contact-form ul li.half {flex-basis:49%;}
#contact-form label, #contact-form input, #contact-form select, #contact-form textarea, #contact-form input::placeholder, #contact-form select::placeholder, #contact-form textarea::placeholder {font-family:var(--font);}
#contact-form label {display:block;width:100%;margin-bottom:5px;font-size:1.2em;font-weight:100;text-align:left;text-transform:uppercase;letter-spacing:0.08em;}
#contact-form input, #contact-form select, #contact-form textarea {border:1px solid rgba(255, 255, 255, 0.2);background:#15112c;color:#fefefe;font-size:16px;font-weight:bold;width:100%;max-width:100%;}
#contact-form input[type='text'], #contact-form select {padding:10px 10px;}
#contact-form select {padding:8px 10px;background-color:#15112c;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:97% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
#contact-form textarea {padding:10px 10px;}
#contact-form input:focus, #contact-form select:focus, #contact-form textarea:focus {border-color:#29aae2;}
#contact-form input::placeholder, #contact-form select::placeholder, #contact-form textarea::placeholder {font-weight:100;color:#FFFFFF4D;}
#contact-form select:invalid {font-weight:100;color:#FFFFFF4D;}
#contact-form li.button {text-align:right;}
#contact-form button {display:inline-block;border-radius:4px;border:1px solid #ad98eB;padding:10px 60px 9px 60px;background-color:#7e69a3;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.6);cursor:pointer;color:#fff;text-transform:uppercase;text-align:center;font-size:16px;font-weight:normal;text-decoration:none;letter-spacing:0.09em;transition:all 0.23s ease-in-out 0s;}
#contact-form button:hover {color:#fff;background-color:#29aae2;border-color:#29aae2;}
#contact-form button:active {background-color:#00c597;border-color:#00c597;}
.grecaptcha-badge {z-index:100;}
@media (max-width:575px) {#contact-form ul li.half {flex-basis:100%;}
#contact-form li.button {text-align:center;}
#contact-form button {width:100%;}}
#contact-discord {display:block;text-align:center;margin:30px auto;}
#contact-discord a {display:inline-block;text-decoration:none;border:0;transition:border 0.4s;border:3px solid transparent;padding:4px;border-radius:10px;}
#contact-discord img {max-width:400px;width:100%;height:auto;border-radius:4px;}
#contact-discord a:hover {border-color:#29aae2;}
#about-page article h3 {margin:6% 0 2% 0;}
#about-page #core::before {content:"";position:absolute;display:block;width:100%;height:360px;box-shadow:0 0 25px 0 rgba(0,0,0,0.5);background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:100% auto;background-image:url('/assets/banner-about-us-022322.jpg');}
@media (max-width:1440px) {#about-page #core::before {background-size:auto;}}
#about-page article .topper {display:block;margin-bottom:100px;}
#about-page article .topper h3 {margin:0 0 20px 0;text-align:center;}
#about-page article .topper p {display:block;margin:auto;max-width:700px;color:#fff;font-size:1.1em;letter-spacing:0.1em;}
#about-page article .head-honcho {display:block;margin-bottom:40px;}
#about-page article .head-honcho .flexy {margin-bottom:16px;}
#about-page article .head-honcho img {display:inline-block;width:140px;height:auto;vertical-align:middle;margin:0 20px 0 0;}
#about-page article .cards {display:flex;flex-flow:row;flex-wrap:wrap;}
#about-page article .card {display:inline-block;width:48%;margin-right:2%;margin-bottom:40px;border-radius:70px 12px 12px 12px;border-radius:5px 5px 5px 5px;padding:10px;background:rgba(0,0,0,0.4);box-shadow:0px 0px 11px 0px rgba(0,0,0,0.5);}
#about-page article .card:hover {background:rgba(255,255,255,0.15);}
#about-page article .card b {font-size:1.2em;letter-spacing:0.1em;}
#about-page article .card i {font-size:0.7em;font-weight:100;color:#806cb7;}
#about-page article .card .imgbox {display:inline-block;float:left;width:120px;height:120px;width:130px;height:130px;position:relative;overflow:hidden;margin:6px 1em 2px 0;}
#about-page article .card .imgbox img {position:relative;width:100%;height:auto;}
@media (max-width:640px) {#about-page article .card {width:100%;margin-right:0;}}