/*
 *  [ HTML & BODY ]
 */

:root {   
  --header-url: url(https://i.imgur.com/AVoKStB.png);  /* header image */
  --main-color: #dc3545;   
  --text-color: #bebcbc;   
  --second-color: rgb(138, 50, 59);
  --panel-heading: #424040;  
  --panel-body: #2c2b2b;
  --html-background: #252323;
  --footer-bg: #242323;  
  --header-height: 400px;  
  --header-filter: blur(100px);
  --header-background: linear-gradient(#212121 0,rgb(74 69 69 / 18%) 0%,#252323 90%);    
  --logo-height: 150px;    
}

html, body { 
  background: no-repeat center center fixed;  
  -webkit-background-size: cover; 
  -moz-background-size: cover;  
  -o-background-size: cover; 
  background-size: cover;  
  background: var(--html-background)!important; 
  font-family: "Montserrat", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: var(--text-color);
}
html,
body {
    background: var(--html-background); /* background color */
}
#wrapper {
    margin-bottom: 1rem;
}
input[type=text]{
  color: var(--text-color);
}

textarea {
  color: var(--text-color);
}

body.pushable>.pusher {
    background: var(--html-background); /* background color */
}
body.pushable {
    background: var(--html-background)!important;
}

.container {
    position: relative;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 1200px) {
.container {
    width: 1170px;
}
}

@media (min-width: 992px){
.container {
    width: 970px;
}
}

::-webkit-scrollbar {
	width: 8px;
	height: 30px;
}

::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 20px;
}

::-webkit-scrollbar-track {
    background-color: var(--panel-heading);
}

::-webkit-scrollbar-corner {
    background-color: var(--main-color);
}

a {
    color: var(--main-color);
}

a:hover, a:focus {
    color: var(--main-color);
    text-decoration: none;
    opacity: 0.9;
    transition: 1s;
}

::selection {
    color: var(--text-color);
    background-color: var(--main-color);
}

/*
   *  [ NAVIGATION BAR ]
   */

.ui.secondary.menu {
    background: #fff;
    padding: 10px;
    margin: 0;
}

.ui.secondary.menu .toc.item {
    display: none;
}

.ui.secondary.menu .toc.item i {
    margin: 0;
}

#navbar .item i {
    margin-right: 5px;
}

.ui.secondary.menu .ui.medium.label {
    padding: .68em 1em .5em .5em;
}

.ui.secondary.menu .ui.medium.label img {
    font-size: 1.09rem;
    margin: -.6em .5em -.6em -.5em;
}

.ui.secondary.inverted.menu .popup .list a.item {
    color: rgba(0, 0, 0, .87) !important;
}

@media only screen and (max-width: 768px) {

    .ui.secondary.menu .menu,
    .ui.secondary.menu .item {
        display: none;
    }

    .ui.secondary.menu .toc.item {
        display: block;
    }
}

.ui.secondary.menu .ui.popup {
    min-width: 200px;
}

.ui.secondary.menu .ui.popup a:not([href]) {
    cursor: default !important;
}

.ui.vertical.inverted.sidebar.menu.left .item .header span.icon {
    float: right;
}

/*
   *  [ HEADER ]
   */

.ui.masthead {
    background: linear-gradient(90deg, rgb(41, 117, 286) 0%, rgb(2, 117, 216) 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding: 4rem 0;
    border-radius: 0;
    color: #fff;
}

.ui.masthead .connect-server {
    background: rgba(255, 255, 255, .2);
    width: fit-content;
    padding: 1rem 1.5rem;
    margin-left: auto;
    border-radius: .4rem;
    text-align: center;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);
}

@media (max-width: 768px) {
    .ui.masthead .ui.grid .ui.row .column>* {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.ui.masthead .connect-server .ui.header {
    margin: 0;
    color: #fff;
}

/*
   *  -[ SEGMENT ]-
   */

.ui.segment {
    background: #fff;
    border-radius: .28571429rem;
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.ui.segment .ui.list .list>.item .header,
.ui.segment .ui.list>.item .header {
    display: inline-block;
}

.ui.secondary.segment.segment.segment.segment.segment:not(.inverted) {
    border-top: none;
}

/*
   *  [ NEWS POST ]
   */

#news-post .badge,
#news-post .ui.label {
    position: absolute;
    margin: 0;
    padding: .75em 1em;
    width: auto;
    top: 0;
    right: 0;
    text-transform: uppercase;
    border-radius: 0 .21428571rem 0 .28571429rem;
}

/*
   *  [ FORUM NODE ]
   */

#forum-node #last-post {
    width: 250px;
}

#forum-node #last-post .avatar {
    margin: 2px 10px 0 0;
}

/*
   *  [ FORUM PAGE ]
   */

#sticky-threads tbody tr td:last-child:not(:first-child),
#normal-threads tbody tr td:last-child:not(:first-child) {
    text-align: right;
}

#sticky-threads tbody tr td:last-child .ui.image.header .image,
#normal-threads tbody tr td:last-child .ui.image.header .image {
    float: right;
    margin-left: 1rem;
    margin-top: .24rem;
}

#sticky-threads .badge,
#sticky-threads .ui.label,
#normal-threads .badge,
#normal-threads .ui.label {
    position: relative;
    top: -1.2px;
    padding: .3rem .5rem;
    font-size: .7rem;
    margin: 0;
    margin-bottom: .1rem;
    margin-right: .2rem;
}

/*
   *  [ TOPIC PAGE ]
   */

#topic-post #post-sidebar .ui.small.image,
#topic-reply #reply-sidebar .ui.small.image {
    width: 120px;
}

#topic-post #post-sidebar h3,
#topic-reply #reply-sidebar h3 {
    margin: 1rem 0;
}

@media (max-width: 768px) {

    #topic-post #post-sidebar .ui.list,
    #topic-reply #reply-sidebar .ui.list {
        display: none;
    }
}

#topic-post #post-meta [class*="res right floated"] {
    margin-top: -5px;
}

@media (max-width: 576px) {
    #topic-post #post-meta {
        text-align: center;
    }

    #topic-post #post-meta [class*="res right floated"] {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {

    #topic-post #post-sidebar,
    #topic-reply #reply-sidebar {
        border-right: solid 1px rgba(0, 0, 0, .1);
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #topic-post #post-sidebar:before,
    #topic-reply #reply-sidebar:before {
        content: "";
        height: 0;
        border: 8px solid transparent;
        border-right: 8px solid rgba(0, 0, 0, .2);
        position: absolute;
        top: 75px;
        right: 0;
    }

    #topic-post #post-sidebar:after,
    #topic-reply #reply-sidebar:after {
        content: "";
        height: 0;
        border: 8px solid transparent;
        border-right: 8px solid #fff;
        position: absolute;
        top: 75px;
        right: -1px;
    }
}

@media only screen and (max-width: 768px) {

    #topic-post #post-sidebar,
    #topic-reply #reply-sidebar {
        border-bottom: solid 1px rgba(0, 0, 0, .1);
    }
}

#topic-post #post-content {
    display: flex;
    flex-direction: column;
}

#topic-post #post-content #reactions {
    margin-top: auto;
    padding: .7em 1.2em .7em 1.2em;
    min-height: 32.5px;
    font-size: .85em;
}

#topic-post #post-content #reactions form {
    display: inline-block;
}

#topic-post #post-content #reactions .icon {
    margin-right: .3em;
}

#topic-post #post-meta {
    margin-right: 1.3em;
}

#topic-post #post-sidebar .groups {
    text-align: center;
}

.inline.fields.labels {
    flex-wrap: wrap;
}

.ui.form .inline.fields.labels .field {
    padding-bottom: 1em;
}

.blockquote {
    border-left: 2px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

/*
   *  [ ACCOUNT MESSAGES ]
   */

#view-message #message .header {
    font-size: 1.15rem;
    margin-top: 0.01rem;
}

#view-message #message .meta {
    line-height: 0.95rem;
}

@media (max-width: 768px) {
    #messages table thead tr th:first-child {
        width: 100%;
    }

    #messages table thead tr th:not(:first-child),
    #messages table tbody tr td:not(:first-child) {
        display: none;
    }
}

/*
   *  -[ 404 ERROR ]-
   */

#error-403 .ui.container,
#error-404 .ui.container,
#maintenance .ui.container {
    position: relative;
    min-height: 100vh;
}

#error-403 .ui.segment,
#error-404 .ui.segment,
#maintenance .ui.segment {
    position: absolute;
    transform: translate(-50%, -70%);
    top: 50%;
    left: 50%;
    width: 500px;
    text-align: center;
}

/*
   *  [ PROFILE PAGE ]
   */

#profile-header {
    background: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#profile-header .ui.header {
    margin: 8px 0;
}

#profile-header .ui.label {
    margin: 0;
}

#profile-header .actions {
    position: absolute;
    right: 1rem;
}

#profile a.ui.circular.image.avatar img {
    max-height: 35px;
}

/* Fix avatar images in labels being a few px from touching the top */
.ui.image.label img {
    vertical-align: top !important;
}

/*
   *  [ FORUM SEARCH ]
   */

#forum-search-result h3.ui.header {
    margin-top: 0;
    margin-bottom: 1rem;
}

/*
   *  [ SERVER PAGE ]
   */

[id*="server"] #server-players a:not(:last-child) {
    margin-right: .3rem;
}

/*
   *  [ WIDGETS ]
   */

[id*="widget"] .item .content {
    width: calc(100% - 40px) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[id*="widget"] .item .content * {
    overflow: hidden;
    text-overflow: ellipsis;
}

[id*="widget"] .item .description {
    width: calc(100% - 120px) !important;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[id*="widget"] .item .description * {
    overflow: hidden;
}

#widget-online-users .content {
    padding-bottom: .5rem;
}

#widget-online-users .ui.image.label {
    margin-bottom: .5rem;
}

#widget-online-staff .ui.list .item {
    display: flex;
    align-items: center;
}

#widget-online-staff .ui.list .item .content {
    display: flex;
    align-items: center;
}

#widget-online-staff .ui.list .item .content .badge {
    margin-left: .35rem;
}

.fb-page {
    padding-bottom: 14px;
}

/*
   *  -[ FOOTER ]-
   */

