.home-top-section {
    margin:0 auto;
    padding:0;
    width:100%;
    height:260px;
    background-color:#07131f;
}

.home-top-section-left {
    margin:0 auto;
    padding:0;
    width:250px;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
}

.home-download-client-widget {
    margin:0 auto;
    padding:0;
    width:250px;
    height:131px;
    float:left;
    clear:both;
    display:block;
    background:url('../images/download-client-widget-background.jpg') top center no-repeat transparent;
    transition:.2s ease all;
}

.home-download-client-widget:hover {
    background-image:url('../images/download-client-widget-background-hover.jpg');
}

.home-top-section-quicklinks {
    margin:0 auto;
    padding:0;
    width:250px;
    height:129px;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    background-color:#142736;
}

.home-top-section-quicklinks ul {
    margin:0 auto;
    width:100%;
    float:left;
    display:block;
}

.home-top-section-quicklinks ul li {
    margin:0 auto;
    padding:0;
    width:125px;
    float:left;
    display:inline-block;
    border-right:1px solid #1a3749;
}

.home-top-section-quicklinks ul li a {
    padding:14px 10px;
    float:left;
    display:inline-block;
}

.home-top-section-quicklinks ul li:nth-child(1),
.home-top-section-quicklinks ul li:nth-child(2) {
    border-bottom:1px solid #1a3749;
}

.home-top-section-quicklinks ul li:nth-child(2),
.home-top-section-quicklinks ul li:nth-child(4) {
    border-right:none;
}

.home-top-section-quicklinks ul li img {
    margin-top:5px;
    width:32px;
    height:32px;
    float:left;
    display:inline-block;
    vertical-align:middle;
}

.home-top-section-quicklinks ul li h3,
.home-top-section-quicklinks ul li p {
    margin:0 auto;
    float:left;
    clear:both;
}

.home-top-section-quicklinks ul li h3 {
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    color:#8e9ba4;
    transition:.1s ease color;
}

.home-top-section-quicklinks ul li p {
    margin-top:2px;
    font-size:9px;
    font-weight:600;
    text-transform:uppercase;
    color:#4a6274;
}

.home-top-section-quicklinks ul li table {
    margin:0 auto;
    width:100%;
}

.home-top-section-quicklinks ul li a:hover > table tr td h3 {
    color:#d1d4d7;
}

.home-top-section-middle {
    margin:0 auto;
    padding:0;
    width:708px;
    height:260px;
    float:left;
    display:inline-block;
    background-color:#142736;
}

.home-top-section-slider,
.home-top-section-slider a img {
    min-height:260px;
}

.home-top-section-slider {
    cursor:e-resize;
}

.home-top-section-slider a img {
    transition:.1s ease-in-out opacity;
}

.home-top-section-slider a:hover > img {
    /*opacity:.9;*/
}

.home-lite-notice {
    margin:20px auto 10px 0;
    padding:10px;
    width:100%;
    height:auto;
    overflow:hidden;
    background-color:#0e192c;
    border-radius:4px;
    box-sizing:border-box;
}

.home-lite-notice-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
    color:#fff;
    font-size:12px;
}

.home-lite-notice-row-time {
    font-weight:bold;
}

.home-lite-notice-row-text {
    font-weight:normal;
}

.home-lite-notice-text {
    color:#fff;
    font-size:12px;
    white-space:pre-line;
}

.home-lite-notice-post {
    text-align:right;
    font-size:11px;
    font-style:italic;
    color:#ccc;
    margin-top:10px;
}

.home-lite-notice-date {
    margin:0 auto;
    line-height:45px;
    color:#a5b9dd;
    text-shadow:0 0 30px #a5b9dd;
    font-size:12px;
    margin-left:420px;
    display:block;
}

.home-lite-update-title {
    margin:0 auto;
    line-height:45px;
    color:#a5b9dd;
    text-shadow:0 0 30px #a5b9dd;
    cursor:pointer;
    font-size:12px;
    margin-left:590px;
    display:block;
}

.home-lite-update-title:hover {
    color:#8aa3cf;
}

