#dropdownFilterPort {color: #e20613!important;}

#dropdownFilterPort.show {border:0;}

#dropdownFilterSm {
background-color: transparent!important;
}

#dropdownFilterSm .btn, #dropdownFilterSm .active {
background-color: transparent!important;
}

#dropdownFilterSm .filter-btn {
text-transform: uppercase;
color: #ffffff!important;
background-color: transparent;
background-image: linear-gradient(to left, #e20613 1%, #e20613 100%);
background-size: 0% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
border: 0;
transition: background-size .3s;
}

#dropdownFilterSm .active {
color: #e20613!important;
transition: background-size .3s;
}

.portfolio-filters button {
text-transform: uppercase;
color: #ffffff !important;
background-color: transparent;
background-image: linear-gradient(to left, #e20613 1%, #e20613 100%);
background-size: 0% 1px;
background-position: 0 100%;
background-repeat: no-repeat;
border: 0;
transition: background-size .3s;
margin-right: .5rem;
}

.portfolio-filters button:last-of-type {margin-right: 0;}

.portfolio-filters button:hover, .portfolio-filters .active {
color: #e20613 !important;
background-size: 100% 1px;
transition: background-size .3s;
}

.portfolio-thumb-link:before {display:none;}

.portfolio-thumb {
background-size: 150%;
overflow: hidden;
}

.portfolio-thumb-img {
height: 300px;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
opacity: 1;
transform: scale(1.1);
transition: .3s;
}

.portfolio-panel:hover .portfolio-thumb-img {
opacity: .7;
transform: scale(1);
transition: .3s;
}

.portfolio-title-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.portfolio-panel h5 {
color: #ffffff;
opacity: 0;
transform: scale(2);
transition: .3s;
}

.portfolio-panel:hover h5 {
color: #ffffff!important;
opacity: 1;
transform: scale(1);
background-size: 100% 100%;
transition: .3s;
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

.portfolio-panel .portfolio-thumb-img {
opacity: .9;
height: 300px;
transform: scale(1);
transition: .3s;
}
	
.portfolio-panel:hover .portfolio-thumb-img {
opacity: 1;
transform: scale(1.1);
transition: .3s;
}	

.portfolio-panel h5 {
opacity: 1;
transform: scale(1);
transition: .3s;
}

.portfolio-panel:hover h5 {
opacity: 0;
transform: scale(2);
transition: .3s;
}

}


@media (max-width: 576px) {

.portfolio-filters button {
display: block;
margin: 0 auto 10px;
}

}