a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
:focus{
    outline:0
}
.bottom_bar{
    padding-top: 20px;
    padding-bottom: 5px;
}.tos_left {
    float: left;
    display: table;
}
.policies_right {
    text-align: right;
    display: table;
    float: right;
}
::-moz-selection{
    background:#26669f;
    color:#fff
}
::selection{
    background:#26669f;
    color:#fff
}
html{
    font-size:62.5%
}
body{
    font-family:Roboto,sans-serif;
    margin-top:0;
    font-size:16px;
    background:#4e4e4e;
    color:#000;
    padding-top:0;
    background:url('images/EWG.png') no-repeat 50% fixed;
    background-size:cover;
    background-attachment:fixed
}
body:before{
    content:"";
    display:block;
    background-image:url('images/EWG.png');
    background-position:50%;
    background-size:cover;
    height:100vh;
    width:100vw;
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:fixed;
    z-index:-1
}
a{
    color:#26669f;
    text-decoration:none
}
#product_total_cost, #product_total_credits {
			font-weight: bolder;
}
.product_cart {
	border: 1px solid black;
	border-radius: 5px;
	padding: 20px;
    margin: 0 auto;
	width: 200px;
}
#click-to-copy,#click-to-copy:after,#click-to-copy:before,#header-top,#the-nav,.btn,.navbar-default .container-fluid,.navbar-default .navbar-toggle,.the-nav li ul,a,button,input,textarea{
    -webkit-transition:.45s;
    transition:.45s
}
a:hover{
    color:#268c9f;
    text-decoration:none
}
img{
    max-width:100%;
    height:auto
}
#the-header{
    width:100%;
    margin:0;
    box-sizing:border-box
}
#the-footer,#the-footer *,#the-header,#the-header *{
    box-sizing:content-box
}
.content-container{
    max-width:1100px;
    margin:0 auto
}
#header-bottom:after,.content-container:after{
    display:table;
    content:"";
    clear:both
}
#header-top{
    width:100%;
    height:50px;
    background:rgba(47,47,47,.97);
    box-shadow:0 0 2px rgba(0,0,0,.5);
    position:fixed;
    top:0;
    left:0;
    z-index:99
}
#header-top-container{
    max-width:1040px;
    margin:0 auto;
    padding:0 30px
}
#nav-logo{
    float:left
}
#nav-logo a{
    display:block;
    margin-top:2.5px;
    margin-right:25px
}
#nav-logo a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
#nav-logo a img{
    height:45px
}
#menu-button,#the-nav{
    float:left
}
.the-nav{
    list-style:none;
    margin:0;
    padding:0
}
.the-nav li{
    float:left
}
#menu-button,.the-nav li a{
    display:block;
    padding:0 20px;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#fff;
    font-family:Roboto,sans-serif
}
#menu-button:hover,.menu-active #menu-button,.the-nav li.active a,.the-nav li a:hover{
    color:#fff!important;
    background:#26669f;
    text-decoration:none
}
#menu-button .fa,#store-menu-button .fa,.the-nav li a .fa{
    margin-right:3px
}
.navbar-nav li .fa.fa-caret-down,.the-nav li a .fa.fa-caret-down{
    margin-right:0;
    margin-left:3px;
    font-size:14px
}
.the-nav li ul{
    position:absolute;
    opacity:0;
    pointer-events:none;
    -webkit-transform:scale(.75);
    transform:scale(.75);
    box-shadow:0 0 2px rgba(0,0,0,.5);
    top:100%;
    margin:0;
    padding:0;
    list-style:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.more-active .the-nav li ul{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    pointer-events:auto
}
.the-nav li ul li{
    float:none
}
.the-nav li ul li a{
    background:#fff;
    color:#000
}
.the-nav li ul li:last-child a{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.more-active .the-nav li a[href="#more"]{
    background:#26669f;
    color:#fff
}
#menu-button,#store-menu-button{
    display:none
}
#server-info{
    float:right;
    color:#fff;
    height:50px;
    line-height:50px
}
#server-info .fa{
    margin-right:3px
}
#server-ip{
    cursor:pointer;
    position:relative
}
#server-info p{
    margin:0;
    padding:0;
    float:left
}
#server-info p#players-online{
    margin-left:25px
}
.color{
    color:#26669f
}
#click-to-copy{
    pointer-events:none;
    width:133px;
    padding:0;
    text-align:center;
    display:block;
    font-size:16px;
    border-radius:5px;
    background:#26669f;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    color:#fff;
    position:absolute;
    top:65px;
    left:50%;
    -webkit-transform:translate(-50%) scale(0);
    transform:translate(-50%) scale(0)
}
#server-ip:hover #click-to-copy{
    -webkit-transform:translate(-50%) scale(1);
    transform:translate(-50%) scale(1)
}
#click-to-copy:after{
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(38,159,72,0);
    border-bottom-color:#26669f;
    border-width:9px;
    margin-left:-9px
}
#click-to-copy:before{
    content:"";
    width:20px;
    height:5px;
    background:#26669f;
    position:absolute;
    z-index:1;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%);
    transform:translate(-50%)
}
#click-to-copy.active{
    background:#268c9f;
    color:#fff
}
#click-to-copy.active:after{
    border-bottom-color:#268c9f
}
#click-to-copy.active:before{
    background:#268c9f
}
#header-bottom{
    width:100%;
    max-width:1100px;
    margin:0 auto
}
#the-logo{
    margin:0 auto;
    display:table;
    padding: 150px 30px 75px;
    position:relative;
    z-index:1
}
#the-logo img{
    width:100%
}
#the-logo a{
    display:block
}
#the-logo a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
#nav ul{
    display:table;
    margin:0 auto
}
#nav ul li{
    float:left;
    margin-right:30px
}
#nav ul li a{
    background:rgba(47,47,47,.97);
    width:250px;
    padding:215px 0 0;
    text-align:center;
    display:block;
    position:relative;
    color:#fff;
    font:24px Bungee,sans-serif;
    border-radius:5px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    border:0;
    overflow:hidden
}
#nav ul li a,#nav ul li a img{
    -webkit-transition:.45s;
    transition:.45s
}
#nav ul li a img{
    position:absolute;
    top:20px;
    left:50%;
    width:190px;
    opacity:0;
    -webkit-transform:translateX(-50%) scale(.5) rotate(-30deg);
    transform:translateX(-50%) scale(.5) rotate(-30deg)
}
#nav ul li a img:first-child{
    opacity:1;
    -webkit-transform:translateX(-50%) scale(1) rotate(0);
    transform:translateX(-50%) scale(1) rotate(0)
}
#nav ul li a span{
    width:100%;
    display:inline-block;
    background:#26669f;
    margin:0;
    padding:15px 10px;
    text-align:center;
    box-sizing:border-box;
    -webkit-transition:.45s;
    transition:.45s;
    color:#fff
}
#nav ul li a:hover{
    border-color:#fff;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
