body {
	font-family: "Open Sans", sans-serif;
	color: #333;
	font-size: 0.9rem;
}
h2, h1 {
	font-family:BurbankBigCondensed-Bold;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 2.5rem;
	margin: 1rem 0 0.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-weight: 400;
	margin: 1rem 0 0.5rem;
}
a, a:hover {
	color: #333;
}
.container.main {
	min-height: 500px;
	margin-top: 3rem;
	margin-bottom: 3.5rem;
}

#slider.mainindex {
	height: 80vh !important;
    background-position: center top;
}
.news-desc {
	min-height: 100px;
}
.player-rank .player-image img {
	top: 30%;
}
.btn-primary { color: #FFF; }
button, input, optgroup, select, textarea {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
       -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
         -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 1rem;
    padding: .375rem .75rem;
}
input:focus { outline: 0; }

.player-rank.woe .player-image {
	background: url('../img/flag.png') center center no-repeat;
}
.player-rank.woe .player-image img {
	top: 60%;
}

.spacer {
    height:240px;
    position:relative;
    margin-bottom:5rem;
    background: #8dc701 url('../img/spacer-bg.jpg') center bottom no-repeat;
}
.spacer .container {
    position:relative;
    height:  240px;
}
.spacer.main { margin-bottom: 0; }
.container.module-main>h2:first-child { background: #FFF; padding: 1rem 1.2rem; box-shadow: 0 0 50px 0 rgba(0,0,0,.05); font-size: 1rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.submenu { width: 100%; background: #9fa3c2; padding: 1rem 1.2rem; margin-bottom: 1.5rem; color: #FFF; }
.submenu a { color: #FFF; }


.container.main{
    margin-bottom:10rem
}
#unitipmid{
    width:145px!important
}
p.red{
    background:#ae474f;
    padding:0.7rem 1rem;
    color:#FFF;
    border-radius: .25rem;
}
.news-desc{
    min-height:121px
}
.guild-details h4{
    font-size:1.2rem!important;
    overflow:hidden
}
.server-status{
    position:fixed;
    bottom:1rem;
    right:1rem;
    z-index:1000;
    width:260px;
    background:#1f4b6e;
    border-radius:2rem;
    padding:.7rem 1.5rem
}
.server-status>div{
    float:left;
    font-weight:400;
    color:#FFF;
    text-transform:uppercase;
    text-align:center
}
.server-status>div:first-child{
    margin-right:1rem
}
.server-status span{
    font-weight:700
}
.offline{
    color:red
}
.online{
    color:green
}
.nav-link{
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -ms-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.nav-link:hover{
    color: #739fe0;
}
.nav-item.dropdown{
    padding-right:.7rem
}
.shop-table{
    width:100%
}
.changesex,.search-form,p.info-text{
    background:#eee
}
.horizontal-table,.vertical-table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    font-size:13px
}
.horizontal-table th,.vertical-table th{
    padding:12px;
    background:#eee;
    border:1px solid #e0e0e0
}
.horizontal-table td,.vertical-table td{
    padding:12px;
    border:1px solid #e0e0e0
}
.horizontal-table a,.vertical-table a{
    color:#000;
    font-weight:700
}
.search-form{
    display:none;
    padding:12px
}
.pages{
    margin:1rem 0;
    text-align:center
}
.pages a{
    padding:6px;
    color:#000
}
.jump-to-page{
    float:right
}
.container.main{
    min-height:600px
}
p.info-text{
    color:#000;
    text-transform:none;
    width:100%;
    margin:0 0 12px;
    padding:6px 12px;
    font-family:"Open Sans",sans-serif
}
.generic-form p{
    margin:0
}
.form-horizontal table tr td{
    padding:0
}
.form-horizontal table tr td p{
    padding:0;
    margin:2px 0
}
.security-code img{
    display:block;
    margin:0 auto;
    width:100%;
    height:113px
}
.form-horizontal select{
    width:32%;
    padding:5px;
    border-color:#ccc
}
.generic-form .btn{
    font-size:14px
}
.credit-balance{
    padding:12px 16px;
    color:#FFF;
    background:#005cb1;
    float:right;
    border-radius:3px
}
.credit-balance::after{
    clear:both;
    content:'';
    display:block
}
.modal-title {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 300;
    color: #8dc701;
    padding-top: 1rem;
    width: 100%;
    line-height: 1;
}
.modal-title strong {
    font-weight: 700;
}
.modal-content { border-radius: 0; min-height: 359px; }
.modal-header { border: 0; }
.form-control {
    font-family: "Open Sans", sans-serif;
}
.modal-footer a { color: #FFF; }
.form-control:focus {
    border-color: #b24ace;
    box-shadow: 0 0 0 0.2rem rgba(178, 74, 206, 0.25);
}
.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(141,199,1,.25);
}
.modal button[type="submit"] { background: #8dc701; text-transform: uppercase; color: #FFF; font-weight: 700; }
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.date-field { color: #FFF; font-size: 0px; }
select[name="birthdate_year"],
select[name="birthdate_month"],
select[name="birthdate_day"] {
	padding: .375rem .75rem;
    font-size: 1rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #000;
    width: 32.666%;
    margin: .5%;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
select[name="birthdate_year"] { margin-left: 0; }
select[name="birthdate_day"] { margin-right: 0; }
@media(max-width:576px){
    .generic-form table{
        width:100%!important
    }
    .generic-form table tr td{
        padding:0
    }
    .generic-form table tr td .form-group.row .text-right{
        text-align:left!important
    }
}

.btn-login { position: static; margin: -8px 0; }

.generic-form-table p, .generic-form-table label { margin-bottom: 0; }
.generic-form-table th, .generic-form-table td { padding: 0 1rem; }
@media( max-width: 575px ) {
    .navbar-collapse .btn-login {
        display: block;
        width: 100%;
        margin: 0;
        width: 100%;
        margin-bottom: 1rem;
    }
}

.generic-form-div.bg-fade tr td { padding: 0.8rem 1rem; }
.credit-amount-text, .donation-amount-text, .reset-amount-text { text-align: center; margin-bottom: 0; }

.accountlogin-hide { display: none; }
.form-body,.form-header{padding:1rem 1.2rem}.modal-footer a strong{color:#000}.accountcreate-hide,.accountlogin-hide{display:none}.container.main.accountcreate,.container.main.accountlogin{min-height:auto;margin-bottom:0}body.accountcreate,body.accountlogin{background:url(../img/accountlogin-bg.jpg) center bottom no-repeat fixed #c372d9;background-size:cover;position:relative}.form-page-logo{margin:5rem 0 1.5rem}.form-page{width:350px;margin:0 auto 5rem;background:#FFF}.form-header{border-bottom:1px solid #eaeaea;box-shadow:0 2px 10px 0 rgba(0,0,0,.05)}.form-header h4{font-weight:400;margin:0;line-height:1}@media(max-width:350px){.form-page{width:100%}}.container.main.accountlogin p.message,.message-fixed{position:fixed;top:1rem;right:1rem;max-width:250px}p.message{background:#0ff;padding:.7rem 1rem;border-radius:.25rem}

.btn.focus, .btn:focus { box-shadow: none; }

@media(min-width: 992px) and (max-width: 1399px) {
    .dp-container .dropdown-menu .dropdown-item { height: 5.5rem; }
}
@media(min-width: 992px) and (max-width: 1092px) {
    .navbar-nav .nav-link { padding: 1.125rem .4rem!important; }
}
@media(min-width: 1200px) {
    .navbar-nav .nav-link { padding: 1.125rem .9rem!important; }
}
@media(min-width: 992px) {
    #slider {
        height: 35vh;
        background-position: center -8rem;
    }
}
#slider { position: relative; }
#slider a { 
    display: none;
    position: absolute;
    left: 50%;
    bottom: 7rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#slider.mainindex>a {
    display: block;
}

@media(max-width: 575px) {
    #slider>a {
        padding: 1rem 0.5rem;
        font-size: 2rem;
    }
}
.media-page, .news-body, .faq-page {
    background: url('../img/page-bg.jpg') center top repeat-x;
    background-size: contain;
}
.media-header {
    background: url('../img/media-header-bg.png') center bottom repeat-x;
    background-size: cover;
    position: relative;
    height: 15rem;
}
.media-header::before { 
    width: 100%; 
    height: 15rem; 
    background: url('../img/watch-header-bg.png') center top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-size: cover;
}
.media-header h1 {
    color: #FFF;
    margin: 0;
    font-family: BurbankBigCondensed-Black;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 4rem;
    padding-top: 4rem;
}
.media-header .container { position: relative; z-index: 10; }
.media-body {
    padding-top: 4rem;
}
.media-body h2 { font-size: 1.5rem; }
.feature-video iframe { width: 100% !important; height: 100% !important; display: block; }
.video-title { font-family: BurbankBigCondensed-Bold; font-size: 1.7rem; display: block; line-height: 1; margin-top: .5rem; }
.feature-video-details { margin-top: .5rem; }
.feature-video-details p { margin: 0; }
hr { border: 0; border-top: 1px solid #eee; }
.live-video { padding: 0 6px; }
.live-video .video-title { font-size: 1.2rem; }

.slick-arrow { cursor: pointer; }
.slick-arrow:focus { outline: 0; border: 0; }
.live-prev, .live-next { position: absolute; top: -3.2rem; right: 0; background: transparent; border: 0; border-radius: 0; font-size: 1.5rem; padding: 0; }
.live-prev { position: absolute; top: -3.2rem; right: 2.5rem; }

.feature-video { position: relative; }
.feature-video .hover .btn-theme { font-size: 1.3rem; padding: 0.7rem 0.5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.feature-video .hover {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.feature-video:hover .hover {
    opacity: 1;
}
.feature-video .img-fluid { width: 100%; }
.btn-color-primary {
    color: #FFF;
    font-family: BurbankBigCondensed-Bold;
    letter-spacing: 1px;
}
.btn-color-primary:hover {
    color: #FFF;
}
.btn-color-primary::after {
    background: #c372d9;
}
.btn-color-primary:hover::after {
    background: #c372d9;
}
.live-streams-slider { margin: 0 -6px; }

.top-news { height: 25rem; position: relative; padding-top: 6rem; z-index: 10; }
.top-news img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
}
.top-news p { margin: 0; }
.top-news .news-category { font-size: 1.5rem; color: #FFF;     text-shadow: 0 2px 20px #000; }
.top-news .news-title { font-family: BurbankBigCondensed-Black; font-size: 4rem; color: #FFF;     text-shadow: 0 2px 20px #000; }
.top-news .posted-on { color: #FFF; font-size: 1rem; margin-top: -.5rem;     text-shadow: 0 2px 20px #000; }
.news-body { padding-top: 5rem; }

.news-item { position: relative; height: 100%; }
.news-item img { width: 100%; display: block; margin-bottom: 1rem; }
.news-details .posted-on { font-size: 0.8rem; }
.news-details .posted-on a { color: #000; text-transform: uppercase; font-size: 0.8rem; }
.news-details .news-title { font-size: 1.2rem; display: block; line-height: 1.3; color: #000; }
.news-details p { margin: 1rem 0; font-size: 0.9rem; }
.news-item::after { position: absolute; right: -15px; bottom: 0; border-right: 1px solid #ddd; content: ""; height: 100%; }

.faq-page { padding: 2rem 0; }
.faq-page h1 { color: #FFF; font-family: BurbankBigCondensed-Black; font-size: 3rem; margin: 0; padding-bottom: 2rem; }
.faq-body { padding: 2rem 5rem;
    color: #1e1e1e;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8; }

.question { font-weight: bold; margin-left: 1rem; margin-bottom: .2rem; margin-top: 1.5rem; }
.answer { margin-left: 1rem; }
.question::before {
    content: "Q: ";
}
.answer:before {
    content: "A: ";
}
.answer:before, .question:before {
    display: inline-block;
    margin-right: 1em;
    margin-left: -2em;
    float: left;
    line-height: 1.5;
}
.jump-to { padding: 0; margin: 0; list-style: none; }
.jump-to a { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; font-size: 0.8rem; display: block; padding: .2rem 0; }
.jump-to a:hover { color: #c372d9; }
.jump-to li { padding-left: 2rem; }
.jump-to li a::before { width: 5px; height: 5px; border-radius: 50%; display: inline-block; content: ""; background: #c372d9; margin-right: 0.7rem; }

@media(max-width:575px) {
    .top-news .news-title { font-size: 2.5rem; }
    .top-news .btn-theme { font-size: 1.5rem; }
}
.welcome p { line-height: 1.5rem; }

.dp-container.mainnews-hide, #slider.mainnews-hide, .dp-container.mainmedia-hide, #slider.mainmedia-hide, .dp-container.mainfaq-hide, #slider.mainfaq-hide, #slider.maindownload-hide, .dp-container.maindownload-hide, #slider.mainbeginner-hide, .dp-container.mainbeginner-hide { display: none; }

.download-header {
    height: 55rem;
    background: url('../img/bg-download.jpg') center top no-repeat;
    background-size: 170% auto;
    position: relative;
}
.download-content {
    font-size: 8rem;
    font-family: BurbankBigCondensed-Black;
    color: #FFF;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    text-shadow: 0 0 90px rgba(82,102,133,.6);
}
.download-subtitle {
    font-family: BurbankBigCondensed-Black;
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #000;
}
.download-content small {
    display: block;
    font-size: 5rem;
}
.offer { padding: none; background: #FFF; }
.offer-container {
	padding: none;
    position: relative;
    background-image: -webkit-linear-gradient(top,#fff,#eef3f5);
    background-image: -o-linear-gradient(top,#fff 0,#eef3f5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eef3f5));
    background-image: linear-gradient(180deg,#fff 0,#eef3f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 255, 255)",endColorstr="rgba(255, 238, 243, 0.96078)",GradientType=0);
}
.offer-image {
    height: 17rem;
	background: url(../img/offer-bg.png) center top no-repeat;
    position: relative;
    background-size: cover;
}
.offer-image img {
    display: block;
    width: 86%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.offer-details p {
    line-height: 1.5;
    max-width: 85%;
    margin: 0 auto;
}
.offer-details h3 {
    color: #40cdff;
    font-family: BurbankBigCondensed-Bold;
    font-size: 1.5rem;
}
h2.toobig { 
    font-family: BurbankBigCondensed-Black;
    font-size: 6rem;
    color: #40cdff;
}

.offer-info {
    font-family: BurbankBigCondensed-Bold;
    color: #000;
    padding: 6rem 0;
}
.offer-info p {
    font-family: BurbankBigCondensed-Bold;
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 1px;
}

.offer-items {
    background: url('../img/offer-items-bg.jpg') center top no-repeat;
    background-size: cover;
    position: relative;
}
.offer-items-slide {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 0 !important;
    padding-top: 10rem;
}
.offer-items-slide .slick-slide img {
    max-width: 100%;
}
.offer-items-header { 
    max-width: 275px; 
    margin: 0 auto; 
    font-family: BurbankBigCondensed-Black;
    color: #FFF;
    font-size: 2.5rem;
    text-align: center;
    line-height: 2rem;
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
}
.offer-items-header img {
    height: 11rem;
    margin: 0 auto;
}
.offer-items-header small {
    display: block;
    color: #000;
    margin-top: 0.5rem;
}
.offer-items-slide .slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #FFF;
}

.offer-items-slide .slick-dots {
    bottom: 25px;
}
.offer-items-slide .slick-dots li {
    width: 14px;
    height: 14px;
}
.offer-items-slide .slick-dots li.slick-active button {
    background: #FFF;
}

.container-md {
    max-width: 992px;
    margin: 0 auto;
    background: #b9c6c7;
    background: -webkit-gradient(linear,left top,right top,from(#cacaca),to(#e5e5e5));
    background: -webkit-linear-gradient(left,#cacaca,#e5e5e5);
    background: -o-linear-gradient(left,#cacaca 0,#e5e5e5 100%);
    background: linear-gradient(90deg,#cacaca 0,#e5e5e5);
}

.free-player {
    position: relative;
    margin: 10rem 0;
    height: 34rem;
    padding: 3rem;
}
.free-player>img {
    display: block;
    position: absolute;
    right: 0;
    bottom: -1rem;
    max-width: 58%;
}
.free-player-content {
    position: absolute;
    top: -4rem;
    left: 0;
    width: 20rem;
    padding-left: 3rem;
}
.free-player-content img {
    max-width: 13rem;
}
.free-player-content .title {
    font-size: 5rem;
    font-family: BurbankBigCondensed-Black;
    color: #FFF;
    line-height: 4rem;
}
.free-player-content h2 {
    font-family: BurbankBigCondensed-Black;
    font-size: 1.5rem;
}
.free-player-content li {
    font-size: 1rem;
}

.questions {
    max-width: 30rem;
    margin: 0 auto;
    text-align: center;
}
.questions>img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.questions h2 {
    font-family: BurbankBigCondensed-Black;
    padding: 2rem 6rem 0;
    line-height: 3rem;
    font-size: 2.5rem;
    color: #000;
}
.questions>p {
    font-family: BurbankBigCondensed-Bold;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.7rem;
    color: #000;
}
.questions>a {
    display: block;
}
.questions a img {
    display: block;
    max-width: 100%;
}

.beginner-faqs {
    background: #3a3b3f;
    padding: 5rem 0;
    margin-top: 5rem;
}
.beginner-faqs, .beginner-faqs p {
    color: #FFF;
}
.beginner-faqs .heading {
    font-size: 6rem;
    font-family: BurbankBigCondensed-Black;
}
.beginner-faqs h1 {
    line-height: 2.7rem;
    font-family: BurbankBigCondensed-Black;
    margin: 4rem 0 0.5rem;
}

.navbar-nav.right-nav .nav-link.players-online {
    text-align: center;
    padding: 15px 1rem 0 !important;
    height: 100%;
    display: block;
}
.players-online small {
    display: block;
}
.players-online span {
    font-size: 1.5rem;
    display: block;
    line-height: 1rem;
    font-family: BurbankBigCondensed-Black;
}
.generic-form-div.donate .generic-form-table {
    width: 100%;
    max-width: 800px;
}

@media(min-width: 992px) and (max-width: 1199px) {
    .download-header {
        height: 43rem;
    }
}
@media(min-width: 768px) and (max-width: 991px) {
    .download-header {
        height: 34rem;
    }
    h2.toobig { font-size: 3rem; }
    .free-player-content .title { font-size: 4rem; }
}
@media(min-width: 576px) and (max-width: 767px) {
    .download-header { height: 26rem; }
    .download-content { font-size: 6rem; }
    .download-content small { font-size: 4rem; }
    .free-player-content .title { font-size: 4rem; }
    .offer { margin-bottom: 2rem; }
    .offer-info p { padding: 0 2rem; }
    h2.toobig { font-size: 2rem; }
}
@media(max-width: 575px) {
    .download-header { height: 22rem; }
    .download-content { font-size: 4rem; }
    .download-content small { font-size: 3rem; }
    .download-subtitle { font-size: 2rem; line-height: 2rem; }

    .offer { padding: 0; margin-bottom: 2rem; }
    .offer-items-slide { padding-top: 15rem; }
    .free-player { height: 45rem; }
    .free-player>img { max-width: 95%; display: block; margin: 0 auto; }
    .questions h2 { padding: 2rem 1rem 0; line-height: 2rem; font-size: 2rem; }
    .questions>p { padding: 0 0.5rem; }
    h2.toobig { line-height: 1; font-size: 4rem; }
    .offer-info p { padding: 0 0.5rem; }
}
@media(max-width: 425px) {
    .download-header { height: 18rem; }
    .offer-image { height: 11rem; }
}