.ui.footer.segment {
    position: relative;
    margin: auto 0 -.5rem 0;
    padding: 3em 0;
}

@media only screen and (max-width: 768px) {
    .ui.footer.segment {
        text-align: center;
    }
}

.ui.link.list.list .active.item {
    color: rgba(255, 255, 255, .5);
}

.ui.link.list.list .active.item a:not(.ui) {
    color: rgba(0, 0, 0, .87) !important;
}

.ui.link.list.list .active.item a:not(.ui):hover {
    background: rgba(0, 0, 0, .05) !important;
}

/*
   *  [ TABLE ]
   */

@media (max-width: 576px) {
    .ui.table.res thead tr th:first-child {
        width: 100%;
    }

    .ui.table.res thead tr th:not(:first-child),
    .ui.table.res tbody tr td:not(:first-child) {
        display: none;
    }
}

@media (max-width: 992px) {

    .ui.table.res thead tr th:first-child,
    .ui.table.res thead tr th:last-child {
        width: 50%;
    }

    .ui.table.res thead tr th:not(:first-child):not(:last-child),
    .ui.table.res tbody tr td:not(:first-child):not(:last-child) {
        display: none;
    }
}

/*
   *  -[ GRID ]-
   */

.ui.grid+.grid {
    margin-top: 0.3rem;
}

.ui.row+.row {
    padding-top: 0.3rem;
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0 -1rem 0 -1rem !important;
}

@media only screen and (max-width: 768px) {
    .ui.padded.grid:not(.vertically):not(.horizontally) {
        margin: 0 !important;
    }
}

/*
   *  [ LINK LIST ]
   */

.ui.link.list.list .item a:not(.ui):hover,
.ui.link.list.list a.item:hover {
    background: none;
}

.ui.link.list.list .ui.divider {
    margin: 0.5rem 0;
}

/*
   *  [ USES POPUP ]
   */

#user-popup .header {
    text-align: center;
}

#user-popup .header .ui.header {
    padding: .5rem 0;
}

#user-popup .header .ui.image {
    margin: auto;
}

/*
   *  [ COOKIE NOTICE ]
   */

.cc-window.cc-floating {
    padding: 1rem 1.5rem;
    background-color: #fff !important;
    color: rgba(0, 0, 0, .68) !important;
    -webkit-box-shadow: 0 1px 3px 0 #bababb, 0 0 1px 1px #bababb;
    box-shadow: 0 1px 3px 0 #bababb, 0 0 1px 1px #bababb;
    border: none;
    border-radius: .28571429rem;
    cursor: default;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
    transition: .5s all ease;
}

.cc-window.cc-floating .cc-highlight .cc-btn:first-child {
    color: rgba(0, 0, 0, .68);
}

.cc-window.cc-floating .cc-highlight .cc-btn.cc-allow {
    -webkit-box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
    box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
    background-color: #2185d0;
    border-color: #fff;
    border-radius: 5px;
    color: #fff;
}

.cc-revoke.cc-bottom.cc-right {
    color: #fff;
}

/*
   *  [ SPOILER ]
   */

#tinymce .spoiler,
.spoiler {
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent;
    border: none;
}

#tinymce .spoiler-toggle,
.spoiler-toggle {
    color: rgba(0, 0, 0, .87);
}

#tinymce .spoiler-text,
.spoiler-text {
    color: rgba(0, 0, 0, .87);
}

/*
   *  [ MESSAGE ]
   */

.ui.message>.close.icon {
    right: .8em;
}

/*
   *  [ UPDATE MESSAGE ]
   */

#update-message {
    margin-bottom: 1rem;
}

#update-message>a {
    color: inherit;
    transition: all .2s ease;
}

#update-message>a:hover {
    filter: contrast(2);
}

#update-message>a>.icon {
    margin-right: .5em;
}

#update-message>a>.icon:not(.close) {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    font-size: 3em;
    opacity: .8;
}

/*
   *  [ PAGINATION ]
   */

.ui.mini.pagination.menu .item:first-child,
.ui.mini.pagination.menu .item:last-child {
    padding-top: .5rem;
}

/*
   *  -[ ALIGNMENTS ]-
   */

[class*="left aligned"] {
    text-align: left;
}

[class*="center aligned"] {
    text-align: center;
}

[class*="right aligned"] {
    text-align: right;
}

/*
   *  [ FLOATS ]
   */

[class*="left floated"],
[class*="res left floated"] {
    float: left;
}

[class*="right floated"],
[class*="res right floated"] {
    float: right;
}

[class*="right floated"]+.ui.segment,
[class*="res right floated"]+.ui.segment {
    margin-top: 1rem;
}

@media only screen and (max-width: 576px) {

    [class*="res right floated"],
    [class*="res left floated"] {
        margin-top: 1rem;
        float: none;
    }

    [class*="res right floated"] .button:not(.mini),
    [class*="res left floated"] .button:not(.mini) {
        width: 100%;
        text-align: center;
    }

    [class*="res right floated"] .button:not(:first-child),
    [class*="res left floated"] .button:not(:first-child) {
        margin-top: 0.5rem;
    }
}

/*
   *  [ DISPLAY ]
   */

[display="block"] {
    display: block !important;
}

[display="inline"] {
    display: inline !important;
}

[display="inline block"] {
    display: inline-block !important;
}

/*
   *  [ VISIBILITY ]
   */

@media only screen and (max-width: 576px) {

    [class*="mobile hidden"],
    [class*="tablet only"]:not(.mobile),
    [class*="computer only"]:not(.mobile),
    [class*="large screen only"]:not(.mobile),
    [class*="widescreen only"]:not(.mobile),
    [class*="or lower hidden"] {
        display: none !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {

    [class*="mobile only"]:not(.tablet),
    [class*="tablet hidden"],
    [class*="computer only"]:not(.tablet),
    [class*="large screen only"]:not(.tablet),
    [class*="widescreen only"]:not(.tablet),
    [class*="or lower hidden"]:not(.mobile) {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    [class*="mobile only"]:not(.computer),
    [class*="tablet only"]:not(.computer),
    [class*="computer hidden"],
    [class*="large screen only"]:not(.computer),
    [class*="widescreen only"]:not(.computer),
    [class*="or lower hidden"]:not(.tablet):not(.mobile) {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {

    [class*="mobile only"]:not([class*="large screen"]),
    [class*="tablet only"]:not([class*="large screen"]),
    [class*="computer only"]:not([class*="large screen"]),
    [class*="large screen hidden"],
    [class*="widescreen only"]:not([class*="large screen"]),
    [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
        display: none !important;
    }
}

@media only screen and (min-width: 1280px) {

    [class*="mobile only"]:not([class*="widescreen"]),
    [class*="tablet only"]:not([class*="widescreen"]),
    [class*="computer only"]:not([class*="widescreen"]),
    [class*="large screen only"]:not([class*="widescreen"]),
    [class*="widescreen hidden"],
    [class*="widescreen or lower hidden"] {
        display: none !important;
    }
}

/*
   *  [ USER BADGES ]
   */

.badge {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: 0.3em .3em;
    color: rgba(0, 0, 0, .6);
    text-transform: none;
    font-size: .85714286rem;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
}

a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

/*
   *  [ OTHER ]
   */

select {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    padding: 10px !important;
}

.ui.popup {
    z-index: 99999;
    text-align: left;
}

.ui.popup .ui.header {
    margin: 0;
}

.ui.message {
    margin: 0.5em 0;
}

.tox-tinymce {
    min-height: 300px;
}

.forum_post {
    word-wrap: break-word;
}

.forum_post img {
    overflow: auto;
    max-width: 100%;
    height: auto;
}

#post-content .forum_post {
    margin-bottom: 1rem;
}

.ui.checkbox .box:before {
    margin-top: 4px;
}

.ui.checkbox input:checked~.box:after {
    margin-top: 4px;
}

.ui.header .topic.title .label,
.ui.header .topic.title .badge {
    margin-top: -4px;
    vertical-align: middle;
}

#ie-message {
    display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #ie-message {
        display: initial;
    }
}

#darkmode {
    display: inline-block;
}

.darkmode-toggle {
    opacity: 0;
    position: absolute;
}

.darkmode-toggle:checked+.darkmode-toggle-label .darkmode-ball {
    transform: translateX(24px);
}

.darkmode-toggle-label {
    background-color: #111;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    height: 26px;
    width: 50px;
    cursor: pointer;
}

.darkmode-ball {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 22px;
    width: 22px;
    transition: transform 0.2s linear;
}

.fa-moon {
    color: #f1c400;
}

.fa-sun {
    color: #f39c00;
}

/*
 Member list search images
 */
.ui.search>.results .result .image {
    border-radius: 0;
}

/*
 Make new members grid avatars fit nicer
 */
#new-members-grid {
    padding: 0.5em;
}

#new-members-grid .column {
    padding: 0.5em;
}

/*
 *  [ EMOJI SIZING ]
 */

.joypixels,
.twemoji {
    height: 1em;
    width: 1em;
    vertical-align: middle;
}

/*
   *  [ DARK MODE ]
   */

body.dark,
body.dark>.pusher,
body.dark .ui.pointing.dropdown>.menu:after {
    background: #222;
}

body.dark .ui.secondary.menu:not(.inverted) {
    background: #303030;
    color: #fff;
}

body.dark .ui.secondary.menu .item.active {
    color: #fff;
}

body.dark .ui.top.attached.menu:not(.inverted) {
    background: #282828;
    border: 1px solid #282828;
}

body.dark .ui.top.attached.menu:not(.inverted) .item {
    color: #fff;
}

body.dark .ui.form input:not(.button) {
    background-color: #303030 !important;
}

body.dark .ui.modal {
    background-color: #303030;
    border: none;
}

