.listings {
    	overflow: hidden;
}

.listings .item {
    height:10px;
    
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.listings .item small {
    visibility:hidden;    
}


.listings .item:hover {
    height:50px;
    
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.listings .item:hover small {
    visibility:visible;    
}

.listings .item-active {
    display:block;
    border-bottom:1px solid #ebebeb;
    padding:10px;
    text-decoration:none;
    color:#948b5f;
    
    height:80px;
    
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.listings .item-active:last-child { border-bottom:none; }
.listings .item-active .title {
    display:block;
    color:#948b5f;
    font-weight:700;
    font-size:13px;
}
.listings .item-active .title small { font-weight:400; }
.listings .item-active small {
    visibility:visible;    
}

/* -- Circular Work -- */
.gridcontainer { 
}

.grid_3 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 110px;
    margin-bottom:20px;
} 

.fmcircle_out {
	width: 100px;
	height: 100px;
	background: rgba(221,221,221,0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQYV2NkIAIwElKze/fu/3gVgRS4uroyEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQA02QXOj4w/E8AAAAASUVORK5CYII=);
	text-align: center;
	display: block;
	margin-left: 5px;
	opacity: 1;	
	
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.fmcircle_out_active {
	width: 100px;
	height: 100px;
	background: rgba(221,221,221,0.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQYV2NkIAIwElKze/fu/3gVgRS4uroyEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQA02QXOj4w/E8AAAAASUVORK5CYII=);
	text-align: center;
	display: block;
	margin-left: 5px;
	opacity: 1;	
    	
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.fmcircle_out:hover {
    opacity: 1;	
        
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
} 

.fmcircle_out_active .fmcircle_in {
	/*background-color: #214a71;*/    
}

.fmcircle_out:hover .fmcircle_in {
	/*background-color: #214a71;*/
}

.fmcircle_gold {
	background-color: #948b5f;
}

.fmcircle_out_active .fmcircle_in img {
    margin: 1px;
    width: 75px;
    height: 75px;
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.fmcircle_out:hover .fmcircle_in img {
    margin: 1px;
    width: 75px;
    height: 75px;
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.fmcircle_in {     
    display: inline-block;
    height: 80px;
    width: 80px;
    margin: 10px;
    overflow: hidden;
	
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	-o-border-radius: 45px;
}

.fmcircle_in img {
	border: none;
    margin: 1px;
	width: 70px;
	height: 70px;
    
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

@media (max-width: 949px) {
    .grid_3 { 
        width: 80px;
    } 
}