/*-----------------------------------
 * 1. LIBRARIES AND DEFINED VARIABLES
 *-----------------------------------*/
.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
}

.fade-scale.in {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes header-drop {
    0% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }
}

@-webkit-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }
}

@-o-keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }
}

@keyframes header-drop-out {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-90px);
        -moz-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }
}
/*-----------------------------------
 * ICON HOVER EFFECT KEYFRAMES
 *-----------------------------------*/
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ff5555, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
/* Portfolio shortcode */
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.filter-center,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.filter-center {
    text-align: center;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.filter-left,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.filter-left {
    text-align: left;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.filter-right,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.filter-right {
    text-align: right;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.none,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.none {
    display: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_1 li,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_1 li {
    display: inline-block;
    text-transform: uppercase;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_1 li a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_1 li a {
    color: #000;
    margin-right: 5px;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid #e5e5e5;
    line-height: 30px;
    font-size: 11px;
    display: inline-block;
    background: #eee;
    margin-bottom: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_1 li a.selected,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_1 li a.selected,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_1 li a:hover,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_1 li a:hover {
    background-color: #fff;
    border-color: #bbb;
    color: #333;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_1 li a:focus,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_1 li a:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li {
    display: inline-block;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li:last-child a:after,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li:last-child a:after {
    display: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li a {
    color: #696969;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li a.selected,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li a.selected,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li a:hover,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li a:hover {
    color: #000;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li a:after,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li a:after {
    content: "/";
    color: #696969;
    margin: 0 10px;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_2 li a:focus,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_2 li a:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li {
    display: inline-block;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a {
    color: #696969;
    position: relative;
    margin: 0 10px;
    padding-bottom: 5px;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a:before,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a:before {
    content: '';
    position: absolute;
    width: 0;
    right: 0;
    height: 1px;
    background-color: #000;
    bottom: 0;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a.selected,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a.selected,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a:hover,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a:hover {
    color: #000;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a.selected:before,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a.selected:before,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_3 li a:focus,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_3 li a:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li {
    display: inline-block;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li:last-child a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li:last-child a {
    border: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li a {
    border-right: 1px solid #eeeeee;
    color: #696969;
    position: relative;
    padding: 0 15px;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li a.selected,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li a.selected,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li a:hover,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li a:hover {
    color: #000;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_4 li a:focus,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_4 li a:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_5 li,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_5 li {
    display: inline-block;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_5 li a,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_5 li a {
    color: #696969;
    position: relative;
    padding: 0 15px;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_5 li a.selected,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_5 li a.selected,
.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_5 li a:hover,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_5 li a:hover {
    color: #000;
}

.milo-portfolio-shortcodes-portfolio .portfolio-filters ul.style_5 li a:focus,
.milo-portfolio-shortcodes-images-group .portfolio-filters ul.style_5 li a:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-2.portrait,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-2.portrait {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-2.landscape,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-2.landscape {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-2.small_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-2.small_squared {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-2.big_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-2.big_squared {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-2.default,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-2.default {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-3.portrait,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-3.portrait {
    width: 33.3333333%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-3.landscape,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-3.landscape {
    width: 66.6666666%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-3.small_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-3.small_squared {
    width: 33.3333333%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-3.big_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-3.big_squared {
    width: 66.6666666%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-3.default,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-3.default {
    width: 33.3333333%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-4.portrait,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-4.portrait {
    width: 25%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-4.landscape,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-4.landscape {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-4.small_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-4.small_squared {
    width: 25%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-4.big_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-4.big_squared {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-4.default,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-4.default {
    width: 25%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-5.portrait,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-5.portrait {
    width: 20%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-5.landscape,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-5.landscape {
    width: 40%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-5.small_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-5.small_squared {
    width: 20%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-5.big_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-5.big_squared {
    width: 40%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-5.default,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-5.default {
    width: 20%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-6.portrait,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-6.portrait {
    width: 16.6666667%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-6.landscape,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-6.landscape {
    width: 33.3333333%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-6.small_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-6.small_squared {
    width: 16.6666667%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-6.big_squared,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-6.big_squared {
    width: 33.3333333%;
}

.milo-portfolio-shortcodes-portfolio.packery .portfolio-content .portfolio-item.image-col-6.default,
.milo-portfolio-shortcodes-images-group.packery .portfolio-content .portfolio-item.image-col-6.default {
    width: 16.6666667%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap {
    position: relative;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap:hover .content-info .portfolio-title {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap img {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button {
    margin-bottom: 15px;
    text-align: center;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_1 .content-wrap .content-info .portfolio-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 0 10%;
    opacity: 0;
    visibility: hidden;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap {
    position: relative;
    overflow: hidden;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:hover .content-info .portfolio-title {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:hover img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap img {
    width: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button {
    margin-bottom: 15px;
    text-align: center;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_2 .content-wrap .content-info .portfolio-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 0 10%;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap {
    position: relative;
    overflow: hidden;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap img {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 15px 15px 15px;
    color: #fff;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom .portfolio-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom .portfolio-description,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_3 .content-wrap .content-info .portfolio-bottom .portfolio-description {
    font-size: 13px;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap {
    position: relative;
    overflow: hidden;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap:hover .content-info .portfolio-title {
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap img {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.25);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_4 .content-wrap .content-info .portfolio-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 0 10%;
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap {
    overflow: hidden;
    position: relative;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:hover:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:hover:before {
    opacity: 1;
    -moz-transform: perspective(750px) rotateY(0);
    -webkit-transform: perspective(750px) rotateY(0);
    -ms-transform: perspective(750px) rotateY(0);
    -o-transform: perspective(750px) rotateY(0);
    transform: perspective(750px) rotateY(0);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:hover img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:hover img {
    -moz-transform: perspective(750px) rotateY(180deg);
    -webkit-transform: perspective(750px) rotateY(180deg);
    -ms-transform: perspective(750px) rotateY(180deg);
    -o-transform: perspective(750px) rotateY(180deg);
    transform: perspective(750px) rotateY(180deg);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:hover .content-info .portfolio-title {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap:before,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    z-index: 1;
    -moz-transform: perspective(750px) rotateY(180deg);
    -webkit-transform: perspective(750px) rotateY(180deg);
    -ms-transform: perspective(750px) rotateY(180deg);
    -o-transform: perspective(750px) rotateY(180deg);
    transform: perspective(750px) rotateY(180deg);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap img {
    width: 100%;
    -moz-transform: perspective(750px);
    -webkit-transform: perspective(750px);
    -ms-transform: perspective(750px);
    -o-transform: perspective(750px);
    transform: perspective(750px);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button {
    margin-bottom: 15px;
    text-align: center;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(255, 255, 255, 0.15);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_5 .content-wrap .content-info .portfolio-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 0 10%;
    opacity: 0;
    visibility: hidden;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap {
    position: relative;
    overflow: hidden;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .porfolio-button .external-link {
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .portfolio-bottom,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap:hover .content-info .portfolio-bottom {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap img,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap img {
    width: 100%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.25);
    margin: 0 5px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link:hover,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link:hover,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link:focus,
.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link:focus,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link:focus {
    outline: none;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .open-popup-link {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .porfolio-button .external-link {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 15px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom .portfolio-title,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom .portfolio-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom .portfolio-description,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.style_6 .content-wrap .content-info .portfolio-bottom .portfolio-description {
    font-size: 12px;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.col-padding-5,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.col-padding-5 {
    padding: 0 5px;
    margin: 5px 0;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.col-padding-10,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.col-padding-10 {
    padding: 0 10px;
    margin: 10px 0;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.col-padding-15,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.col-padding-15 {
    padding: 0 15px;
    margin: 15px 0;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.col-padding-20,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.col-padding-20 {
    padding: 0 20px;
    margin: 20px 0;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.image-col-2,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.image-col-2 {
    width: 50%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.image-col-3,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.image-col-3 {
    width: 33.333333%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.image-col-4,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.image-col-4 {
    width: 25%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.image-col-5,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.image-col-5 {
    width: 20%;
}

.milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.image-col-6,
.milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.image-col-6 {
    width: 16.666666%;
}

@media screen and (max-width: 991px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.sm_2,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.sm_2 {
        width: 50%!important;
    }
}

@media screen and (max-width: 991px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.sm_3,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.sm_3 {
        width: 33.333333%!important;
    }
}

@media screen and (max-width: 991px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.sm_4,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.sm_4 {
        width: 25%!important;
    }
}

@media screen and (max-width: 767px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.xs_1,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.xs_1 {
        width: 100%!important;
    }
}

@media screen and (max-width: 767px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.xs_2,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.xs_2 {
        width: 50%!important;
    }
}

@media screen and (max-width: 767px) {
    .milo-portfolio-shortcodes-portfolio .portfolio-content .portfolio-item.xs_3,
  .milo-portfolio-shortcodes-images-group .portfolio-content .portfolio-item.xs_3 {
        width: 33.333333%!important;
    }
}

.mfp-portfolio-vc .mfp-container .mfp-content {
    padding: 5% 20%;
    height: auto;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .mfp-portfolio-vc .mfp-container .mfp-content {
        padding: 5% 15%;
    }
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap {
    position: relative;
    display: inline-block;
    background-color: #fff;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap.image-title h2 {
    background-color: #fff;
    font-size: 15px;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap.image-title-description .information {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap.image-title-description h2 {
    font-size: 15px;
    padding: 5px 0;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap.image-title-description p {
    margin-bottom: 10px;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .lightbox-wrap iframe {
    margin-bottom: 0;
}

.mfp-portfolio-vc .mfp-container .mfp-content .white-popup .mfp-close {
    position: absolute;
    right: -44px;
    top: -22px;
    color: #fff;
}
/* IMAGES GROUP */