body.dark .ui.modal>.content {
    background-color: #303030;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.dark .ui.modal>.actions,
body.dark .ui.modal>.header {
    color: rgba(255, 255, 255, 0.6);
    background-color: #444;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

body.dark .ui.popup,
body.dark .ui.secondary.menu .ui.popup,
body.dark .ui.menu .dropdown.item .menu,
body.dark .ui.dropdown .menu {
    background-color: #222;
    border: 1px solid #444;
    color: rgba(255, 255, 255, 0.6);
}

body.dark .ui.button,
body.dark .ui.default.button,
body.dark .ui.mini.icon.button,
body.dark .ui.top.right.attached.label {
    background-color: #282828;
    color: rgba(255, 255, 255, 0.6);
}

body.dark .ui.button.red {
    background-color: #db2828;
    color: #fff;
}

body.dark .ui.image.label,
body.dark .ui.selection.dropdown,
body.dark .ui.selection.visible.dropdown>.text:not(.default) {
    background-color: #282828;
    color: #fff;
}

body.dark .ui.selection.dropdown .ui.label {
    background-color: #303030;
    color: #fff;
}

body.dark .ui.form .ui.selection.dropdown input:not(.button) {
    background-color: #282828 !important;
}

body.dark .ui.form .field .ui.selection.active.dropdown .menu {
    border: 1px solid #282828;
}

body.dark .ui.form .field .ui.dropdown .menu .item {
    background-color: #282828;
    border-top: 1px solid #303030;
    color: #fff;
}

body.dark .ui.card,
body.dark .ui.segment,
body.dark .ui.segment.attached:not(.basic),
body.dark .ui.vertical.menu {
    background-color: #303030;
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.dark .ui.segment#profile-header {
    border: none;
}

body.dark .ui.attached.tabular.menu {
    border-bottom: none;
}

body.dark .ui.attached.tabular.menu .item.active {
    background-color: #303030;
    border-color: transparent;
}

body.dark .ui.card .content.header {
    background-color: #444;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

body.dark .ui.card>.content>.description,
body.dark .ui.cards>.card>.content>.description,
body.dark .ui.card>.content>.description .list .right.floated,
body.dark .ui.card>.content>.header a,
body.dark .ui.segment a,
body.dark .ui.checkbox label,
body.dark .ui.checkbox+label,
body.dark .ui.list .list>.item .description,
body.dark .ui.list>.item .description,
body.dark .ui.vertical.menu .item.active,
body.dark .ui.vertical.menu .item:hover,
body.dark #user-popup .description,
body.dark .ui.search.dropdown.active>input.search,
body.dark .ui.search.selection.dropdown>input.search,
body.dark .ui.selection.dropdown .menu>.message,
body.dark .ui.attached.tabular.menu .item.active,
body.dark .ui.threaded.comments .comment .text {
    color: #fff;
}

body.dark .ui.card .meta,
.ui.cards>.card .meta,
body.dark .ui.header,
body.dark .ui.header .sub.header,
body.dark .ui.card>.content>.header,
body.dark .ui.cards>.card>.content>.header,
body.dark .ui.secondary.menu .item:not(.active),
body.dark .ui.card>.content>.description .list .item .text,
body.dark .ui.card>.extra,
body.dark .ui.cards>.card>.extra,
body.dark .ui.pointing.dropdown>.menu>.header,
body.dark .ui.dropdown .menu>.item,
body.dark .ui.breadcrumb .icon.divider,
body.dark .ui.vertical.menu .item,
body.dark .ui.segment,
body.dark .ui.form .field>label,
body.dark .ui.list .list>.item .header,
body.dark .ui.list>.item .header,
body.dark .ui.attached.tabular.menu .item,
body.dark .ui.comments .comment .metadata,
body.dark .ui.comments .comment .actions a,
body.dark .ui.card>.extra a:not(.ui),
body.dark .ui.cards>.card>.extra a:not(.ui),
body.dark .ui.relaxed.list .item .content,
body.dark .ui.horizontal.divider,
body.dark .ui.dropdown .menu>.header:not(.ui),
body.dark .ui.link.list.list .active.item,
body.dark .ui.link.list.list .active.item a:not(.ui) {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark .ui.menu .ui.dropdown .menu>.item:hover {
    background-color: rgba(0, 0, 0, .05) !important;
}

body.dark .ui.secondary.inverted.menu .popup .list a.item,
body.dark .ui.pointing.dropdown>.menu>.item {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark .ui.menu .ui.dropdown .menu>.item:hover,
body.dark .ui.dropdown .menu>.item:hover,
body.dark .ui.menu .ui.dropdown .menu>.item.active,
body.dark .ui.list>.item a.header,
body.dark .ui.link.list.list .active.item a:not(.ui):hover {
    color: #fff !important;
}

body.dark .ui.top.left.popup:before {
    background: #222;
    -webkit-box-shadow: 1px 1px 0 0 #444;
    box-shadow: 1px 1px 0 0 #444;
}

body.dark .ui.right.center.popup:before {
    background: #222;
    -webkit-box-shadow: -1px 1px 0 0 #444;
    box-shadow: -1px 1px 0 0 #444;
}

body.dark .ui.left.center.popup:before {
    background: #222;
    -webkit-box-shadow: 1px -1px 0 0 #444;
    box-shadow: 1px -1px 0 0 #444;
}

body.dark .ui.bottom.left.popup:before {
    background: #222;
    -webkit-box-shadow: 1px 1px 0 0 #222;
    box-shadow: 1px 1px 0 0 #222;
}

body.dark .ui.form textarea {
    background-color: #303030;
    border: 2px solid #282828;
    color: #fff;
}

body.dark .ui.form input:not([type]),
body.dark .ui.form input[type=date],
body.dark .ui.form input[type=datetime-local],
body.dark .ui.form input[type=email],
body.dark .ui.form input[type=file],
body.dark .ui.form input[type=number],
body.dark .ui.form input[type=password],
body.dark .ui.form input[type=search],
body.dark .ui.form input[type=tel],
body.dark .ui.form input[type=text],
body.dark .ui.form input[type=time],
body.dark .ui.form input[type=url] {
    color: #fff;
}

body.dark .ui.mini.info.message {
    background-color: #282828;
    box-shadow: 0 0 0 1px #282828 inset, 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 1px #282828 inset, 0 0 0 0 transparent;
}

body.dark .ui.pagination {
    background-color: #303030;
}

body.dark .ui.pagination.menu .item {
    color: #fff;
}

body.dark .ui.pagination.menu .item.active {
    background-color: #282828;
}

body.dark .ui.pagination .disabled.item {
    background-color: rgba(0, 0, 0, .05) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark .ui.table {
    background: #303030;
    color: rgba(255, 255, 255, 0.6);
}

body.dark .ui.table thead th {
    background-color: #282828;
    color: rgba(255, 255, 255, 0.6);
}

body.dark .ui.top.attached.header {
    background-color: #282828;
    border-color: #282828;
    color: rgba(255, 255, 255, 0.6);
}

body.dark .ui.table a {
    color: #fff;
}

body.dark .ui.selectable.table tbody tr:hover,
body.dark .ui.table tbody tr td.selectable:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

@media only screen and (min-width: 768px) {

    body.dark #topic-post #post-sidebar:after,
    #topic-reply #reply-sidebar:after {
        border-right: none;
    }
}

body.dark .forum_post {
    color: #fff;
}

body.dark .tox .tox-toolbar {
    background-color: #222;
}

body.dark .tox .tox-tbtn {
    color: #fff;
}

body.dark .tox .tox-tbtn:hover,
body.dark .tox .tox-tbtn--enabled,
body.dark .tox .tox-split-button:focus,
body.dark .tox .tox-edit-area__iframe {
    color: #fff;
}

body.dark .tox .tox-tbtn svg {
    fill: #fff;
}

/* Override TinyMCE blue-ish dark theme with neutral dark theme */

body.dark .tox .tox-menu,
body.dark .tox .tox-statusbar,
body.dark .tox .tox-menubar,
body.dark .tox .tox-toolbar,
body.dark .tox .tox-toolbar__overflow,
body.dark .tox .tox-toolbar__primary,
body.dark .tox .tox-dialog,
body.dark .tox .tox-dialog__header,
body.dark .tox .tox-dialog__footer,
body.dark .tox .tox-listboxfield .tox-listbox--select,
body.dark .tox .tox-textarea,
body.dark .tox .tox-textfield,
body.dark .tox .tox-toolbar-textfield,
body.dark .tox .tox-selectfield select {
    background-color: #222;
}

body.dark .tox .tox-dialog-wrap__backdrop {
    background-color: rgba(34, 34, 34, 0.7);
}

body.dark .tox .tox-collection--list .tox-collection__item--enabled {
    background-color: #444;
}

body.dark .tox .tox-collection--list .tox-collection__item--active {
    background-color: #666;
}

body.dark .ui.cards>.green.card,
body.dark .ui.green.card,
body.dark .ui.green.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #178f2b, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #178f2b, 0 1px 3px 0 #d4d4d5;
}

body.dark .ui.cards>.red.card,
body.dark .ui.red.card,
body.dark .ui.red.cards>.card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #db2828, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #db2828, 0 1px 3px 0 #d4d4d5;
}

body.dark .ui.tabular.menu {
    border-color: #282828;
}

body.dark .ui.tabular.menu .item {
    color: #fff;
}

body.dark .ui.tabular.menu .active.item {
    background-color: #282828;
    border-color: #282828;
}

body.dark .cc-window.cc-floating {
    -webkit-box-shadow: 0 1px 3px 0 #444, 0 0 1px 1px #444;
    box-shadow: 0 1px 3px 0 #444, 0 0 1px 1px #444;
    background-color: #303030 !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #fff !important;
}

body.dark .cc-window.cc-floating .cc-highlight .cc-btn:first-child,
body.dark .cc-window.cc-floating .cc-link {
    color: rgba(255, 255, 255, 0.6);
}

body.dark .cc-window.cc-floating .cc-highlight .cc-btn.cc-allow {
    background-color: #282828;
    border-color: transparent;
}

/*
   * Colours
   */

body.dark .white {
    color: #fff;
}


.log-bar {
    height: 40px;
    background: var(--html-background);
    z-index: 100;
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

.media-menu {
    margin-top: -4px;
}

ul.social-media {
    display: flex;
    list-style: none;
    margin: 0;
}

ul.social-media li {
    margin-left: 0;
    margin-right: auto;
}

ul.social-media li a {
    display: block;
    color: var(--text-color);
    font-size: 19px;
    height: 18px;
    margin: 8px 0;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    transition: all .5s;
    margin-right: 5px;
}

ul.social-media li a i {
    background: var(--footer-bg);
    padding: 6px;
    transition: 0.5s;
}

.cyvers-header {
    position: relative;
}

.cyvers-header {
    background: var(--header-url) no-repeat center center;
    height: var(--header-height);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.part-hedaer {
    background: var(--header-background);
    height: 100%;
}
canvas{  
  display:block;  
  vertical-align:bottom;
}
@media only screen and (max-width: 1105px) {
  #particles-js {
    max-width: 100%;
  }
}
#particles-js {
    position: absolute;
    height: 380px;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
}

.cyvers-nav {
    background: rgba(56, 56, 56, 0.37);
    padding: 0px;
    height: 60px;
    border-radius: 0 !important;
    display: flow-root;
}


div#cyvers-container {
    background: var(--panel-body);
    padding: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.cyvers-nav ul#main-nav {   
  font-size: 0px;    
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.075);    
  margin-left: auto;    
  margin-right: auto;   
  text-align: center; 
  text-align: -webkit-center;
}

.cyvers-nav ul#main-nav li {
  display: inline-block;
}

