body { position: relative; background-color: #06000a; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; text-size-adjust: 100%; color:#e6e6e8; font: normal 1em 'Roboto Slab', sans-serif;}nav.navbar.bg-dark { background-color:#c43235!important;}.navbar-nav li:hover>.dropdown-menu { display: block;}.modal-content { background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e; border-radius: 0; border-top: 1px solid; border-image-slice: 1; border-image: linear-gradient(to left, #8f2527 1%, #c43235 50%, #c43235 100%) 100% 0 100% 0/2px 0 2px 0 stretch;}.face { min-height: 100vh; position: relative; background-position: center; background-size: cover; align-items: stretch; display: flex; flex-direction: column; justify-content: space-between;}.face-body { align-items: center; display: flex; background: linear-gradient(rgba(6, 0, 10, 0.5), rgba(6, 0, 10, 0.75), #06000a); z-index: 1; flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem;}.face.face-body > .container { flex-grow: 1; flex-shrink: 1;}.face-title.one { font-size: 3rem;}.face-subtitle { font-size: 1rem;}.face.face-subtitle { color: #c5bbb4; font-size: 1.25rem; font-weight: 400; line-height: 1.25;}.section { padding: 3rem 1.5rem; display: block;}.servers { background-color: transparent; position: relative; z-index: 100; border-bottom: 1px solid rgba(230,230,232,.1);}.section > h1 { color:#c43235; margin-bottom: 1em;}div.one-server > h2 { margin-top: 1em; font-size: 1.2rem; padding-bottom: 1em; border-bottom: 1px solid rgba(230,230,232,.1);}img.server-header { outline: 1px solid rgba(48,0,50,.1);}div.Online { border-bottom: 3px solid #738D45;}div.Offline { border-bottom: 3px solid #CD412B;}div.Offline > img.server-header { opacity:.3;}.progress { margin-top: 15px; margin-bottom: 20px;}.players-bar { background-color:#738D45;}div.one-server > p { border-bottom: 1px solid rgba(230,230,232,.1); padding-bottom: 10px; color: #948c87;}div.members { font-size:3rem; border-bottom: 1px solid rgba(230,230,232,.1); padding-bottom: 3rem;}div.members > span { font-size:1rem; display: block;}span.discord { font-size:1rem; display: block;}#discord-total { color: #fff;}div.members#online { color: #62a7e3;}div.members#ingame { color: #8bc53f;}div.members#discord { color: #8bc53f; padding-top:10px;}section.community > div.row { margin-bottom: 3rem;}div.discord-invite { margin-top: 3rem; border-bottom: 1px solid rgba(230,230,232,.1); padding-bottom: 3rem;}div.store { padding-top:6rem;}div.store > h3 { color: #948c87;}section.rules,section.store,section.staff,section.community,section.social { border-bottom: 1px solid rgba(230,230,232,.1);}section.footer { padding-top: 1px; padding-bottom: 1px; background-color:rgba(48,0,50,1);}section.footer > div.container > span > a { color: #e6e6e8; text-decoration:underline;}section.footer > div.container > span > a:hover { text-decoration:none;}.srv { margin-bottom: 20px;}img.rounded-circle.staff { max-width:150px; border: 2px solid rgba(196,50,53,1);}img.rounded-circle.discord-user { max-width:50px; border: 2px solid rgba(196,50,53,1);}h2.discord { color:#7289DA; font-size: 1.2rem;}p.staff-name { padding-top:1rem; font-size:1.2rem;}p.staff-role { margin-top:-1rem; font-size:.8rem; color:#c43235;}::-webkit-scrollbar-track{ background-color: rgba(6, 0, 10, 1);}::-webkit-scrollbar{ width: 3px; background-color: rgba(6, 0, 10, 1);}::-webkit-scrollbar-thumb{ background-color: rgba(196, 50, 53, 1);}.fullvideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}.fullvideo video { position: absolute; height: 100%; width: 177.77777778vh; min-width: 100%; min-height: 56.25vw; object-fit: cover;}img, embed, object, audio, video { max-width: 100%;}.modal-content#contact { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; pointer-events: auto; background-color: #c43235; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0;}.modal-header#contact { border-bottom: 1px solid rgba(230,230,232,.1);}.modal-footer#contact { border-top: 1px solid rgba(230,230,232,.1);} .panel { background-color: rgba(196, 50, 53, .3); border-radius: 10px; padding: 15px 25px; position: relative; width: 100%; z-index: 10;}.pricing-table { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02); display: flex; flex-direction: column;}@media (max-width: 767.98px) { .face-title.one { font-size: 2rem; } h1 { font-size: 2rem; } h2 { font-size: 1.3rem; } .pricing-price { font-size: 1.5rem!important; }}@media (min-width: 900px) { .pricing-table { flex-direction: row; }} .pricing-table * { text-align: center; text-transform: uppercase;} .pricing-plan { border-bottom: 1px solid #e1f1ff; padding: 25px 5px;} .pricing-plan:last-child { border-bottom: none;} @media (min-width: 900px) { .pricing-plan { border-bottom: none; border-right: 1px solid #e1f1ff; flex-basis: 100%; padding: 25px 5px; } .pricing-plan:last-child { border-right: none; }} .pricing-img { margin-bottom: 25px; max-width: 100%;}.section > h1, .section > h2 { color: #c43235; margin-bottom: 1em;}.pricing-header { font-size: 26px; color: #fff; font-weight: 600; letter-spacing: 1px;} .pricing-features { color: rgba(255,255,255,.8); font-weight: 600; letter-spacing: 1px; margin: 50px 0 25px -40px; list-style-type:none;} .pricing-features-item { border-top: 1px solid #e1f1ff; font-size: 11px; line-height: 1.5; padding: 15px 0;} .pricing-features-item:last-child { border-bottom: 1px solid #e1f1ff;} .pricing-price { color: #fff; display: block; font-size: 36px; font-weight: 700;}.pricing-price > sup.small { font-size: 20px;}.pricing-price > sub.small { font-size: 16px; text-transform: none; margin-left: -5px;}.pricing-button { border: 1px solid #9dd1ff; border-radius: 10px; color: #348EFE; display: inline-block; margin: 25px 0; padding: 15px 35px; text-decoration: none; transition: all 150ms ease-in-out;} .pricing-button:hover,.pricing-button:focus { background-color: #e1f1ff;} .pricing-button.is-featured { background-color: #48aaff; color: #fff;} .pricing-button.is-featured:hover,.pricing-button.is-featured:active { background-color: #269aff;}a.nav-item.nav-link { color: #c43235;}h3.faq-question { text-align: left; border-bottom: 1px solid #c43235; padding-bottom: 5px; margin-bottom: 10px;}p.text-left > a { text-decoration: underline; color: #fff;}p.text-left > a:hover { color: #c43235; text-decoration: none;}.small#footer { font-size: 11px;}.face-title.one { font-size: 3rem; font-weight: 800;}.navbar-dark .navbar-brand { color: #fff; font-weight: 800;}.wrapper { min-height: calc(100vh - 80px);} @media (max-width: 767.98px) {#paymentMethod {font-size: revert;}#paymentMethod {padding: 0;}} .container { position: relative !important;}.right-img { position: absolute; top: 30%; right: -10%; }@media (max-width: 1200px) { .nickname { font-size: 0.5em; }}.nickname { display: inline-block; position: relative; top: 4px; margin: 0 10px; font-weight: bold;}.form-for-logout { display: inline-block; margin-bottom: 0;}.pointer { cursor: pointer; } .help-tip{ position: absolute; top: 133px; right: 305px; text-align: center; background-color: #6e6e6e; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; line-height: 26px; cursor: default;} .help-tip:before{ content:'?'; font-weight: bold; color:#fff;} .help-tip:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; } .help-tip p{ display: none; text-align: left; background-color: #1E2021; padding: 20px; width: 300px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); right: -4px; color: #FFF; font-size: 13px; line-height: 1.4; top: -35px; left: 105%;} .help-tip p:before{ position: absolute; content: ''; width:0; height: 0; border:6px solid transparent; border-bottom-color:#1E2021; left:10px; top:12px;} .help-tip p:after{ width:100%; height:40px; content:''; position: absolute; top:-40px; left:0;} @-webkit-keyframes fadeIn { 0% { opacity:0; transform: scale(0.6); } 100% { opacity:100%; transform: scale(1); }} @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:100%; }}