.home-lite-topic-main {
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    height:auto;
    float:left;
    display:block;
}

.home-lite-topic-main img {
    width:133px;
    height:133px;
    float:left;
    display:inline-block;
}

.home-lite-topic-main-info {
    margin-left:20px;
    width:496px;
    float:left;
    display:inline-block;
}

.home-lite-topic-info-title,
.home-lite-topic-info-preview {
    margin:0 auto;
    float:left;
    clear:both;
}

.home-lite-topic-info-title {
    font-size:12px;
    font-weight:600;
    color:white;
}

.home-lite-topic-info-title a {
    color:white;
    transition:.2s ease color;
}

.home-lite-topic-info-title a:hover {
    color:#c7d3dd;
}

.home-lite-topic-info-preview {
    margin-top:10px;
    font-size:11px;
    font-weight:400;
    line-height:1.8em;
    color:#6f84a0;
    white-space:pre-line;
}

.home-lite-topic-info-actions {
    margin:100px auto 0 auto;
    width:200px;
    height:auto;
    /*overflow:hidden;*/
    float:right;
    display:inline-block;
}

.home-lite-topic-info-readmore {
    position:relative;
    margin:0 0 0 -300px;
    width:80px;
    height:25px;
    float:left;
    display:inline-block;
    line-height:25px;
    font-size:10px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    color:white;
    background:url('../images/blue-button-bg.jpg') center center no-repeat transparent;
    background-size:100%;
    border-radius:2px;
    transition:.3s ease all;
}

.home-lite-topic-info-readmore:hover {
    background-image:url('../images/blue-button-bg-hover.jpg');
}

.home-lite-topic-info-readmore:active {
    top:1px;
}

.home-lite-topic-info-date {
    float:right;
    display:inline-block;
    line-height:25px;
    font-size:11px;
    font-weight:600;
    color:white;
}

.home-lite-topic-info-date a {
    float:right;
    margin-right:15px;
    display:inline-block;
    line-height:25px;
    font-size:11px;
    font-weight:600;
    color:#fff;
}

.home-lite-topic-info-date a:hover {
    color:#e2dddd;
}

.home-lite-topics-list {
    margin:30px auto 0 auto;
    padding:0;
    width:100%;
    float:left;
}

.home-lite-topics-list li,
.home-lite-topics-list li a {
    width:100%;
    float:left;
    display:block;
}

.home-lite-topics-list li a {
    padding:20px 10px;
    border-top:1px solid #0d1f2d;
    border-bottom:1px solid #0d1f2d;
    transition:.1s ease background-color;
}

.home-lite-topics-list li a:hover {
    background-color:#061725;
}

.home-lite-topics-list li span,
.home-lite-topics-list li p {
    float:left;
    display:inline-block;
}

.home-lite-topics-list li span.fa {
    vertical-align:middle;
    font-size:16px;
    font-weight:700;
    color:#4e6b7d;
}

.home-lite-topics-list-date {
    margin-left:10px;
    font-size:11px;
    font-weight:600;
    color:white;
}

.home-lite-topics-list-text {
    position:relative;
    margin-left:7px;
    font-size:11px;
    font-weight:600;
    color:#6f84a0;
}

.home-lite-topics-list-text:before {
    content: "-";
    margin-right:5px;
    font-size:12px;
    font-weight:700;
}

.home-lite-topics-list li p.home-lite-topics-list-readmore {
    display:none;
    float:right;
    font-size:11px;
    font-weight:600;
    text-align:center;
    color:#17799c;
    transition:.3s ease all;
}

.home-lite-topics-list li p.home-lite-topics-list-readmore:hover {
    color:#009dd5;
}

.home-lite-topics-list li a:hover > .home-lite-topics-list-readmore {
    display:inline-block;
}

.content-side-right-list {
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    float:left;
}

.content-side-right-list li {
    padding:15px 0;
    width:100%;
    float:left;
    clear:both;
    display:block;
    border-top:1px solid #0d1f2d;
    border-bottom:1px solid #0d1f2d;
    transition:.1s ease background-color;
}