.cyvers-nav ul#main-nav li a {
    font-size: 16px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: block;
    padding: 0px 20px;
    text-transform: uppercase;
    line-height: 4;
    position: relative;
    transition: 1s;
    font-family: "Fredoka One", cursive;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.cyvers-nav ul#main-nav li a:hover {
    transform: scaleX(1) rotate( 
5deg
 );
    color: var(--main-color)!important;
    transition: all 1s ease;
}

.cyvers-nav ul#main-nav li.active a { 
  color: var(--main-color);
}

.cyvers-nav ul#main-nav li.store a { 
  background: var(--main-color); 
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  line-height: 2.5;   
  border-radius: 100px;
  transition: 0.5s;   
  transform: none;
}

.cyvers-nav ul#main-nav li.store a:hover {
  background: var(--main-color);  
  transition: 0.5s;   
  opacity: 0.9;    
  transform: none;    
  box-shadow: 0px 3px 1px 1px #111;
}

.cyvers-nav ul#main-nav li a:hover { 
  color: var(--main-color)!important;
  transition: all 1s ease;
}

.cyvers-nav .dd-mobile {   
  font-size: 0px;   
  background: rgba(255, 255, 255, 0.1);   
  border-radius: 4px;   
  padding: 0px 20px;   
  box-shadow: 0px 0px 10px rgba(31, 31, 31, 0.65);
}

.cyvers-nav .dd-mobile li {
  list-style: none;
}

.cyvers-nav .dd-mobile li a { 
  font-size: 16px;   
  padding: 21px 15px;   
  display: block;	
  text-align: right;
}

.cyvers-nav .dd-mobile li a i.fas { 
  display: inline-block; 
  vertical-align: middle;  
  font-size: 28px;  
  color: white;
}

.cyvers-nav .dd-mobile li a span {
  display: inline-block; 
  vertical-align: middle;
  font-size: 16px;   
  color: white; 
  text-transform: uppercase; 
  font-weight: 600; 
  margin-left: 10px;
}

.dd-bg {   
  position: fixed;
  left: 0;    
  right: 0;   
  top: 0; 
  bottom: 0;   
  background: rgba(0, 0, 0, 0.75); 
  z-index: -1;  
  transition: .25s; 
  opacity: 0;
}

.dd-bg.active {  
  z-index: 99;    
  opacity: 1;
}

ul#main-nav .dd-close {
  margin: 0px -20px; 
  background: #222222; 
  display: none;
}

ul#main-nav .dd-close a  {  
  color: white;  
  text-decoration: none;  
  text-transform: uppercase; 
  font-size: 16px; 
  font-weight: 600;  
  line-height: 5;  
  display: block;	
  transition: 1s;
}

ul#main-nav .dd-close a:hover {  
  color: #ff0000;	
  transition: 1s;
}

@media all and (max-width: 992px) {  
  .cyvers-nav ul#main-nav li a {     
    font-size: 14px;   
    color: white;      
    text-decoration: none;    
    font-weight: 600;  
    display: block;      
    padding: 0px 10px;    
    text-transform: uppercase;   
    line-height: 5;      
    position: relative;   
  }
}

@media all and (max-width: 750px) { 
  ul#main-nav .dd-close { 
    display: block; 
  }  
  
  .cyvers-nav ul#main-nav li {  
    display: block;  
  }   
  
  .cyvers-nav ul#main-nav li:not(:nth-last-child(-n+2)) a:after {  
    width: 0px;   
  }    
  
  .cyvers-nav ul#main-nav {   
    display: block;    
    position: fixed;   
    right: 0;      
    top: 0;      
    height: 100%;    
    z-index: 200; 
    width: 250px;   
    max-width: 75%; 
    text-align: center;   
    border-radius: 0px; 
    transition: .25s;   
    right: -250px;  
  }
  
  .cyvers-nav ul#main-nav.open {
    right: 0px;    	 
    font-size: 0px; 
    background: #161616; 
    border-radius: 4px;	
    padding: 0px 20px;	
    box-shadow: 0px 0px 10px rgba(31, 31, 31, 0.65);
  }
  
  .cyvers-nav .dd-mobile {  
    display: block;  
  }
}

html  { 
  overflow-x: hidden;
}

@media all and (min-width: 750px) { 
  .cyvers-nav ul#main-nav {  
    display: block!important; 
  }
  
  .cyvers-nav .dd-mobile {   
    display: none;  
  }
}

#return-to-top { 
  position: fixed;  
  bottom: 20px;  
  right: 20px;    
  background: var(--main-color);  
  width: 50px;  
  height: 50px;  
  display: block; 
  text-decoration: none; 
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px; 
  border-radius: 35px; 
  display: none;  
  -webkit-transition: all 0.3s linear; 
  -moz-transition: all 0.3s ease;  
  -ms-transition: all 0.3s ease; 
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#return-to-top i {  
  color: #fff;   
  margin: 0;   
  position: relative;  
  left: 16px;   
  top: 13px;  
  font-size: 19px;  
  -webkit-transition: all 0.3s ease;   
  -moz-transition: all 0.3s ease;  
  -ms-transition: all 0.3s ease; 
  -o-transition: all 0.3s ease;  
  transition: all 0.3s ease;}

#return-to-top:hover {    
  opacity: 0.9s;
}

#return-to-top:hover i {   
  color: #fff;
  top: 5px;
}

@media screen and (min-width: 0px) and (max-width: 720px) { 
  #mobile-hide{ display: none; }
}

@keyframes spin { 
  from{ transform: rotateY(0deg);
    moz-transform: rotateY(0deg); 
    ms-transform: rotateY(0deg); 
  } 
  to{ transform: rotateY(360deg);
    moz-transform: rotateY(360deg);
    ms-transform: rotateY(360deg);
  }
}
@-webkit-keyframes spin{ 
  from{-webkit-transform: rotateY(0deg);}
  to{-webkit-transform: rotateY(360deg);}
}
.imageSpin{ 
  animation-name: spin; animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  -webkit-animation-name: spin; 
  -webkit-animation-timing-function: linear; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
}

@media (max-width: 767px) {
  .cyvers-nav {   
    position: relative;
  }
}
.cyvers-nav ul#main-nav li.store a:hover {
  transition: 1s;  
  color: #fff!important;
}

.dropdown-menu {  
  position: absolute;  
  top: 100%;  
  left: 0; 
  z-index: 1000; 
  display: none;  
  float: left;  
  min-width: 10rem;  
  padding: .5rem 0;
  margin: .125rem 0 0; 
  font-size: 1rem;
  color: #212529;  
  text-align: left; 
  list-style: none; 
  background-color: var(--panel-heading)!important;    
  background-clip: padding-box;   
  border: var(--panel-heading)!important;
  border-radius: .25rem;
}

.dropdown-item { 
  display: block; 
  width: 100%;  
  padding: .25rem 1.5rem; 
  clear: both;  
  font-weight: 400; 
  color: #fff!important;
  text-align: inherit;  
  white-space: nowrap;   
  background-color: transparent;  
  border: 0; 
  text-transform: uppercase; 
  transition: 1s;
  font-size: 13px;
}
.dropdown-divider { 
  height: 0;   
  margin: .5rem 0;   
  overflow: hidden;
  border-top: 1px solid var(--main-color)!important;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--main-color)!important;  
  text-decoration: none;  
  background-color: unset!important;   
  transition: 1s;
}
dropdown.show{    
  transform: none;
}
.part-hedaer div.cyvers-nav ul#main-nav .dropdown.show div.dropdown-menu.show a.dropdown-item:hover {  
  transform: none!important;   
  color: var(--main-color)!important;    
  background: var(--panel-heading)!important;
}
a#dropdownMenu2 {  
  transform: none!important;
}
.dropbtn { 
  background-color: transparent; 
  color: #fff;    
  border: none;   
  cursor: pointer;  
  text-decoration: none; 
  font-weight: 600;    
  text-transform: uppercase; 
  transition: 1s;  
  font-size: 15px;
}
button.dropbtn:after { 
  display: inline-block;   
  width: 0;   
  height: 0;   
  margin-left: 3px;
  margin-bottom: 3px;
  content: "";  
  border-top: 4px solid; 
  border-right: 4px solid transparent;  
  border-bottom: 0; 
  border-left: 4px solid transparent;
}
.dropbtn:hover, .dropbtn:focus {   
  color: var(--main-color);
}
.dropdown {  
  position: relative; 
  display: inline-block;
}
.dropdown-content {  
  display: none;  
  position: absolute;
  background-color: var(--footer-bg); 
  min-width: 160px;  
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
  z-index: 1;   
  border-radius: 4px;
  left: -45px;   
  top: 25px;
}
.dropdown-content a {    
  line-height: 50px!important;
}
.dropdown-content a {  
  color: black;
  padding: 12px 16px;
  text-decoration: none; 
  display: block;
}
.dropdown-content a:hover {
  background-color: transparent;
}
.show { 
  display: initial;
}
@media screen and (max-width: 998px) {
.bFooter {  
  display: block;    
  width: 100%;
}  
  
  ul.social-media {
    margin: 0;
    padding: 0;
}
.footer-col {  
  width: 100%; 
  margin: 0;   
  padding: 0;
}  
.footer-img {  
  width: 100%;
}
.cyvers-left {
  display: none;
}
.cyvers-right { 
  display: none;
}
.logo img {  
  width: 200px; 
  height: 250px;
}
}
.card { 
  position: relative;
  display: -webkit-box; 
  display: -ms-flexbox;  
  display: flex;    
  -webkit-box-orient: vertical;  
  -webkit-box-direction: normal;  
  -ms-flex-direction: column; 
  flex-direction: column;  
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;  
  background-clip: border-box;
  border: 1px solid transparent; 
  border-radius: .25rem;
}
.breadcrumb {  
  display: -webkit-box;
  display: -ms-flexbox; 
  display: flex;  
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap;  
  padding: .75rem 1rem; 
  margin-bottom: 1rem; 
  list-style: none;  
  background-color: var(--panel-heading); 
  border-radius: .25rem;
}

