.adbox {
    display: none;
}

.server-flag {
    position: absolute;
    padding: 5px 20px 3px 20px;
    border-radius: 2px;
    color: #000;
    font-size: 12px;
}
.server-flag-diamond {
    background-color: rgb(46,142,187);
    color: #fff;
}
.server-flag-diamond:hover {
    background-color: rgb(31,127,172);   
}
.server-flag-platinum {
    background-color: rgb(255,255,255);
}
.server-flag-platinum:hover {
    background-color: rgb(225,228,235);   
}
.server-flag-master {
    background-color: rgb(255,255,255);
}
.server-flag-master:hover {
    background-color: rgb(225,228,235);   
}

.server-card {
    padding: 13px;
    color: rgb(230, 230, 230);
    background-color: rgb(52, 56, 83);
    height: 253px;
    border-radius: 1px;
    font-weight: 300;
    max-width: 468px;
    margin: 0 auto 30px;
}
div .promoted-server {
    background: rgb(42, 89, 125);
    color: rgb(235, 235, 235);
}
div .platinum-server {
    background: rgb(105, 105, 125);
    color: rgb(245, 245, 250);
    border: 1px solid #fff;
    border-radius: 2px;
}
div .master-server {
    background: rgb(76, 46, 199);
    color: rgb(245, 245, 250);
    border: 1px solid #fff;
    border-radius: 2px;
}
div .server-premium .server-name {
    color: rgb(255, 255, 255);
}
.server-card .server-banner {
    max-width: 468px;
    height: 60px;
    position: relative;
    margin: 0 -13px -60px;
    background-color: #000;
}
.server-card .server-banner-spacer {
    height: 56px;
    margin-bottom: 10px;
}
.server-card .server-icon {
    height: 56px;
    width: 56px;
    vertical-align: sub;
    display: block;
    margin: 0 auto 10px;
    padding: 6px;
}
.server-premium .server-icon {
    padding: 0;
}
.server-card .server-name {
    font-size: 20px;
    color: rgb(235, 235, 235);
    white-space: nowrap;
    display: block;
    text-align: center;
    overflow: hidden;
}
.server-card .server-description {
    font-size: 14px;
    padding-top: 12px;
    overflow: hidden;
    height: 90px;
}
.server-card .server-options {
    padding-top: 12px;
}

.server-card .btn-default {
    background-color: rgb(90, 90, 105);
}

.server-card .btn-default:hover, .server-card .btn-primary:focus {
    background-color: rgb(80, 80, 95);
}

.server-card .btn-default:active:hover {
    background-color: rgb(75, 75, 90);
    border-color: rgb(70, 70, 85);
}

.server-card .btn-primary {
    background-color: rgb(46, 142, 187);
}

.server-card .btn-primary:hover, .server-card .btn-primary:focus {
    background-color: rgb(31, 127, 172);
}

.platinum-cards {
     position: absolute;
     margin-top: 350px;
     width: 100%;
     padding: 0 0 0 15px;
     margin-left: -15px;
 }

.platinum-cards h6 {
    display: none;
}

.platinum-cards .server-card {
    position: relative;
    z-index: 10;
    margin-right: 15px;
}

.interspersed-server {
    margin-bottom: 306px;
}

.server-premium-label {
    position: absolute;
    margin-top: -18px;
}

.ptn-left {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

.ptn-left img {
    width: 100%;
    height: 139px;
}

@media (min-width: 768px) {
    .adbox {
        display: inherit;
        height: 116px;
    }

    .platinum-cards {
        margin-top: 464px;
    }
}

@media (min-width: 992px) {
    .platinum-cards {
        position: relative;
        padding: 0;
        margin: inherit;
    }

    .platinum-cards h6 {
        display: inherit;
    }

    .platinum-cards .server-card {
        margin-right: 0;
    }

    .server-card {
        margin-bottom: 30px !important;
    }

    .server-premium-label {
        display: none;
    }

    .ptn-left {
        padding-bottom: 0;
    }
}

.btn-white {
  color: #303030;
  background-color: rgb(245, 248, 255);
  border-color: transparent;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #303030;
  background-color: rgb(225, 228, 235);
  border-color: transparent;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #FFFFFF;
  border-color: #EDEDED;
}

.btn-white .badge {
  color: #FFFFFF;
  background-color: #303030;
}

/* Master */
.btn-master {
  color: #303030;
  background-color: rgb(245, 248, 255);
  border-color: transparent;
}

.btn-master:hover,
.btn-master:focus,
.btn-master:active,
.btn-master.active,
.open .dropdown-toggle.btn-white {
  color: #303030;
  background-color: rgb(225, 228, 235);
  border-color: transparent;
}

.btn-master:active,
.btn-master.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-master.disabled,
.btn-master[disabled],
fieldset[disabled] .btn-master,
.btn-master.disabled:hover,
.btn-master[disabled]:hover,
fieldset[disabled] .btn-master:hover,
.btn-master.disabled:focus,
.btn-master[disabled]:focus,
fieldset[disabled] .btn-master:focus,
.btn-master.disabled:active,
.btn-master[disabled]:active,
fieldset[disabled] .btn-master:active,
.btn-master.disabled.active,
.btn-master[disabled].active,
fieldset[disabled] .btn-master.active {
  background-color: #FFFFFF;
  border-color: #EDEDED;
}

.btn-master .badge {
  color: #FFFFFF;
  background-color: #303030;
}