* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch; max-width:100%; font-family:'Podkova', courier, monospace;}
html {min-height:100vh; font-size:18px;}
body {min-height:100vh; text-align:center; position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
a, .link, .red {text-decoration:none; transition:all 0.6s; color:#d61d28; cursor:pointer;}
a:hover, .link:hover {text-decoration:none; cursor:pointer;}
input, textarea, select, button {vertical-align:middle; font-family:inherit; font-size:1rem; background-color:#eee; padding:15px; max-height:48px;}
textarea {min-height:120px;}
input[type=checkbox], input[type=radio] {border:0px; background-color:transparent;}
label, .btn, .ptr {cursor:pointer;}
h1, h2 {font-size:1.8rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.2rem;}
h5 {font-size:1.11rem;}
h6 {font-size:1rem;}
small, .small {font-size:0.75rem;}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#999;}
::-webkit-scrollbar-thumb {background:#000;}
::-webkit-scrollbar-thumb:hover {background:#d00;}
*::-webkit-input-placeholder {color:#666;}
*::-moz-placeholder {color:#666;}
*:-ms-input-placeholder {color:#666;}
*::-moz-placeholder {color:#666;}
*:-moz-placeholder {color:#666;}
ol, dl, ul {list-style-type:none;}
.text-start {text-align:left;}
.rtl .text-start {text-align:right;}
.nobr, .nowrap {white-space:nowrap;}
.nobrs nobr {display:block; margin:0px; padding:0px; font-size:10px;}
.full {width:100%;}
.max {max-width:100%;}
.w1 {width:1%;}
.m0 {margin:0 !important;}
.p15 {padding:15px;}
.p15-0 {padding:15px 0;}
.pad {padding:30px;}
.clr {clear:both;}
.fl, .alignleft {float:left;}
.fr, .alignright {float:right;}
.l, .l td, .RssITd {text-align: left;}
.r, .r td {text-align:right;}
.c, .c td {text-align:center;}
.j, .j td {text-align:justify;}
.vtop {vertical-align:top;}
.vmid, .mid, .flag-icon {vertical-align:middle;}
.vbtm {vertical-align:bottom;}
.ptr {cursor:pointer;}
.cap {text-transform:uppercase;}
.help {cursor:help; border-bottom:0.1em dotted;}
.no-margin, .m0 {margin:0 auto;}
.no-padding, .p0 {padding:0;}
.no-border, .b0 {border:0 none;}
.italic {font-style:italic;}
.block {display:block;}
.iblock {display:inline-block;}
.inline {display:inline;}
.table {display:table;}
.tr, .row {display:table-row;}
.td, .cell {display:table-cell;}
.rel, .parallax {position:relative;}
.hidden {display:none;}
.f0, .RssITd center {font-size:0;}
.f1, .RssITd, font, font * {font-size:1rem;}
.flex {display:flex; justify-content:space-between; align-items:center;}
.flex.wrap {flex-wrap:wrap;}
.stretch {justify-content:stretch;}
.no-select {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.bg-img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.opaque, .bg-img > img {opacity:0;}
.wrapper {width:100%; max-width:1080px;}
.has-popup {overflow:hidden !important;}
.pop-wrapper {position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.6); display:none; font-size:0;}
.has-popup .pop-wrapper {display:block;}
.pop {display:table; width:100%; max-width:330px; padding:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#fff;}
.btn {display:inline-block; background-color:#000; color:#eee; cursor:pointer; padding:15px; text-decoration:none;}
.btn:hover {background-color:#d00; text-decoration:none;}
.black {color:#000;}
.white, .RssITd {color:#fff;}
.light, h1 {font-weight:400;}
.bold {font-weight:bold;}
.bg-white {background-color:#fff;}
.bg-gray {background-color:#242424;}
.bg-img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.bg-img img, .transparent {opacity:0;}

/* general */
header {padding:15px; background-color:#242424; background-image:url(../img/books.jpg); background-size:cover; background-position:50% 50%; position:fixed; top:0; left:0; width:100%; z-index:900;}
header:before, .parallax:before, .slider:before {content:' '; position:absolute; top:0; bottom:0; left:0; width:100%; display:block; background-color:rgba(0,0,0,0.69);}
header i {-webkit-text-stroke:1px #242424;}
header nav a {display:inline-block; padding:8px 15px; font-size:0.812rem; color:#fff; text-transform:uppercase;}
main {min-height:600px; padding:60px 0 0; clear:both;}
.home header {background-image:none;}
.home main {padding:0;}
.slider {position:relative; overflow:hidden; padding:15vh 15px; min-height:270px;}
.slider video {position:absolute; width:100%; bottom:0; left:0;}
.slider:before {z-index:3;}
.slider .rel {z-index:4;}
.section {margin:0; padding:75px 15px; background-size:cover; background-position:50% 50%;}
.section h3 {padding:30px 0;}
.section .c i {margin-bottom:20px;}
.bundle_contents td + td.main {padding:0 15px;}

/* games */
.section.games img {transform:scale(0.9); transition:all 0.6s;}
.section.games img:hover {transform:scale(1);}

/* gallery */
.masonry {display:grid; grid-template-columns:repeat(5, 1fr); grid-template-rows:repeat(6, 1fr); row-gap:15px; column-gap:15px;}

/* community */
.community .circle {display:block; border:3px solid #d00; border-radius:50%; padding:12px 3px 0; width:120px; height:120px; margin:3px 30px; word-spacing:30px; text-transform:uppercase; font-size:16.5px;}
.community .circle:hover {background-color:#fff;}
.community .circle i {display:inline-block; margin-bottom:6px;}
.cform .half {max-width:49.5%; margin:0;}

/* testimonial */
.testimonial {padding:30px 0; max-width:450px;}
.testimonial p {font-weight:700; padding:15px 0 0;}
.testimonial q {display:block; color:#fff; font-size:18px; line-height:1.5em;}

/* map */
.map figure {position:relative; font-size:0;}
.map figcaption {position:absolute; bottom:0; left:0; width:100%; padding:15px;}
.map .circle {display:inline-block; background-color:#fff; border-radius:50%; width:48px; height:48px; margin:0 6px; font-size:1.5rem; position:relative; line-height:42px; border:3px solid #999;}
.map .circle:before {content:'+'; font-size:3rem; position:absolute; top:6px; left:-3px; line-height:0; text-shadow:0 0 3px #fff; font-weight:bold;}

/* products */
.scroll {overflow:auto;}
.products .wrapper {overflow:hidden;}
.products li {min-width:150px; padding:3px;}
.products img {width:140px; height:180px;}

/* footer */
.scrollup {height:33px; width:33px; color:#fff; font-size:18px; line-height:32px; text-align:center; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index:9999; opacity:0.5;}
.scrollup:hover {opacity:1; color:#fff;}
.social li {display:inline; margin:0 5px;}
.social li a {display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width:50px; height:50px; font-size:20px;}
.social li a:hover i {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms--transform:rotate(360deg); transform:rotate(360deg); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.social a.ico-rss:hover {background-color:#f56505;}
.social a.ico-fb:hover {background-color:#3b5998;}
.social a.ico-tw:hover {background-color:#33ccff;}
.social a.ico-ig:hover {background-color:#e1306c;}
.social a.ico-li:hover {background-color:#007bb7;}
.social i {margin:0; line-height:50px; text-align:center; color:#fff; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; -ms-transition:all 0.8s; transition:all 0.8s;}

@-moz-document url-prefix(){ /* firefox */
* {scrollbar-color:#000 #999; scrollbar-width:thin;}
}

@media (min-width:1080px){
.products .wrapper:after {content:' '; position:absolute; top:0; right:0; width:15px; height:216px; background-color:#242424;}
.half {max-width:48%;}
.third {max-width:33%;}
.quarter {max-width:23%;}
.fifth {width:20%;}
.services .third {padding:0 30px;}
.bundle_contents td + td.main a {display:block; min-width:264px;}
}

@media (max-width:690px){
html {font-size:15px;}
header .flex .m0 {width:100%;}
.flex {flex-wrap:wrap;}
.slider {padding:120px 15px 45px;}
.section {padding:30px 15px; width:100%; overflow:hidden;}
.community .circle {width:60px; height:60px; font-size:0; margin:-3px auto 6px;}
.community .circle i {font-size:1.8rem;}
.bundle_contents tr td:last-child {display:none !important;}
}