@media screen and (max-width: 998px) {
  .announce-bar {	
    width: 100%;	
  }
}
.cyvers-title {
    background: var(--panel-heading);
    border-radius: 5px;
    width: 100%;
    padding: 8px;
  text-align-last: center;
}

.cyvers-title span {
    color: var(--main-color);
    font-size: 20px;
    font-weight: 600;
    text-shadow: 1px 1px var(--second-color);
}
#preloader {  
  background-color: var(--panel-heading); 
  display: flex; 
  position: fixed;  
  z-index: 2;  
  align-items: center; 
  justify-content: center; 
  height: 100%; 
  width: 100%;
}
loaded#preloader {
  animation: sk-rotateplane 2.0s ease-out; 
  animation-fill-mode: forwards;
}
.spinner {  
  width: 80px;  
  height: 80px; 
  background-color: var(--main-color);
  margin: 100px auto; 
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; 
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }  
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes sk-rotateplane {  
  0% {     transform: perspective(120px) rotateX(0deg) rotateY(0deg);    
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)   }
  50% {     transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);  
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)   } 
  100% {     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);  
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);  }
}
.ui.attached.segment {  
  background: var(--panel-heading)!important;
}
.ui.dropdown .menu>.item { 
  position: relative;   
  cursor: pointer; 
  display: block;  
  border: none;  
  height: auto;    
  text-align: left;
  border-top: none;
  line-height: 1em;  
  color: #cacaca!important;  
  padding: .78571429rem 1.14285714rem!important;  
  font-size: 1rem; 
  text-transform: none; 
  font-weight: 400;    
  -webkit-box-shadow: none;  
  box-shadow: none;    
  -webkit-touch-callout: none;
}
.ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover {   
  background: rgba(0,0,0,.05)!important;  
  color: #cacaca!important;
}

a.footer-store:hover {
    transition: 1s;
    background: var(--main-color);
    color: var(--text-color)!important;
}

a:hover {
   color: var(--main-color)!important
}

.logo {   
  height: 100px;   
  text-align: center;   
  animation: dropin 2s ease-in-out, 5s floating 2s infinite ease-in-out; 
}  
  img { 
  vertical-align: middle;
  }
  @keyframes dropin 
  {    0% { transform: translate(0, -600px); }   
  100%   { transform: translate(0, 0px); }    	
  }
  @keyframes floating { 
  0% { transform: translate(0, 0px); }   
  55%  { transform: translate(0, 15px); }   
  100%   { transform: translate(0, 0px); }    
  }

.cyvers-count {   
  width: 1320px; 
  display: flex;  
  margin: 0 auto; 
  -webkit-box-align: center;  
  justify-content: center;  
  max-width: calc(100% - 20px); 
  margin-top: 10ch;
}
.cyvers-left i { 
  float: right;   
  height: 40px;   
  width: 40px;   
  margin-left: 10px; 
  font-size: 40px; 
  margin-top: 8px;  
  color: var(--main-color);
}

.count-info {
    display: inline-flex;
}
.cyvers-right i { 
  float: left;   
  height: 40px;   
  width: 40px;  
  margin-right: 10px; 
  font-size: 40px; 
  margin-top: 8px;  
  color: var(--main-color);
}
.cyvers-left {
  float: left;   
  position: relative;
  bottom: -10px; 
  text-align: left; 
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);   
  border-radius: 5px;  
  padding: 10px 10px 10px 10px; 
  width: 250px; 
  height: 60px;   
  cursor: pointer;  
  background: rgba(255, 255, 255, 0.02); 
  transition: all 1s cubic-bezier(0.33, 0.74, 0.28, 0.82)!important;
}
.cyvers-left:hover {   
  bottom: 2px;  
  transition: var(--count-transition);
}
.cyvers-right {  
  float: right;  
  position: relative;
  bottom: -10px;  
  text-align: left;   
  background: rgba(255, 255, 255, 0.02);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);   
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);   
  border-radius: 5px;   
  padding: 10px 10px 10px 10px;  
  width: 250px; 
  height: 60px; 
  text-align: right;  
  cursor: pointer; 
  transition: all 1s cubic-bezier(0.33, 0.74, 0.28, 0.82) !important;
}
.cyvers-right:hover {  
  bottom: 2px;   
  transition: var(--count-transition);
}
.count-info span {
    font-size: 23px;
    display: contents;
    color: var(--main-color);
    text-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    font-weight: bold;
    font-family: 'Teko';
}
.ipCopy {   
  cursor: pointer;  
  color: var(--text-color);
  font-size: 14px;  
  font-weight: 400;  
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
}

.cyvers-count small {
    font-size: 90%;
    display: block;
}

.count-info span {
    font-size: 23px;
    display: contents;
    color: var(--main-color);
    text-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    font-weight: bold;
    font-family: 'Teko';
}
div#text {
    margin-right: 3px;
}

div#donline {
    margin-left: 3px;
}
.ipCopy a {  
  text-decoration: none; 
  color: var(--text-color);
}
a#invite {
    color: var(--text-color)!important;
}

.players {
    display: block;
    margin-bottom: -1px;
    font-size: 23px !important;
    font-weight: normal;
    color: var(--text-color);
    line-height: 18px;
    text-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    font-family: "Teko";
    text-transform: uppercase;
}

.aFooter .container {
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-align: center;
    text-align: center;
    justify-items: center;
}

a.footer-store:hover {
    transition: 1s;
    background: var(--main-color);
    color: #fff!important;
}

@media screen and (max-width: 992px) {   
  .bFooter .cFooter.container {
    display: block;
}
}

.bFooter {
	background: var(--footer-bg);
	color: var(--text-color);
	padding: 15px;
	padding-bottom: 20px;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-flex;
	width: 100%;
}

.pull-right #tm:hover {
    opacity: 1;
}

.pull-right #tm {
    display: block;
    margin: 10px auto 0;
    opacity: 0.2;
}

.pull-right #tm {
    margin-left: auto;
    height: 25px;
    width: 15px;
    background: url(https://i.imgur.com/OY2ur6c.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    top: -10px;
    opacity: .65;
}

.footer-img {
    width: calc(30%);
}


.footer-img img {
    height: 200px!important;
    filter: grayscale(1);
    opacity: 0.2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: 1s;
    margin: 0 auto;
    text-align: center;
}

.footer-img img:before {
    vertical-align: middle;
    height: 200px;
    opacity: 0.2;
    filter: hue-rotate(45deg);
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: 1s;
}

.footer-img img:hover {
     filter: none;
    opacity: unset;
    transition: 1s;
}

.cFooter .footer-col {
    width: calc(40%);
    margin-left: 5ch;
    margin-top: 5ch;
    line-height: 20px;
}

.cFooter .footer-col h4 {
    font-weight: bold;
    text-transform: none;
    text-shadow: 1px 1px var(--main-color);
    font-size: 19px;
  color: #fff;
}
i.fas.fa-caret-square-right {
    display: inline-block;
    padding-right: 5px;
}

i.fas.fa-star-half {
    display: inline-block;
    padding-right: 0px;
}

a.footer-store {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: background-color .25s ease;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    color: #edf6fd;
    background: #282828;
    box-shadow: 1px 1px #211d1d;
    transition: 1s;
}


.footer-col p {
    margin: 0 0 10.5px;
    color: #9c9797;
}

.aFooter {
    background-color: var(--footer-bg);
    border-top: 1px solid var(--main-color);
    padding-top: 2ch;
}

@media screen and (max-width: 750px) {
  .cFooter .footer-col {
    width: 100%;
    margin-left: 5ch;
    margin-top: 5ch;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
}

.cFooter {
    display: block;
    text-align: center;
}


.footer-img {
    width: unset;
    vertical-align: middle;
}
}

.aFooter .p-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.f-right {
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
}

.f-right img {
    height: 35px;
    opacity: 0.6;
    transition: 0.5s;
    margin-top: -12px;
}

.f-right img:hover {
    opacity: 0.9;
    transition: 0.5s;
}


div#mobile-hide p {
    font-size: 13px;
}


div#mobile-hide b {
    color: var(--main-color);
}

.cFooter.container {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    display: flex;
}

.swal-modal {
    width: 478px;
    opacity: 0;
    pointer-events: none;
    background-color: var(--footer-bg);
    text-align: center;
    border-radius: 5px;
    position: static;
    margin: 20px auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: opacity .2s,-webkit-transform .3s;
    transition: transform .3s,opacity .2s;
    transition: transform .3s,opacity .2s,-webkit-transform .3s;
}

.swal-icon--success:after, .swal-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: var(--footer-bg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.swal-icon--success__line {
    height: 5px;
    background-color: var(--main-color);
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}


.swal-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid var(--main-color);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.swal-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    background-color: var(--footer-bg);
    padding: 1px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: var(--main-color);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--main-color);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 3px;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ui.card, .ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: var(--panel-heading);
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 var(--panel-heading), 0 0 0 1px var(--panel-heading);
    box-shadow: 0 1px 3px 0 var(--panel-heading), 0 0 0 1px var(--panel-heading);
    -webkit-transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    transition: box-shadow .1s ease,transform .1s ease;
    transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    z-index: '';
}

.ui.six.wide.tablet.four.wide.computer.column h4.ui.header {
    background: var(--main-color);
    color: #fff!important;
    padding: 5px;
    text-align-last: center;
    text-align: center;
    border-radius: 5px;
    border-bottom: 1px solid var(--second-color);
}

.ui.card>.content>.description, .ui.cards>.card>.content>.description {
    clear: both;
    color: var(--text-color);
}

