.filtr-container {
overflow:hidden
}
.filtr-item {
z-index:1 !important
}
.wrapper-dropdown-5 {
position: relative;
width: 100%;
margin: 0 auto;
padding: 11px 11px;
background: #fff; cursor: pointer;
outline: none;
transition: all 0.3s ease-out;
border: 1px solid #eee;
}
.wrapper-search {
padding:0 !important
}
.filtr-search {
padding: 11px 11px !important;
}
.filter-search {
margin-bottom:0 !important;
list-style: none !important;
padding:0 !important;
margin-left: 5px;
}
.filter-wrap {
padding:0 !important;
margin: 20px 0px 20px 0px;
}
#filtersorting, .filtr_search {
display:inline-block;
width:200px; 
margin: 20px 10px 20px 0px;
}
.wrapper-dropdown-5:after { content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid; }
.wrapper-dropdown-5 .dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border-radius: 0 0 5px 5px;
border: 1px solid rgba(0,0,0,0.2);
border-top: none;
border-bottom: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
max-height: 0;
padding:0;
overflow: hidden;
}
.wrapper-dropdown-5 .dropdown li {
padding: 0 10px ;
}
.wrapper-dropdown-5 .dropdown li  {
display: block;
text-decoration: none;
color: #333;
padding: 8px 15px; border-bottom: 1px solid #e6e8ea;
}
.wrapper-dropdown-5 .dropdown li:last-of-type  {
border: none;
}
.wrapper-dropdown-5 .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
} .wrapper-dropdown-5 .dropdown li:hover  { } .wrapper-dropdown-5.active {
border-radius: 5px 5px 0 0; box-shadow: none;
border-bottom: none;
color: white;
}
.wrapper-dropdown-5.active:after { }
.wrapper-dropdown-5.active .dropdown {
border-bottom: 1px solid rgba(0,0,0,0.2);
max-height: 400px;
z-index:1
}
#filter_gallery_limit {
position: relative; overflow: hidden;
} .filtr-container, .filtr-container .filtr-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.filtr-item {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}   .filtr-container .pf_result.no-transition,
.pf_result.no-transition,
.pf_result.no-transition .pf_result {
transition-duration: 0s;
}
.filtr-container {
transition-property: height, width;
} .clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } .filtr-container .filtr-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}
.filtr-item {
float: left;
overflow: hidden; position: relative; }
.shown,
.no-js .filtr-item,
.no-cssanimations .filtr-item { }   .animateonload {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ;
animation: scaleUp 0.65s ;
}
@-webkit-keyframes scaleUp {
0% { }
100% { -webkit-transform: scale3d(1); opacity: 1; }
}
@keyframes scaleUp {
0% { }
100% { -webkit-transform: scale3d(1); transform: scale3d(1); opacity: 1; }
} .la-square-loader {
position: absolute;
left: 50%;
bottom:0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1);
transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1);
}
.progress-button {
position: relative;
display: inline-block;
text-align: center;
}
.progress-button button {
display: block;
border: none;
margin: 0 auto;
padding: 0;
width: 160px;
height: 40px;
background: transparent;
letter-spacing: 1px;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
.progress-button button:hover {
color: #fff;
}
.progress-button button:focus {
outline: none;
}
.pw-loader-wrapper {
height:100px;
padding-top:50px;
text-align:center;
position:relative;
} .la-square-loader,
.la-square-loader>div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.la-square-loader {
display: block;
font-size: 0;
}
.la-square-loader.la-dark {
color: #333
}
.la-square-loader>div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor
}
.la-square-loader {
width: 25px;
height: 25px;
}
.la-square-loader>div {
width: 100%;
height: 100%;
background: transparent;
border-width: 1px;
border-radius: 0;
-webkit-animation: square-loader 2s infinite ease;
-moz-animation: square-loader 2s infinite ease;
-o-animation: square-loader 2s infinite ease;
animation: square-loader 2s infinite ease
}
.la-square-loader>div:after {
display: inline-block;
width: 100%;
vertical-align: top;
content: "";
background-color: currentColor;
-webkit-animation: square-loader-inner 2s infinite ease-in;
-moz-animation: square-loader-inner 2s infinite ease-in;
-o-animation: square-loader-inner 2s infinite ease-in;
animation: square-loader-inner 2s infinite ease-in
}
.la-square-loader.la-sm {
width: 16px;
height: 16px
}
.la-square-loader.la-sm>div {
border-width: 1px
}
.la-square-loader.la-2x {
width: 64px;
height: 64px
}
.la-square-loader.la-2x>div {
border-width: 4px
}
.la-square-loader.la-3x {
width: 96px;
height: 96px
}
.la-square-loader.la-3x>div {
border-width: 6px
}
@-webkit-keyframes square-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
75% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes square-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-moz-transform: rotate(180deg);
transform: rotate(180deg)
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg)
}
75% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes square-loader {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
75% {
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes square-loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
75% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes square-loader-inner {
0% {
height: 0
}
25% {
height: 0
}
50% {
height: 100%
}
75% {
height: 100%
}
100% {
height: 0
}
}
@-moz-keyframes square-loader-inner {
0% {
height: 0
}
25% {
height: 0
}
50% {
height: 100%
}
75% {
height: 100%
}
100% {
height: 0
}
}
@-o-keyframes square-loader-inner {
0% {
height: 0
}
25% {
height: 0
}
50% {
height: 100%
}
75% {
height: 100%
}
100% {
height: 0
}
}
@keyframes square-loader-inner {
0% {
height: 0
}
25% {
height: 0
}
50% {
height: 100%
}
75% {
height: 100%
}
100% {
height: 0
}
} .portfolio_wrapper .dropdown {
margin-left:0 !important
}   
.filter-wrap ul {
margin:0;
}