@charset "utf-8";

/** 
* Author : Halit YEŞİL
* Copyright : Globya Information Technologies 
**/

.toplist-preview-group{}
.toplist-preview-group + .toplist-preview-group{
	margin-top: 2em;
	border-top: solid 2px var(--primary-color, #FFF);
}

.toplist-preview-group > .title{
	padding: 1em 10px 10px;
	font-weight: lighter;
}

.toplist-preview-group NAV{
	padding-left: .8em;
}

.toplist-preview-group .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--dark, #222);
    background-color: var(--primary-color, #FFF);
    border-color: #dee2e6 #dee2e6 #fff;
}

.toplist-preview-group .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--dark, #222);
    background-color: var(--primary-color, #FFF);
}


.toplist-preview{}
.toplist-preview .title{
	padding: 1em;
	font-weight: lighter;
}

.toplist-preview .list-container{}

.toplist-preview .list{}
.toplist-preview .list .list-item{
	max-width: 25%;
}

.toplist-preview .list.list-second .list-item{
	max-width: 50%;
	height: 50%;
}

.toplist-preview .list.list-first{
	align-self: stretch;
}
.toplist-preview .list.list-first .list-item{
	max-width: 100%;
	height: 100%;
}






.toplist-preview .list .list-item IMG{
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	        
	-webkit-transition: all ease 200ms;
	        transition: all ease 200ms;
}

.toplist-preview .list .list-item:hover IMG{
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}