#nav ul li a:hover img{
    opacity:1;
    -webkit-transform:translateX(-50%) scale(1) rotate(0);
    transform:translateX(-50%) scale(1) rotate(0)
}
#nav ul li a:hover img:first-child{
    -webkit-transform:translateX(-50%) scale(.5) rotate(-30deg);
    transform:translateX(-50%) scale(.5) rotate(-30deg)
}
#nav ul li a:hover span{
    background:#fff;
    color:#000
}
#nav ul li:last-child{
    margin-right:0
}
#button-scroll{
    position:absolute;
    left:50%;
    bottom:50px;
    -webkit-transform:scale(1) translateX(-50%);
    transform:scale(1) translateX(-50%);
    background:rgba(47,47,47,.97);
    border-radius:50%;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    display:block;
    color:#fff;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    font-size:36px;
    -webkit-transform-origin:0;
    transform-origin:0
}
#button-scroll .fa{
    position:relative;
    top:3px
}
#button-scroll:hover{
    background:#26669f;
    color:#fff;
    -webkit-transform:scale(1.1) translateX(-50%);
    transform:scale(1.1) translateX(-50%)
}
#nav-lower{
    width:100%;
    background:#26669f;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    z-index:9
}
#nav-lower ul{
    display:table;
    margin:0 auto
}
#nav-lower ul li{
    float:left
}
#nav-lower ul li a{
    display:block;
    padding:0 20px;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#fff
}
#nav-lower ul li a:hover{
    background:#268c9f;
    color:#fff
}
#nav-lower ul li.active a{
    background:#268c9f;
    color:#fff
}
#nav-lower ul:after{
    content:"";
    display:table;
    clear:both
}
#nav-lower .fa{
    margin-right:3px
}
.scrolled-down #nav-lower{
    position:fixed;
    top:50px
}
.scrolled-down main{
    padding-top:50px
}
#about,#modded,#rules,#servers{
    background:hsla(0,0%,85%,.7);
    width:100%;
    padding:100px 30px;
    box-sizing:border-box
}
#about,#modded{
    background:rgba(47,47,47,.97)
}
.store-container {
    
}
.content{
    width:100%;
    background:#dadada;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    box-sizing:border-box;
    padding:30px;
    border-radius:5px
}
.title{
    background:#26669f;
    color:#fff;
    padding:20px;
    font-family:Bungee,sans-serif;
    font-size:32px;
    margin:-30px -30px 30px
}
.title {
    text-align:left;
    border-radius:5px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.title-sub {
    text-align: center;
    border-radius: 5px;
    padding: 15px 20px;
    font-family: Bungee,sans-serif;
    line-height: 1.6;
    color: white;
    background: #26669f;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    margin: 0 0 30px;
    font-size: 18px;
}

.title-policies {
    background: #26669f;
    color: #fff;
    padding: 20px;
    font-family: Bungee,sans-serif;
    font-size: 32px;
    margin: -30px -30px 0px;
}
.title-policies,.title-policies-sub{
    text-align:center;
    border-radius:5px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.title-policies-sub {
    line-height: 1.6;
    text-align: right;
    margin: 3px 0 10px;
}
.topic-text b {
    font-weight: bold;
}
.topic-text {
    line-height: 1.6;
}
.topic-text h1 {
    font-weight: bold;
    font-size: 22px; 
}
.topic-text h2, .topic-text h3 {
    font-weight: bold;
    font-size: 19px;
}
.boxes{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.boxes.col-2{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:-30px
}
.boxes.col-2 .box{
    -ms-flex-preferred-size:calc(50% - 15px);
    flex-basis:calc(50% - 15px);
    margin:0 0 30px
}
.boxes.col-2 .box:nth-child(2n+1){
    margin-right:30px
}
.box{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    box-sizing:border-box;
    padding:0 0 15px;
    background:#fff;
    border-radius:5px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom:2px solid #26669f;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    overflow:hidden
}
.box svg{
    background:#dadada;
    border-radius:50%;
    padding:10px
}
.box:nth-child(3n+2){
    margin:0 30px
}
.box p{
    font-size:16px;
    line-height:1.6;
    padding:0 20px;
    text-align: center;
}
.svg-holder{
    display:table;
    margin:20px auto 5px
}
.box-title{
    text-align:center;
    font-family:Bungee,sans-serif;
    color:#26669f;
    font-size:20px;
    padding:20px 15px 15px;
    text-transform:uppercase;
    position:relative;
    margin:0 0 15px
}
.box-title:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    height:2px;
    width:90px;
    display:block;
    background:#26669f
}
.box-title .fa{
    margin-right:1px
}
.box.get{
    margin-top:30px;
    padding:20px
}
.get-text{
    float:left;
    font-size:26px;
    padding-left:20px
}
.get-button,.get-text{
    font-family:Bungee,sans-serif;
    height:60px;
    line-height:60px
}
.get-button{
    display:inline-block;
    padding:0 25px;
    font-size:22px;
    float:right;
    border-radius:5px;
    background:#26669f;
    color:#fff
}
.get-button:hover{
    background:#268c9f;
    color:#fff
}
.number-list{
    list-style:decimal;
    padding:0 20px
}
.number-list li{
    line-height:1.6;
    margin-bottom:15px
}
.number-list li:last-child{
    margin-bottom:0
}
#button-scroll,#nav li,#the-logo{
    opacity:0
}
@-webkit-keyframes a{
    to{
        opacity:1
    }
}
@keyframes a{
    to{
        opacity:1
    }
}
#the-logo{
    -webkit-animation:a .45s 0s 1 forwards;
    animation:a .45s 0s 1 forwards
}
#nav li:first-child{
    -webkit-animation:a .45s .25s 1 forwards;
    animation:a .45s .25s 1 forwards
}
#nav li:nth-child(2){
    -webkit-animation:a .45s .5s 1 forwards;
    animation:a .45s .5s 1 forwards
}
#nav li:nth-child(3){
    -webkit-animation:a .45s .75s 1 forwards;
    animation:a .45s .75s 1 forwards
}
#nav li:last-child{
    -webkit-animation:a .45s 1s 1 forwards;
    animation:a .45s 1s 1 forwards
}
#button-scroll{
    -webkit-animation:a .45s 1.25s 1 forwards;
    animation:a .45s 1.25s 1 forwards
}
#the-footer{
    background:rgba(47,47,47,.97);
    width:100%;
    position:relative;
    z-index:1;
    color:#fff;
    margin-top:0;
    padding:30px 0;
    box-shadow:0 0 2px rgba(0,0,0,.5)
}
#the-footer-container{
    max-width:1100px;
    margin:0 auto;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#the-icons{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