.ui.list .list>.item .description, .ui.list>.item .description {
    display: block;
    color: var(--text-color);
}

.ui.card>.extra, .ui.cards>.card>.extra {
    max-width: 100%;
    min-height: 0!important;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-top: 1px solid rgba(0,0,0,.05)!important;
    position: static;
    background: 0 0;
    width: auto;
    margin: 0 0;
    padding: .75em 1em;
    top: 0;
    left: 0;
    color: #5f5a5a;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

.ui.circular.image, .ui.circular.image>*, .ui.circular.images .image, .ui.circular.images .image>* {
    border-radius: 5px;
}

.ui.popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    z-index: 1900;
    border: 1px solid var(--panel-body);
    line-height: 1.4285em;
    max-width: 250px;
    background: var(--panel-body);
    padding: .833em 1em;
    font-weight: 400;
    font-style: normal;
    color: var(--text-color);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}

.ui.top.popup:before {
    background: var(--panel-body);
}
.ui.popup:before {
    position: absolute;
    content: '';
    width: .71428571em;
    height: .71428571em;
    background: var(--panel-body);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-box-shadow: 1px 1px 0 0 var(--main-color);
    box-shadow: 1px 1px 0 0 var(--main-color);
}

.ui.bottom.left.popup:before {
    top: -.30714286em;
    left: 1em;
    right: auto;
    bottom: auto;
    margin-left: 0;
    -webkit-box-shadow: -1px -1px 0 0 var(--main-color);
    box-shadow: -1px -1px 0 0 var(--main-color);
}
.ui.bottom.popup:before {
    background: var(--panel-body);
}

.author-date {
    display: flex;
}

.right.floated.author {
    float: left;
    padding-right: 5px;
}

.ui.card .avatar img, .ui.card img.avatar, .ui.cards>.card .avatar img, .ui.cards>.card img.avatar {
    width: 2.3em;
    height: 2.3em;
    border-radius: 7px;
}

a.ui.mini.primary.button {
    float: right!important;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: var(--main-color)!important;
    color: #fff!important;
    text-shadow: none;
    background-image: none;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background-color: var(--second-color)!important;
    color: #fff!important;
    text-shadow: none;
}

.ui.card .meta, .ui.cards>.card .meta {
    font-size: 1em;
    color: var(--text-color);
}

.author-date i {
    padding-right: 2px;
}

i.fas.fa-clock {
    padding-left: 3px;
}

.bFooter {
    margin-top: 20px;
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: var(--panel-body);
    color: var(--text-color);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}

.ui.button:hover {
    background: var(--panel-body);
    color: var(--main-color);
}

.ui.header {
    border: none;
    margin: calc(2rem - .14285714em) 0 1rem;
    padding: 0 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.28571429em;
    text-transform: none;
    color: var(--text-color);
}

.ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item {
    color: var(--text-color);
    -webkit-transition: .1s color ease;
    transition: .1s color ease;
}

.ui.image.label {
    width: auto!important;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: var(--panel-heading);
    padding: .5833em .833em .5833em .5em;
    border-radius: .28571429rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #cacaca!important;
}

ul.social-media li a i:hover {
    color: var(--main-color);
    transition: 0.5s;
}

a.ui.label:hover, a.ui.labels .label:hover {
    background-color: var(--panel-body);
    border-color: var(--panel-body);
    background-image: none;
    color: var(--text-color);
}

.ui.segment {
    background: var(--panel-heading);
    border-radius: .28571429rem;
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 var(--panel-heading);
    box-shadow: 0 1px 3px 0 var(--panel-heading);
}

i.ui.large.comment.icon.middle.aligned {
    font-size: 25px;
    color: var(--main-color);
    text-shadow: 1px 1px 2px #1f1f1f;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: var(--panel-heading);
    border: 1px solid var(--panel-heading);
    color: var(--text-color);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
}

.ui.breadcrumb a {
    color: var(--main-color);
}

.content h4.ui.header {
    background: var(--main-color);
    color: #fff!important;
    padding: 5px;
    text-align-last: center;
    text-align: center;
    border-radius: 5px;
    border-bottom: 1px solid var(--store);
}

.ui.table {
    width: 100%;
    background: transparent;
    margin: 1em 0;
    border: 1px solid var(--main-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: var(--text-color)!important;
    border-collapse: separate;
    border-spacing: 0;
}

.ui.table thead th {
    cursor: auto;
    background: var(--main-color);
    text-align: inherit;
    color: #fff;
    padding: .92857143em .78571429em;
    vertical-align: inherit;
    font-weight: 700;
    text-transform: none;
    border-bottom: 2px solid var(--second-color);
    border-left: none;
}

.ui.header .sub.header {
    display: block;
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2em;
    color: var(--text-color);
}

.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: .92857143em;
    background-color: var(--main-color);
    color: #fff!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: var(--panel-heading);
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: .28571429rem;
    min-height: 2.85714286em;
}

.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
    cursor: default!important;
    background-color: transparent!important;
    color: var(--text-color)!important;
}

i.comment.icon {
    color: var(--main-color);
    text-shadow: 1px 1px 2px var(--second-color);
}

.ui.success.message {
    background-color: var(--panel-heading);
    color: var(--text-color);
}

.ui.success.message .header {
    color: var(--main-color);
}

.ui.attached.success.message, .ui.success.message {
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px var(--main-color) inset, 0 0 0 0 transparent;
}

.ui.icon.message>.icon:not(.close) {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    vertical-align: middle;
    font-size: 3em;
    opacity: .8;
    color: var(--main-color);
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: var(--panel-body);
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgb(41 42 44 / 15%);
    border: 1px solid rgb(48 43 44);
    border-radius: .28571429rem;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}

.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: var(--main-color);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase;
}

.ui.dropdown .menu>.item:hover {
    background: var(--panel-heading);
    transition: 0.3s all;
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    -webkit-box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
    box-shadow: -1px -1px 0 0 var(--main-color);
    background: var(--panel-body);
    z-index: 2;
}

@media only screen and (min-width: 768px) {
#topic-post #post-sidebar:after, #topic-reply #reply-sidebar:after {
    content: "";
    height: 0;
    border: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 75px;
    right: -1px;
}
}

.ui.list .list>.item .header, .ui.list>.item .header {
    display: block;
    margin: 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: var(--text-color);
}

.ui.secondary.segment {
    color: var(--text-color);
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #3a3a3a;
}

.ui.info.message {
    background-color: var(--panel-body);
    color: var(--main-color);
}

.ui.attached.info.message, .ui.info.message {
    -webkit-box-shadow: 0 0 0 1px var(--second-color) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px var(--second-color) inset, 0 0 0 0 transparent;
}

.tox-tinymce {   
  border: 1px solid var(--footer-bg); 
  border-radius: 0;    
  box-shadow: none;  
  box-sizing: border-box;  
  display: flex; 
  flex-direction: column; 
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  overflow: hidden;
  visibility: inherit!important;
}
.tox .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid var(--main-color);
}
.tox .tox-edit-area { 
  border-top: 1px solid var(--main-color);  
  display: flex;   
  flex: 1;  
  -ms-flex-preferred-size: auto; 
  overflow: hidden; 
  position: relative;
}
.tox .tox-edit-area__iframe {
  background-color: var(--footer-bg); 
  border: 0;   
  box-sizing: border-box;  
  flex: 1;  
  -ms-flex-preferred-size: auto;
  height: 100%;   
  position: absolute;  
  width: 100%;
}
.tox .tox-statusbar {
  align-items: center; 
  background-color: var(--panel-body);  
  border-top: 1px solid var(--panel-heading);  
  color: rgba(34,47,62,.6);  
  display: flex;  
  flex: 0 0 auto; 
  font-size: 12px; 
  height: 18px;  
  overflow: hidden;  
  padding: 0 8px; 
  position: relative;
  text-transform: uppercase;
}

#tinymce p {
    color: #b5b3b3!important;
}

.cyvers-nav ul#main-nav {
    padding: 0;
}

.tox .tox-tbtn svg {
    display: block;
    fill: var(--main-color);
}

.ui.modal {
    position: absolute;
    display: none;
    z-index: 1001;
    text-align: left;
    background: var(--panel-heading);
    border: none;
    -webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2), 1px 3px 15px 2px rgba(0,0,0,.2);
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2), 1px 3px 15px 2px rgba(0,0,0,.2);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top,left,margin,transform,opacity;
}

.ui.modal>.header {
    display: block;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: var(--panel-body);
    margin: 0;
    padding: 1.25rem 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--main-color);
    border-bottom: 1px solid rgba(34,36,38,.15);
}

.ui.modal>.content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: var(--panel-heading);
}

.ui.list .list>.item a.header, .ui.list>.item a.header {
    cursor: pointer;
    color: var(--main-color)!important;
}

.ui.tabular.menu .active.item {
    background: none var(--panel-heading);
    color: var(--main-color);
    border-top-width: 1px;
    border-color: var(--panel-heading);
    font-weight: 700;
    margin-bottom: -1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem .28571429rem 0 0!important;
}

.ui.tabular.menu .item {
    background: 0 0;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: .92857143em 1.42857143em;
    color: var(--text-color);
}

.ui.tabular.menu {
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    background: none transparent;
    border-bottom: 1px solid transparent;
}

.ui.tabular.menu .item:hover {
    background-color: #46434385;
    color: var(--main-color);
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: var(--text-color);
    font-weight: 400;
    -webkit-transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease;	    background: var(--panel-body);
}

select {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 0.9rem;
    padding: 8px !important;
    margin-top: 5px;
    border-radius: 8px;
    background: var(--panel-body);
    border-color: var(--panel-body);
    color: var(--text-color);
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    background: var(--panel-body);
    box-shadow: none;
    color: var(--text-color);
    border: 1px solid var(--panel-body);
    height: auto;
    box-shadow: 0 0 3px var(--panel-body);
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
    display: flex;
    list-style: none;
}

.paginate_button {
    background: #4c4949;
    padding: 2px 4px;
}

div#example_info {
    text-align: -webkit-center;
    text-align: center;
}

.paginate_button:hover {
    background: var(--panel-body);
}

::selection {
    background-color: var(--main-color);
    color: var(--text-color);
}

