.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;
    /* border-radius: 5px; */
    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 { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    /*border-color: #4cbeff transparent;*/
}

.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;
        /*transition: all 0.3s ease-out;*/
        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;
        }

        /* Hover state */

        .wrapper-dropdown-5 .dropdown li:hover {
            /*color: #57a9d9;*/
        }
/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    /*background: #4cbeff;*/
    box-shadow: none;
    border-bottom: none;
    color: white;
}

    .wrapper-dropdown-5.active:after {
        /* border-color: #82d1ff transparent;*/
    }

    .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 {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
} */

.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;
}

/**** disabling Isotope CSS3 transitions ****/
/* .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
} */

/**** disabling Isotope CSS3 transitions ****/
.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;
}
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}
/* .filtr-container:after {
  content: '';
  display: block;
  clear: both;
} */
.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;
    /*padding: 7px;*/
    position: relative;
    /*opacity: 0;*/
}


.shown,
.no-js .filtr-item,
.no-cssanimations .filtr-item {
    /*opacity: 1;*/
}

/* .grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
} */


/* Effect 3: Scale up */
/* .animate {
	transform: scale(1);
	 transition: all 700ms ease-in-out;
}*/



.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;
    }
}



/******Loader*******/
.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;
}

/* load more button and icon */
.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 .col-xs-12 {
float:none !important
} */
.portfolio_wrapper .dropdown {
    margin-left: 0 !important
}

.filter-wrap ul {
    margin: 0;
}