#the-icons ul{
    list-style:none;
    display:table;
    margin:0 auto;
    padding-left:0
}
#the-icons ul:after{
    content:"";
    display:table;
    clear:both
}
#the-icons li{
    float:left;
    margin-right:10px
}
#the-icons li:last-child{
    margin-right:0
}
#the-icons li a{
    display:block;
    width:38px;
    height:38px;
    line-height:41px;
    text-align:center;
    font-size:24px;
    text-shadow:none;
    color:#fff;
    border-radius:5px
}
#the-icons li a .fa{
    position:relative
}
#the-icons li a:hover{
    background:#fff!important;
    color:#000;
    text-decoration:none;
    -webkit-transform:scale(1.1) translateY(-5px);
    transform:scale(1.1) translateY(-5px)
}
#footer-logo a{
    display:table;
    margin:0 auto
}
#footer-logo a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
#footer-logo img{
    height:150px
}
#the-copyright{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
    position:relative
}
#the-copyright p{
    margin:0 0 5px
}
#the-copyright p:last-child{
    margin-right:0;
    margin-bottom:0
}
#the-copyright p a,.language .dropdown>a{
    color:#fff;
    border-bottom:2px solid transparent
}
#the-copyright p a:hover,.language .dropdown>a:hover{
    border-color:#fff;
    text-decoration:none
}
@media (max-width:1130px){
    #the-header{
        min-height:0
    }
    #the-logo{
        padding-top:100px
    }
    #nav{
        max-width:530px;
        margin:0 auto -30px
    }
    #nav ul li{
        margin-bottom:30px;
        margin-right:0
    }
    #nav ul li:nth-child(2n+0){
        margin-left:30px
    }
    #button-scroll{
        position:static;
        -webkit-transform:scale(1);
        transform:scale(1);
        left:auto;
        bottom:auto;
        display:table;
        margin:40px auto;
        -webkit-transform-origin:50% 50% 0;
        transform-origin:50% 50% 0;
        -webkit-transform-origin:initial;
        transform-origin:initial
    }
    #button-scroll:hover{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    #about,#modded,#rules,#servers{
        padding-top:40px;
        padding-bottom:40px
    }
    .get-text{
        float:none;
        text-align:center;
        padding-left:0;
        height:auto;
        line-height:1.6
    }
    .get-button{
        float:none;
        display:table;
        margin:20px auto 0
    }
    .body .full-width{
        padding-left:0;
        padding-right:0
    }
    .body .content{
        padding-left:0
    }
    .body .sidebar{
        padding-right:0
    }
    #nav-bottom{
        margin:0 15px;
        padding:0 15px
    }
    #store-menu-button{
        display:block
    }
    .navbar-default .container-fluid{
        position:absolute;
        left:0;
        top:50px;
        -webkit-transform:scale(0);
        transform:scale(0);
        z-index:8
    }
    .store-menu-active .navbar-default .container-fluid{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    .navbar-nav>li{
        float:none
    }
    .navbar-default .navbar-nav>li>a{
        width:calc(100vw - 60px);
        text-align:center;
        background:rgba(47,47,47,.97);
        -webkit-transform:translateZ(0)!important;
        transform:translateZ(0)!important;
        height:50px!important;
        line-height:50px!important;
        border-radius:0!important;
        box-shadow:0 0 2px rgba(0,0,0,.5)
    }
    .navbar-default .dropdown-menu{
        position:static!important;
        float:none!important;
        border:0!important;
        border-radius:0!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        box-shadow:0 0 2px rgba(0,0,0,.5)!important
    }
    .navbar-default .dropdown-menu>li>a{
        text-align:center!important;
        background:#fff!important;
        color:#333!important;
        padding-bottom:10px!important;
        padding-top:10px!important;
        font-size:16px!important;
        line-height:1.42857143!important
    }
    .navbar-default .dropdown-menu>li>a:focus,.navbar-default .dropdown-menu>li>a:hover{
        color:#fff!important;
        background:#26669f!important
    }
}
@media (max-width:1030px){
    #menu-button{
        display:block;
        position:relative;
        z-index:91
    }
    #the-nav{
        -webkit-transform:scale(0);
        transform:scale(0);
        position:fixed;
        top:50px;
        left:0;
        width:100%;
        border-bottom:2px solid #26669f;
        box-shadow:0 0 2px rgba(0,0,0,.5)
    }
    #the-nav,.the-nav li{
        float:none
    }
    .the-nav li a{
        height:50px!important;
        line-height:50px!important;
        text-align:center;
        border-radius:0!important;
        background:rgba(47,47,47,.97);
        box-shadow:0 0 2px rgba(0,0,0,.5)
    }
    .menu-active #the-nav{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    .the-nav li ul{
        overflow:scroll;
        -webkit-overflow-scrolling:touch;
        width:100%
    }
}
@media (max-width:850px){
    .boxes{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-bottom:-30px
    }
    #about .box,#servers .box{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        margin:0 0 30px!important
    }
}
@media (max-width:830px){
    #the-footer-container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    #footer-logo{
        margin:30px 0
    }
}
@media (max-width:768px){
    .content,.sidebar{
        width:100%
    }
}
@media (max-width:767px){
    .body .content{
        padding-right:0
    }
    .category .packages-row table .price{
        width:45%
    }
    .category .packages-row table .button{
        width:15%
    }
}
@media (max-width:650px){
    .boxes.col-2 .box{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        margin:0 0 30px!important
    }
}
@media (max-width:610px){
    #header-top{
        overflow:hidden
    }
    #nav-lower ul li a{
        font-size:0
    }
    #nav-lower ul li a .fa{
        font-size:24px
    }
    #nav-lower .fa{
        position:relative;
        top:8px
    }
    #nav-lower ul li a:hover{
        background:transparent
    }
}
@media (max-width:590px){
    #nav{
        max-width:250px
    }
    #nav ul li{
        margin:0 0 30px!important
    }
}
@media (max-width:581px){
    #the-logo{
        padding-top:40px;
        padding-bottom:40px
    }
    #button-scroll{
        margin-top:30px;
        margin-bottom:30px
    }
    .scrolled-down #header-top{
        height:50px
    }
    body{
        padding-top:100px;
        background-size:auto auto;
        background-size:initial;
        background-repeat:repeat;
        background-position:top
    }
    #header-top{
        height:100px
    }
    #menu-button{
        float:right
    }
    #the-nav{
        top:100px
    }
    #server-info{
        float:none;
        clear:both;
        display:table;
        margin:0 auto
    }
}
@media (max-width:560px){
    .home-page .body .content .panel .panel-body img{
        max-width:100%;
        height:auto;
        display:table;
        margin:0 auto
    }
}
@media (max-width:550px){
    #store-menu-button{
        display:table;
        margin:0 auto
    }
    .navbar,.navbar-default{
        float:none;
        margin:0 auto
    }
    .header{
        padding-bottom:20px;
        float:none
    }
}
@media (max-width:540px){
    .category .packages-row table .price{
        width:40%
    }
    .category .packages-row table .button{
        width:20%
    }
}
@media (max-width:400px){
    .logout{
        display:table!important;
        margin:0 auto 10px
    }
    .category .packages-row table .name{
        width:35%
    }
    .category .packages-row table .button{
        width:25%
    }
}
@media (max-width:395px){
    #players-online-text{
        font-size:0
    }
}
@media (max-width:379px){
    .get-button{
        font-size:18px
    }
}