::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #000000;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
    background: #581b62;
}
::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 20px;
}
::-webkit-scrollbar-track:hover {
    background: #666666;
}
::-webkit-scrollbar-track:active {
    background: #333333;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

body {
    font-family: 'Roboto', sans-serif;
}

.logo {
    max-width:400px;
}
.brand {
    border-bottom: none;
}
.brand img {
    height:200px;
}
.brandzone {
    text-align: center;
}

#sidebar {
    background: #312450;
    background: -moz-linear-gradient(-45deg,  #312450 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #312450 0%,#000000 100%);
    background: linear-gradient(135deg,  #312450 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312450', endColorstr='#000000',GradientType=1 );    
}

.image img {
    margin:auto;
    max-width: 100%;
    max-height: 100%;
}

.to-top {
    display:none;
    cursor: pointer;
    position:fixed;
    bottom:80px;
    right:10px;
    color:white;
    width:50px;
    height:50px;
    line-height: 50px;
    text-align: center;
    border:1px solid white;
    border-radius:50px;
    background: rgba(255,255,255,.01);
}
.to-top:hover {
    background: rgba(230,200,255,.2);
}
.to-top img {
    vertical-align: middle;
    max-width:60%;
    margin-top:-8px;
}
#sidebar nav a:hover {
    color:white;
}

.inner p {
    color:#FFF;
}
.flagzone {
    position:fixed;
    z-index:100;
    top:10px;
    right:10px;
}
.flagzone a {
    margin:5px;
    text-decoration: none;
    border:none;
}
.flagzone a:hover {
    filter:brightness(2);
}

@media screen and (max-width: 1280px) {
    .brandzone {
        display:none;
    }

}