h4.ui.center.aligned.icon.header {
    background: transparent;
}

.ui.dividing.header {
    padding-bottom: .21428571rem;
    border-bottom: 1px solid rgb(34 36 38 / 17%);
    background: #343232;
    border-radius: 3px;
    text-align: center;
}

.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem 0;
    color: var(--text-color);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: var(--panel-body);
    border: 1px solid var(--panel-heading);
    color: var(--text-color);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
}.ui.checkbox input:active~label {
    color: var(--text-color);
}

.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    background: var(--panel-body);
    border-color: var(--panel-body);
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    opacity: 1;
    color: var(--main-color);
}

.ui.checkbox label, .ui.checkbox+label {
    color: var(--text-color);
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

.ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: '';
    background: var(--panel-body);
    border-radius: .21428571rem;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    border: 1px solid var(--panel-body);
}

.ui.negative.button:hover, .ui.negative.buttons .button:hover {
    background-color: #d01919;
    color: #fff!important;
    text-shadow: none;
}

.ui.positive.button:active, .ui.positive.buttons .button:active {
    background-color: #198f35;
    color: #fff!important;
    text-shadow: none;
}

.ui.positive.button:hover, .ui.positive.buttons .button:hover {
    background-color: #16ab39;
    color: #fff!important;
    text-shadow: none;
}

.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.ui.checkbox label:hover, .ui.checkbox+label:hover {
    color: var(--text-color);
}

.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
    background: var(--panel-body);
    border-color: var(--panel-body);
}

.swal-title {
    color: var(--text-color);
}


.swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: var(--text-color);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.swal-button {
    background-color: var(--main-color);
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.swal-button:not([disabled]):hover {
    background-color: var(--second-color);
}

.tox .tox-statusbar {
    align-items: center;
    background-color: var(--panel-heading)!important;
    border-top: 1px solid var(--main-color)!important;
    color: var(--text-color);
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    height: 18px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase;
}

#tinymce p {
    color: var(--text-color);
}

body#tinymce {
    color: #fff;
}

.tox .tox-edit-area__iframe {
    background-color: var(--panel-heading);
    border: 0;
    box-sizing: border-box;
    flex: 1;
    -ms-flex-preferred-size: auto;
    height: 100%;
    position: absolute;
    width: 100%;
}

.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: var(--panel-heading)!important;
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    border-radius: .28571429rem;
    min-height: 2.85714286em;
}

.ui.breadcrumb .divider {
    display: inline-block;
    opacity: .7;
    margin: 0 .21428571rem 0;
    font-size: .92857143em;
    color: var(--text-color);
    vertical-align: baseline;
}

.ui.modal>.actions {
    background: var(--panel-heading);
    padding: 1rem 1rem;
    border-top: 1px solid var(--panel-body);
    text-align: right;
}

.tox-tinymce {
    border: 1px solid var(--main-color)!important;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    overflow: hidden;
    visibility: inherit!important;
}


.tox .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid var(--main-color)!important;
}

.tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg {
    fill: var(--text-color)!important;
}

.tox .tox-tbtn svg {
    display: block;
    fill: var(--main-color)!important;
}

.tox .tox-tbtn:hover svg {
    fill: var(--main-color)!important;
}

.tox .tox-tbtn {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: var(--main-color)!important;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin: 2px 0 3px 0;
    outline: 0;
    overflow: hidden;
    padding: 0;
    text-transform: normal;
    width: 34px;
}

.tox .tox-tbtn:hover {
    background: var(--panel-heading)!important;
    box-shadow: none;
    color: #222f3e;
}

.tox .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid var(--panel-heading)!important;
    border-bottom: 1px solid var(--panel-heading)!important;
}

.tox .tox-split-button:hover {
    box-shadow: 0 0 0 1px var(--panel-heading) inset!important;
}

.tox .tox-tbtn:active svg {
    fill: var(--main-color)!important;
}

.tox .tox-tbtn--enabled {
    background: var(--panel-heading);
    box-shadow: none;
    color: var(--main-color)!important;
}

.tox .tox-tbtn--enabled svg {
    fill: var(--main-color)!important;
}

.tox .tox-menu {
    background: var(--panel-heading)!important;
    border: 1px solid var(--main-color)!important;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgb(61 62 62 / 10%);
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    z-index: 1;
}

.tox .tox-collection__item {
    align-items: center;
    color: var(--text-color)!important;
    cursor: pointer;
    display: flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tox .tox-collection--list .tox-collection__item--active {
    background-color: var(--panel-body)!important;
    color: var(--main-color);
}

.tox .tox-split-button__chevron svg {
    fill: var(--main-color)!important;
}

.tox .tox-tbtn:active {
    background: var(--panel-heading)!important;
    box-shadow: none;
    color: #222f3e;
}

body#tinymce {
    color: var(--text-color)!important;
}

.tox .tox-edit-area__iframe {
    background-color: var(--panel-heading)!important;
    border: 0;
    color: var(--text-color)!important;
    box-sizing: border-box;
    flex: 1;
    -ms-flex-preferred-size: auto;
    height: 100%;
    position: absolute;
    width: 100%;
}

.tox .tox-edit-area {
    border-top: 1px solid var(--panel-body)!important;
    display: flex;
    flex: 1;
    -ms-flex-preferred-size: auto;
    overflow: hidden;
    position: relative;
}

.tox .tox-tbtn--enabled {
    background: var(--panel-heading)!important;
    box-shadow: none;
    color: var(--main-color)!important;
}

.tox .tox-toolbar {
    background: var(--panel-body)!important;
    background-color: var(--panel-body)!important;
    border-top: 1px solid #ccc;
    display: flex;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin-bottom: -1px;
    padding: 0 0;
}

.spoiler {
    border: 1px solid #dc3545!important;
    background-color: #252323!important;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #bebcbc!important;
}

.spoiler-toggle {
    font-weight: bold;
    cursor: default;
    padding: 5px;
    font-size: 12px;
    color: var(--text-color)!important;
}

.mce-content-body [contentEditable=false][data-mce-selected] {
    cursor: not-allowed;
    outline: 3px solid #dc3545;
}

.mce-content-body [contentEditable=false] [contentEditable=true]:hover {
    outline: 3px solid #dc3545;
}

.tox .tox-dialog {
    background-color: var(--panel-body)!important;
    border-color: var(--panel-body)!important;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 16px 16px -10px rgba(34,47,62,.15), 0 0 40px 1px rgba(34,47,62,.15);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 480px;
    overflow: hidden;
    position: relative;
    width: 95vw;
    z-index: 1102;
}

.tox .tox-dialog__header {
    align-items: center;
    background-color: var(--panel-body)!important;
    border-bottom: none;
    color: var(--main-color)!important;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 8px 16px 0 16px;
    position: relative;
}

.tox .tox-dialog__body {
    color: var(--main-color)!important;
    display: flex;
    flex: 1;
    -ms-flex-preferred-size: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 16px;
    text-align: left;
    text-transform: normal;
}

.tox .tox-label, .tox .tox-toolbar-label {
    color: var(--main-color)!important;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 8px 0 0;
    text-transform: normal;
    white-space: nowrap;
}

.tox .tox-selectfield select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--panel-heading)!important;
    border-color: var(--panel-heading)!important;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--text-color)!important;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    outline: 0;
    padding: 5px 4.75px;
    resize: none;
    width: 100%;
}

.tox .tox-dialog__footer {
    align-items: center;
    background-color: var(--panel-body)!important;
    border-top: 1px solid var(--html-background)!important;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding: 8px 16px;
}

.tox .tox-button--secondary {
    background-color: var(--main-color)!important;
    background-image: none;
    background-position: none;
    background-repeat: none;
    border-color: var(--main-color)!important;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #fff!important;
    outline: 0;
    padding: 4px 16px;
    text-decoration: none;
    text-transform: capitalize;
}

.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
    color: var(--main-color)!important;
}

.tox .tox-button--naked:active:not(:disabled) {
    background-color: var(--panel-heading)!important;
    border-color: var(--panel-heading)!important;
    box-shadow: none;
    color: #222f3e;
}

.tox .tox-dialog__body-nav-item--active {
    color: var(--main-color)!important;
    border-bottom: 2px solid var(--main-color)!important;
}

.spoiler {
    border: 1px solid #000;
    background-color: var(--panel-body)!important;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#tinymce .spoiler-toggle, .spoiler-toggle {
    color: var(--main-color)!important;
}

.dropbtn:hover, .dropbtn:focus {
    color: var(--main-color);
    border: none;
    background: none;
}

.ui.top.attached.tabular.menu {
    background: transparent!important;
}

.ui.fluid.vertical.menu {
    background: var(--panel-body)!important;
}

.ui.menu .active.item {
    background: rgba(0,0,0,.05);
    color: var(--text-color)!important;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    padding: .78571429em 1em;
    background: var(--panel-heading)!important;
    border: 1px solid var(--main-color)!important;
    outline: 0;
    color: var(--text-color)!important;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background: var(--panel-heading);
    border: 0;
    box-shadow: none;
    color: #fff;
}
.tox .tox-swatches__picker-btn:hover {
    background: var(--panel-body)!important;
}

.ui.warning.message {
    background-color: var(--panel-heading)!important;
    color: var(--text-color)!important;
}

.ui.attached.warning.message, .ui.warning.message {
    -webkit-box-shadow: 0 0 0 1px #424040 inset, 0 0 0 0 #424040;
    box-shadow: 0 0 0 1px #424040 inset, 0 0 0 0 #424040;
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: var(--panel-body)!important;
    border: 1px solid var(--panel-body)!important;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .62em 1em;
    color: var(--text-color)!important;
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
}

.spoiler {
    border: 1px solid #424040!important;
    background-color: #333!important;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mce-content-body [contentEditable=false][data-mce-selected] {
    cursor: not-allowed;
    outline: 3px solid #424040!important;
}

