@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

@font-face {

    font-family: Friz;

    src: url(../webfonts/friz.otf);

}



* {

    /* border: 1px solid red; */

}



body {

    background-color: #000 !important;

    background-image: url("../img/bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 250, 250, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}



.navbar-toggler {

    border: 1px solid rgb(58, 58, 58);

}



.dropdown-menu {

    background-color: #212121 !important;

    border: 1px solid rgb(171 171 171 / 15%) !important;

    box-shadow: 4px 4px 16px 1px rgb(0 0 0 / 58%);

}



.nav-item a span {

    color: #95b7fb;

}



.dropdown-item{

    color:#fff !important

}



.dropdown-item:hover,

.dropdown-item:focus,

.dropdown-item:active {

    background-color: #333333 !important;

    color: #fff !important;

}



.top-navbar{

    background-color: #000;

}



.text-opensans {

    font-family: "Open Sans" !important;

}



.top-navbar span {

    font-size: 13px;

}



.top-navbar a {

    text-decoration: none;

}



.text-primary{

    color: #0ec298 !important



}



.text-secondary{

    color: #a6a6a6 !important

}



.nav-item a {

    font-weight: bold;

}



.nav-link:hover{

    background-image: url("../img/nav-hover.png") !important;

    background-repeat: no-repeat;

}



.text-bold{

    font-weight: bold !important;

}



.nav-item p {

    font-weight:normal;

    font-size: 12px;

}



.download-btn-content {

    top: 45px;

    left: 43px;

}



.download-btn-content span {

    font-size: 12px;

}



button, a {

    opacity: 0.9 !important;

    transition: ease-in 150ms !important;

    -webkit-transition: ease-in 150ms !important;

    -moz-transition: ease-in 150ms !important;

    -ms-transition: ease-in 150ms !important;

    -o-transition: ease-in 150ms !important;



}



button:hover{

    opacity: 1 !important;

    box-shadow: 1px 1px 11px 0px #272727 !important;

}



a:hover{

    opacity: 1 !important;

    text-shadow: 1px 1px 5px #545454 !important;;

}



.btn-primary{

    background-image: url(../img/btn-primary.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 38px;

    text-shadow: 1px 1px 5px #000;

    font-weight: bold;

    border: none !important;

    background-color: transparent !important;

}



.btn-alternative{

    background-image: url(../img/btn-alternative.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 38px;

    text-shadow: 1px 1px 5px #000;

    font-weight: bold;

    border: none !important;

    color: #fff;

    background-color: transparent !important;

}



.btn-secondary {

    background-color: #2d2d2d;

    width: 100%;

    height: 38px;

    text-shadow: 1px 1px 5px #000;

    font-weight: bold;

    border: none !important;

}



.btn-default {

    background-color: #867862;

    width: 100%;

    height: 35px;

    text-shadow: 1px 1px 5px #000;

    font-weight: bold;

    border: none !important;

    color: #fff;

    font-size: 14px;

}



.text-link {

    text-decoration: none !important;

}



.login-options{

    font-size: 13px;

}



.input {

    border: 1px solid #3c3c3c !important;

    color: #3c3c3c !important;

    font-family: "Open Sans" !important;

}



.special-input {

    width: 220px !important;

}



.form-control {

    background-color: #011611 !important;

    border: 1px solid #013d2f !important;

    color: #727272 !important;

    border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    -ms-border-radius: 0 !important;

    -o-border-radius: 0 !important;

    font-family: "Open Sans" !important;

    font-size: 14px;

}



.sub-header{

    background-image: url(../img/render-header.png);

    background-repeat: no-repeat;

    width: 100%;

    background-position: 107% 6%;

    background-size: 75%;

}



.render {

    top: -90px;

    right: 0;

    width: 90%;

    z-index: -1;

}



.login-header{

    background-image: url("../img/header-sections.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 55px;

}



.login-content{

    background-image: url("../img/content-bg.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 479px;

}



.ranking-header{

    background-image: url("../img/header-sections.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 55px;

}



.ranking-content{

    background-image: url("../img/content-bg.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

}



.stats-header{

    background-image: url("../img/header-sections.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 55px;

}



.stats-content{

    background-image: url("../img/content-bg.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

}



.events-header{

    background-image: url("../img/header-sections.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 55px;

}



.events-content{

    background-image: url("../img/content-bg.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

}



.news-header{

    background-image: url("../img/news-section.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 55px;

}



.news-content{

    background-image: url("../img/news-content.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

}



.panel-content-h{

    height: 1278px !important;

}



.panel-table{

    width: 100%;

}



.notice-footer{

    background-image: url("../img/notice-footer.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: 57px;

}



.events-content{

    background-image: url("../img/content-bg.png");

    background-size: cover;

    background-position: left center;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

}



.content-symbol p{

    font-size: 12px;

    position: relative;

}



.content-symbol:before{

    content: url("../img/content-symbol.png");

    position: absolute;

    margin-left: -40px;

    margin-top: -20px;

}



.content-symbol-light span{

    font-size: 12px;

    position: relative;

}



.content-symbol-light:before{

    content: url("../img/content-symbol-light.png");

    position: absolute;

    margin-left: -40px;

    margin-top: -32px;

}



.panel-content{

    background-color: #1b1b1b;

    height: auto !important;

}



.login-options-sub{

    box-shadow: 6px 4px 12px 0px #151515 !important;

    background-color: #1d4437;

}



.aside-table thead{

    font-size: 11px;

    text-align: center;

}



.aside-table th, .aside-table td {

    border-bottom: 1px solid #013d2f !important;

    padding: 2px 3px !important;

    text-align: center;

}



.aside-table tbody{

    font-size: 11px;

}



.aside-table {

    font-size: 10px;

    text-align: center;

}



.rank-table thead{

    /* font-size: 11px; */

    background-color: #1d4437;

    color: #fff !important;

}



.rank-table th {

    padding: 10px;

}



.rank-table td{

    font-size: 14px;

}



.rank-table th, .rank-table td {

    border-bottom: 1px solid #3c3c3c !important;

}





.right-buttons{

    top: 33px;

    left: 30px;

    text-shadow: 1px 1px 4px #000;

}



.right-button-left{

    left: 130px;

}



.stats-online{

    background-color: #1d4437;

    border-bottom: 1px solid #013d2f;

}



.stats-online-sub {

    border-bottom: 1px solid #013d2f;

}



.stats-online-sub-bg{

    background-color: #1d4437;

}



.channels-lists{

    list-style: none;

}



.channel-online {

    color: #5b8b3b;

}

.channel-offline {

    color: #8b3b3b;

}



.events-content-msg{

    background-color: #653f3f;

}



.carousel-control-prev:hover, .carousel-control-next:hover{

    box-shadow: none !important;

    opacity: 1 !important;

}



.carousel-control-prev, .carousel-control-next{

    opacity: 0 !important;

    transition: ease-in 250ms;

    -webkit-transition: ease-in 250ms;

    -moz-transition: ease-in 250ms;

    -ms-transition: ease-in 250ms;

    -o-transition: ease-in 250ms;

}



.carousel-caption {

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 10px !important;

    text-align: left !important;

    right: initial !important;

    left: initial !important;

    padding-bottom: initial !important;

    background-color: rgb(0 0 0 / 72%);

    height: 35%;

    width: 100%;

    bottom: 0 !important;

}



.carousel-caption h5 {

    font-size: 15px;

    text-transform: uppercase;

    font-family: "Open Sans";

}



.carousel-caption p {

    font-size: 13px;

    color: #999999;

    font-family: "Open Sans";

}



.footer-copyright {

    border-top: 1px solid #222222;

    border-bottom: 1px solid #222222;

}



.networks-list {

    list-style: none;

}



.networks-list li {

    display: inline-block;

}



.networks-list li a {

    font-size: 25px;

    color: #4c4c4c;

}



.footer-nav {

    margin-top: 180px;

}



.download-text{

    left: 120px;

    top: -14px;

    text-shadow: 1px 1px 5px #000;

}



.main-video {

    opacity: 0.5;

    transition: ease-in 250ms;

    cursor: pointer;

}



.main-video {

    opacity: 1;

}



@media (max-width: 1024px) {

    .render{

        top: 120px;

    }

}



@media (max-width: 1200px) {

    .render{

        top: 40px;

    }

}



@media (max-width: 768px) {

    .render{

        display: none;

    }



    .panel-content{

        height: auto !important;

    }

}



@media (max-width: 991px) {

    .render{

        top: 120px;

    }

}