@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');

body{
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    background:#000;
    color:#fff;
}

.text-black{
    color: #000 !important;
}

.bg-black{
    background-color: #000 !important;
}
.bg-c383B3E{
    background-color: #383b3e !important;
}
.bg-c9E9E9E{
    background-color: #9e9e9e !important;
}
.bg-cFFF944{
    background-color: #fff944 !important;
}
.bg-c003CFF{
    background-color: #003cff !important;
}
.bg-c0083BB{
    background-color: #0083bb !important;
}
.bg-c35D0FF{
    background-color: #35d0ff !important;
}
.bg-cFF8B46{
    background-color: #ff8b46 !important;
}
.bg-c296884{
    background-color: #296884 !important;
}
.bg-sub-list{
    background-image:url('../img/body.png');
    background-repeat: repeat;
}
.bg-sub-furni{
    background:url('../img/subfurni.png') center center no-repeat;
}
.bg-sub-rare{
    background:url('../img/subrare.png') center center no-repeat;
}

.big-diamound{
    top:-35px;
    left:-35px;
    transition: 0.5s;
}
.bg-sub-rare:hover .big-diamound{
    -webkit-transform : rotate(360deg) scale(0.7); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(360deg) scale(0.7); /* IE 9 */
    transform         : rotate(360deg) scale(0.7);
    top:-43px;
    left:-41px;
}

.hover-c003CFF:hover{
    background-color: #0011a8 !important;
}
.hover-c2F3133:hover{
    background-color: #2f3133 !important;
}
.hover-c0083BB:hover{
    background-color: #296884 !important;
}

.border-bottom3{
    border-bottom:3px solid !important;
}
.border-top5{
    border-top:5px solid !important;
}
.border-bottom5{
    border-bottom:5px solid !important;
}
.border-left5{
    border-left:5px solid !important;
}
.border-right5{
    border-right:5px solid !important;
}
.border-c000000{
    border-color: #000 !important;
}

.font-15rem{
    font-size: 1.5rem !important;
}
.font-14rem{
    font-size: 1.4rem !important;
}
.font-13rem{
    font-size: 1.3rem !important;
}
.font-12rem{
    font-size: 1.2rem !important;
}
.font-09rem{
    font-size: 0.9rem !important;
}
.font-08rem{
    font-size: 0.8rem !important;
}
.font-07rem{
    font-size: 0.7rem !important;
}
.font-Righteous{
    font-family: 'Righteous', cursive !important;
}
.lineh-12px{
    line-height: 12px !important;
}

.h-160{
    height:160px !important;
}
.h-270{
    height:270px !important;
}
.h-30{
    height:30px !important;
}
.h-40{
    height:40px !important;
}
.hmax-30{
    max-height:30px !important;
}
.hmax-40{
    max-height:40px !important;
}
.hmax-48{
    max-height:48px !important;
}

.w-110{
    width:110px !important;
}
.wmax-220{
    max-width:220px !important;
}
.wmax-180{
    max-width:180px !important;
}

.siz49{
    width:49px;
    height:49px;
}
.siz39{
    width:39px;
    height:39px;
}

.mLeft-55px{
    margin-left:-55px !important;
}

.pa-top7{
    top:7px !important;
}
.pa-left50{
    left:50% !important;
}

.border-rad12{
    border-radius:12px !important;
}

.cursor-pointer{
    cursor: pointer !important;
}

.rPoints-HRes{
    min-height:150px;
}

#opacityRaresCategories{
    opacity:0.9;
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    z-index:300;
}

#containerRaresCategories{
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    overflow-y:scroll;
    z-index:400;
    color:#fff;
}

.closeRaresCategories{
    position: absolute;
    top:0;
    right:0;
    font-family:sans-serif;
    border:3px solid;
}