.mce-content-body [contentEditable=false] [contentEditable=true]:hover {
    outline: 3px solid #424040!important;
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 2.71428571em;
    background: var(--panel-body);
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: var(--text-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
}

.ui.blue.button, .ui.blue.buttons .button {
    background-color: var(--main-color);
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.ui.teal.button:hover, .ui.teal.buttons .button:hover {
    background-color: #009c95;
    color: #fff!important;
    text-shadow: none;
}

.ui.blue.label, .ui.blue.labels .label {
    background-color: var(--main-color)!important;
    border-color: var(--main-color)!important;
    color: #fff!important;
}

.ui.blue.button:hover, .ui.blue.buttons .button:hover {
    background-color: var(--second-color)!important;
    color: #fff!important;
    text-shadow: none;
}

.ui.blue.message {
    background-color: var(--panel-body)!important;
    color: var(--main-color)!important;
    -webkit-box-shadow: 0 0 0 1px var(--main-color) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px var(--main-color) inset, 0 0 0 0 transparent;
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: var(--text-color)!important;
}

.ui.selection.active.dropdown .menu {
    border-color: var(--second-color)!important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown {
    border-color: var(--second-color)!important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid var(--panel-heading)!important;
    padding: .78571429rem 1.14285714rem!important;
    white-space: normal;
    word-wrap: normal;
}

.ui.selection.active.dropdown:hover .menu {
    border-color: var(--main-color)!important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown:hover {
    border-color: var(--main-color)!important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.dropdown:focus {
    border-color: var(--second-color)!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
    border-color: var(--second-color)!important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: var(--panel-heading);
    background-image: none;
    padding: .5833em .833em;
    color: #fff;
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
}
.ui.attached.error.message, .ui.error.message {
    -webkit-box-shadow: 0 0 0 1px var(--panel-heading) inset, 0 0 0 0 transparent!important;
    box-shadow: 0 0 0 1px var(--panel-heading) inset, 0 0 0 0 transparent!important;
}

.ui.error.message {
    background-color: var(--panel-heading)!important;
    color: #9f3a38;
}

.ui.form .field.field input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px var(--panel-body) inset!important;
    box-shadow: 0 0 0 100px var(--panel-body) inset!important;
    border-color: var(--panel-body)!important;
}
.ui.left.center.popup:before, .ui.right.center.popup:before {
    background: var(--panel-body);
}
.ui.right.center.popup:before {
    top: 50%;
    left: -.30714286em;
    bottom: auto;
    right: auto;
    margin-top: -.30714286em;
    -webkit-box-shadow: -1px 1px 0 0 var(--main-color);
    box-shadow: -1px 1px 0 0 var(--main-color);
}

.ui.comments .comment .avatar {
    display: block;
    width: 2.5em;
    height: 2.5em;
    float: left;
    margin: .2em 0 0;
}

.ui.secondary.segment {
    background: var(--html-background);
}

.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--text-color);
}

.ui.input>input {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding: .67857143em 1em;
    background: var(--panel-heading);
    border: 1px solid rgba(34,36,38,.15);
    color: var(--text-color);
    border-radius: .28571429rem;
    -webkit-transition: border-color .1s ease,-webkit-box-shadow .1s ease;
    transition: border-color .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.input.down input, .ui.input>input:active {
    border-color: var(--panel-heading);
    background: var(--panel-heading);
    color: var(--text-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.action.input:not([class*="left action"])>input {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-right-color: var(--panel-heading)!important;
    background: var(--panel-heading);
    color: var(--text-color);
    border-color: var(--panel-heading);
}

.right.menu {
    display: flex;
    align-items: center;
}

.ui.comments .comment .text {
    margin: .25em 0 .5em;
    font-size: 1em;
    word-wrap: break-word;
    color: var(--text-color);
    line-height: 1.3;
}

.ui.comments .comment .metadata {
    display: inline-block;
    margin-left: .5em;
    color: var(--text-color);
    font-size: .875em;
    opacity: 0.8;
}

.ui.comments .comment .actions a {
    cursor: pointer;
    display: inline-block;
    margin: 0 .75em 0 0;
    color: var(--second-color);
}

a.author {
    color: var(--main-color)!important;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: var(--main-color)!important;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.ui.segment h4 {
    color: var(--text-color);
}

#page-suggestions input.prompt {
    background: var(--panel-body);
}

.ui.input.focus>input, .ui.input>input:focus {
    border-color: var(--main-color);
    background: var(--panel-body);
    color: var(--text-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.search>.results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    color: var(--text-color)!important;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    white-space: normal;
    text-align: left;
    text-transform: none;
    background: var(--panel-body);
    margin-top: .5em;
    width: 18em;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
    border: 1px solid var(--panel-body);
    z-index: 998;
}

.ui.category.search .results {
    width: 25em;
}

.ui.search>.results>.message .description {
    margin-top: .25rem;
    font-size: 1em;
    color: var(--text-color);
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
    color: var(--text-color);
    border-color: var(--second-color);
    border-radius: .28571429rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}

.ui.attached.negative.message, .ui.negative.message {
    -webkit-box-shadow: 0 0 0 1px var(--panel-body) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px var(--panel-body) inset, 0 0 0 0 transparent;
}

.ui.negative.message {
    background-color: var(--panel-body);
    color: var(--main-color);
}

#page-suggestions .ui.segment h3 {
    color: var(--main-color);
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    opacity: 0.1;
}


#page-suggestions .ui.ten.wide.tablet.twelve.wide.computer.column .ui.segment {
    background: var(--panel-body);
    padding: 20px;
}

iframe#quickreply_ifr #tinymce p {
    color: white!important;
}

.logo img {
    margin-top: 50px;
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
    background: var(--panel-body);
}

.ui.form .field.field input:-webkit-autofill:focus {
    border-color: transparent!important;
}

.ui.form .field.field input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px var(--panel-body) inset!important;
    box-shadow: 0 0 0 100px var(--panel-body) inset!important;
    border-color: var(--panel-body)!important;
    background: var(--panel-body);
    color: #fff;
}

.description.forum_post {
    padding-top: 12px;
}

.ui.card>.content a:not(.ui), .ui.cards>.card>.content a:not(.ui) {
    color: #fff;
}

.ui.secondary.menu {
    margin: 0;
    background: rgba(56, 56, 56, 0.37)!important;
    padding: 0px;
    height: 60px;
}

@media (min-width: 768px) {
.ui.secondary.menu .item {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: .78571429em .92857143em;
    margin: 0 .35714286em;
    background: 0 0;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    border-radius: .28571429rem;
    font-size: 15px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    padding: 0px 20px;
    text-transform: uppercase;
    line-height: 4;
    position: relative;
    transition: 1s;
}
}



.ui.menu .dropdown.item .menu {
    min-width: calc(100% - 1px);
    border-radius: 0 0 .28571429rem .28571429rem;
    background: var(--panel-body);
    margin: 0 0 0;
    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%);
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.ui.menu .ui.dropdown .menu>.item {
    margin: 0;
    text-align: left;
    font-size: 1em!important;
    padding: .78571429em 1.14285714em!important;
    background: 0 0!important;
    color: #fff!important;
    text-transform: none!important;
    font-weight: 400!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important;
}

.ui.menu .ui.dropdown .menu>.item:hover {
    background: transparent!Important;
    color: var(--main-color)!important;
}

.ui.menu .ui.dropdown .menu>.item {
    margin: 0;
    text-align: left;
    font-size: 1em!important;
    padding: .78571429em 1.14285714em!important;
    background: 0 0!important;
    color: #fff!important;
    text-transform: none!important;
    font-weight: 400!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important;
    line-height: 1;
}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
    background: transparent;
    color: var(--main-color);
}

.ui.dropdown .menu>.header {
    margin: 0!important;

}

.ui.container.nav-center {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

div#navbar {
    max-width: 1127px;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 4px!important;
}

.ui.secondary.menu .active.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    color: var(--main-color)!important;
    border-radius: .28571429rem;
}

i.fas.fa-pencil-alt.fa-fw:hover {
    color: #fff;
}

.ui.attached.menu:not(.tabular) {
    border: 1px solid #0000002b!important;
}

.ui.attached.header {
    background: var(--panel-body)!important;
    border: 1px solid var(--panel-body)!important;
}

.ui.cards>.green.card, .ui.green.card, .ui.green.cards>.card {
    -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 0 0 #21ba45, 0 1px 3px 0 #333!important;
    box-shadow: 0 0 0 1px transparent, 0 2px 0 0 #21ba45, 0 1px 3px 0 #333!important;
}

.ui.card>.content>.header, .ui.cards>.card>.content>.header {
    color: #fff!important;
}

#toast-container .toast {
    background: var(--panel-heading);
}

#toast-container>.toast-success {
    background-image: none!important;
}

.toast {
    background: var(--panel-heading);
    color: var(--text-color);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.ui.masthead.container {
    border-radius: 4px;
}
div#navbar .container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.swal-button:active {
    background-color: var(--main-color);
}
.swal-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--hover);
}
.swal-footer {
    text-align: center;
    text-align: -webkit-center;
}
.ui.table>thead>tr>th {
    background: var(--main-color);
    color: #fff;
}
.ui.dropdown .menu>.header:not(.ui) {
    color: var(--text-color);
    font-size: .78571429em;
}
@media screen and (max-width: 992px) {
ul.social-media {
    display: none!important;
}
}
.ui.info.message .header {
    color: var(--main-color);
}.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {    background: var(--panel-body);    border-color: var(--panel-body);}

.cc-window.cc-floating {
    padding: 1rem 1.5rem;
    background-color: var(--panel-body) !important;
    color: #fff !important;
    -webkit-box-shadow: 0 1px 3px 0 #bababb, 0 0 1px 1px #bababb;
    box-shadow: 0 1px 3px 0 var(--panel-body), 0 0 1px 1px var(--panel-body);
    border: none;
    border-radius: 0.28571429rem;
    cursor: default;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
    transition: .5s all ease;
}
.cc-color-override--613581420 .cc-link, .cc-color-override--613581420 .cc-link:active, .cc-color-override--613581420 .cc-link:visited {
    color: #fff!important;
}
.cc-window.cc-floating .cc-highlight .cc-btn:first-child {
    color: #fff;
}
.cc-window.cc-floating .cc-highlight .cc-btn.cc-allow {
    -webkit-box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
    box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
    background-color: #2185d0;
    border-color: #2185d0;
    border-radius: 5px;
    color: #fff;
}
.ui.list .list>.item>.content, .ui.list>.item>.content {
    line-height: 1.14285714em;
    color: var(--text-color);
}