#findtab{
 text-align: center;
 /*background-color: #f8f8f8;
 padding: 20px 0px;*/
}

.tabs{
 background-color: #ffffff;
 color: #262262 !important;
 border-radius: 10px;
 padding: 10px 10px;
 display: inline-block;
 width: 30%;
 text-transform: uppercase;
 margin: 5px 10px;
 text-decoration: none !important;
}

.active, .bactive, .sactive, .tactive, .tabs:hover, .bactive::selection, .sactive::selection, .tactive::selection, .active::selection{
 background-color: #262262 !important;
 color: #fff !important;
}
/*.bfilter:hover, .sfilter:hover, .tfilter:hover{
 background-color: #262262;
 color: #fff !important;
}*/

/*#bcon, #scon, #tcon{
 display: none;
}*/
.tabcon{display: none; margin-bottom: 20px;}
.show{display: block;}

#result{list-style-type: none !important; padding: 5px 5px;}

#result li{display: inline-block; width: 23%; border: 0px solid #0000ff; margin-bottom: 5px;}

#result a{display: flex; align-items: flex-end; flex-direction: row-reverse; justify-content: space-between; height: 200px; padding: 20px 20px; color: #fff !important; text-decoration: none !important; border: 0px solid #fff; border-radius: 20px 20px; font-size: 17px;}

#result img{width: 32px; height: 32px;}

.bfilter, .sfilter, .tfilter{
 color: #262262;
 border-radius: 10px;
 border: 2px solid #262262;
 padding: 10px 10px;
display: inline-block;
cursor: pointer;
margin: 0px 0px 8px 5px;
font-size: 16px;
}

.tab::selection, .bfilter::selection, .sfilter::selection, .tfilter::selection{
 background-color: #fff;
}

#clear{cursor: pointer; color: #262262;}

li:nth-child(1) a, li:nth-child(2) a, li:nth-child(3) a, li:nth-child(4) a{
 background-color: #713294;
}

li:nth-child(5) a, li:nth-child(6) a, li:nth-child(7) a, li:nth-child(8) a{
 background-color: #552C83;
}

li:nth-child(9) a, li:nth-child(10) a, li:nth-child(11) a, li:nth-child(12) a{
 background-color: #312668;
}

li:nth-child(13) a, li:nth-child(14) a, li:nth-child(15) a, li:nth-child(16) a{
 background-color: #302667;
}

li:nth-child(17) a, li:nth-child(18) a, li:nth-child(19) a, li:nth-child(20) a{
 background-color: #253E6A;
}

li:nth-child(21) a, li:nth-child(22) a, li:nth-child(23) a, li:nth-child(24) a{
 background-color: #1E8880;
}

.hide{
 display: none !important;
}

.show{
 display: inline-block !important;
}

#loader{position: absolute; right: 20px; margin-top: 10px; display: none;}

#count{float: right;}

@media only screen and (max-width: 500px) {
#result li{display: block; width: 100%;}
#count{float: none; display: block;} 
}