.content-side-right-list li p {
    margin:0 auto;
    display:inline-block;
}

.content-side-right-list-title {
    float:left;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    color:white;
}

.content-side-right-list-info {
    float:right;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    color:#519b46;
}

.content-side-right-list li p.content-side-server-status-title {
    margin-top:3px;
}

.content-side-server-status img {
    margin-top:-3px;
    vertical-align:middle;
}

.server-status-offline {
    color:#ed1c24;
}

.trailer-video-wrapper {
    position:relative;
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    height:150px;
    overflow:hidden;
    float:left;
    display:block;
    cursor:pointer;
    background-color:#091c2b;
}

.trailer-video-wrapper img {
    width:100%;
    opacity:.8;
    transition:.2s ease all;
}

.trailer-video-play-button {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    line-height:35px;
    text-align:center;
    border:2px solid white;
    border-radius:15px;
    transition:.2s ease all;
}

.trailer-video-play-button {
    font-size:14px;
    color:white;
}

.trailer-video-wrapper:hover > img {
    opacity:1;
}

.trailer-video-wrapper:hover > .trailer-video-play-button {
    background-color:rgba(255,255,255,.2);
}

.home-discord-widget-divider {
    margin:25px auto;
    padding:0;
    width:100%;
    height:2px;
    float:left;
    clear:both;
    display:block;
    background-color:#091c2b;
}

.home-discord-widget {
    margin:0 auto;
    padding:0;
    width:100%;
    height:60px;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    cursor:pointer;
    border-radius:10px;
    transition:.2s ease all;
}

.home-discord-widget:hover {
    background-color:#0a1f30;
}

.no-topics-atm {
    margin:20px auto;
    float:left;
    clear:both;
    font-size:12px;
    font-weight:600;
    font-style:italic;
    color:#485d6e;
}

.vote-splash-overlay {
    display:none;
    z-index:11000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:rgba(0,0,0,.8);
}

.vote-splash {
    position:fixed;
    top:50%;
    left:50%;
    margin:-150px auto 0 -250px;
    padding:0;
    width:500px;
    height:300px;
    background:url('../images/splash/vote-splash.jpg') center center no-repeat #03080f;
    background-size:100%;
    border-radius:10px;
    box-shadow:0 0 30px rgba(0,0,0,.4);
}

.vote-splash-close {
    position:absolute;
    top:-10px;
    right:-10px;
    margin:0 auto;
    padding:0;
    width:32px;
    height:32px;
	cursor:pointer;
    background:url('../images/splash/vote-splash-close.png') center center no-repeat transparent;
    background-size:100%;
    box-shadow:0 0 15px rgba(0,0,0,.4);
}

.vote-splash-close:hover {
    background:url('../images/splash/vote-splash-close-hover.png') center center no-repeat transparent;
    background-size:100%;
    box-shadow:0 0 15px rgba(0,0,0,.4);
}

.vote-splash-footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(0, 0, 0, 0.7);
    padding:12px 20px;
    box-sizing:border-box;
    border-radius:0 0 10px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    font-size:14px;
    user-select:none;
}

.vote-splash-footer label {
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
}

.vote-splash-footer input[type="checkbox"] {
    width:18px;
    height:18px;
    cursor:pointer;
    accent-color:#012732;
    outline:2px solid #024a5b;
    outline-offset:1px;
}

.vote-splash-footer input[type="checkbox"]:hover {
    accent-color:#024a5b;
    outline:2px solid #024a5b;
    outline-offset:1px;
}

.vote-splash-submit {
    width:100px;
    height:30px;
    background:linear-gradient(145deg, #0d1a3a, #132a55);
    border:none;
    border-radius:8px;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
    box-shadow:0 4px 8px rgba(0,0,0,0.2);
    transition:all 0.2s ease-in-out;
}

.vote-splash-submit:hover {
    background:linear-gradient(145deg, #132a55, #0d1a3a);
    transform:scale(1.05);
    box-shadow:0 6px 12px rgba(0,0,0,0.3);
}