/* MIXTITUP GALLERY */

.gallery{ position:relative; }
.gallery.lastcols{ margin-right:0; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ float:left; }
.gal-col-one{ width:100%; }
.gal-col-two{ width:50%; }
.gal-col-three{ width:33.3333%; }
.gal-col-four{ width:25%; }
.gal-col-five{ width:20%; }
.gallery-image{ overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease; }
.gallery-item_link{ -webkit-transition:all .3s ease; transition:all .3s ease; overflow:hidden; position:relative; display:block; }
.gallery-item_link:before{ content:''; display:block; width:100%; height:100%; visibility:visible; opacity:1 !important; position:absolute; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; transition-delay:0s; -webkit-transition-delay:.05s; -o-transition-delay:.05s; transition-delay:.05s; background-color:rgba(90,34,191,0.8); top:0; left:0; z-index:2;}
.gallery-item_link:hover::before{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.gallery-item_meta{ overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; position:absolute; top:0; right:0; bottom:0; left:0; padding:5% 10%; text-align:center; color:#ffffff; z-index:3; -webkit-transition:all .3s ease; transition:all .3s ease;}
h4.gallery-item_meta_title{ text-transform: none; margin-bottom: 8px; -webkit-transform: translateX(calc(-100%)); -ms-transform: translateX(calc(-100%)); transform: translateX(calc(-100%)); opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; color:#ffffff;}
.gallery-item_link:hover h4.gallery-item_meta_title{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; transition-delay: 0s; opacity: 1; -webkit-transition-delay: .17s; -o-transition-delay: .17s; transition-delay: .17s;}
.gallery-item_meta_icon{ text-transform: none; margin-bottom: 8px; -webkit-transform: translateX(calc(-100%)); -ms-transform: translateX(calc(-100%)); transform: translateX(calc(-100%)); opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; color:#ffffff; width:29px; height:29px; min-height:29px; position:relative; font-size:34px; margin-bottom:36px;}
.gallery-item_link:hover .gallery-item_meta_icon{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; transition-delay: 0s; opacity: 1; -webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s;}
.gallery-item_link img{ max-width:none; width:calc(100% + 50px); -webkit-transform:translate3d(-40px,0,0); transform:translate3d(-40px,0,0); -webkit-transition:all .6s ease-out;  -o-transition:all .6s ease-out; transition:all .6s ease-out; transition-delay:0s; -webkit-transition-delay:.05s; -o-transition-delay:.05s; transition-delay:.05s; -o-object-fit:cover;  object-fit:cover; height:100%; display:block;}
.gallery-item_link:hover img{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:.55; }

@-webkit-keyframes animationOutFrames{

    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

}

@keyframes animationOutFrames{

    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

}