/*============== NEW HOVER ==============*/

.grid-item .portfolio-image {
    background-position: center center;
}
.grid-inner:hover .portfolio-content{
    opacity: 1;
}
/*.portfolio-content {*/
    /*background: none repeat scroll 0 0 #fff;*/
    /*color: #333333;*/
    /*bottom: -140px;*/
    /*left: 0;*/
    /*opacity: 0;*/
    /*padding: 20px;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*-webkit-transition: all 0.3s ease-in-out 0s;*/
    /*-moz-transition: all 0.3s ease-in-out 0s;*/
    /*-o-transition: all 0.3s ease-in-out 0s;*/
    /*transition: all 0.3s ease-in-out 0s;*/
/*}*/
.grid-inner:hover .item-title {
}
/*.masonry .portfolio-content { background: #FFFFFF; display: block; padding: 20px; }*/
/*.masonry .portfolio-content span { display: inline;}*/

.grid-item {

}

.gridifier .filter-off{
    display: none;
}
.port-block .portfolio-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -100px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
}
.grid-inner:hover .portfolio-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    bottom: 0;
}
.grid-inner:hover .portfolio-image {
    top: -60px;
}
.portfolio-image{
    top: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

/*============== END NEW HOVER ==============*/

/*.noscroll {*/
    /*overflow: hidden;*/
/*}*/
/*.portfolio-grid > .cover{*/
    /*text-align: right;*/
    /*background: rgba(255,255,255,0.05);*/
    /*position: fixed;*/
    /*z-index: 1;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

/*.portfolio-grid > .cover .loadingspin{*/
    /*bottom: 0;*/
    /*top: 100%;*/
    /*margin-top: -30px;*/
    /*margin-left: -50px;*/
/*}*/
.portfolio-grid {
    list-style-type: none;
    position: relative;
    max-width: 100%;
    /*-webkit-transform: translate3d(0,0,0);*/
    /*-moz-transform: translate3d(0,0,0);*/
    /*transform: translate3d(0,0,0);*/
    /*-webkit-transform-style: preserve-3d;*/
    /*transform-style: preserve-3d;*/
    /*margin: 0 auto;*/
}

/*.view-full .portfolio-grid {*/
    /*-webkit-transform: translate3d(0,0,-1500px);*/
    /*-moz-transform: translate3d(0,0,-1500px);*/
    /*transform: translate3d(0,0,-1500px);*/
/*}*/

/*.placeholder {*/
    /*display: block;*/
    /*position: absolute;*/
    /*overflow: hidden;*/
    /*opacity: 1;*/
    /*-webkit-transition: all 0.8s ease;*/
    /*-moz-transition: all 0.8s ease;*/
    /*-o-transition: all 0.8s ease;*/
    /*transition: all 0.8s ease;*/
    /*background: white;*/
    /*z-index: 99999;*/
/*}*/

/*.placeholder.visible{*/
    /*display: block;*/
    /*opacity: 1;*/
    /*-webkit-transform: translateZ(1500px);*/
    /*-moz-transform: translateZ(1500px);*/
    /*transform: translateZ(1500px);*/
/*}*/

/*.popup-content,*/
/*.popup-loading {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*pointer-events: none; *//* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
/*}*/

/*.popup-content {*/
    /*overflow-y: scroll;*/
    /*height: 0; *//* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
    /*background: #fff;*/
    /*visibility: hidden;*/
    /*z-index: 400;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-transition: opacity 1s;*/
    /*transition: opacity 1s;*/
    /*opacity: 0;*/
/*}*/

/*.popup-content .content, .popup-content .gallery {*/
    /*margin-top: 100px;*/
    /*opacity: 0;*/
/*}*/

/*.popup-content .gallery{*/
    /*-webkit-transition: opacity 1.5s ease-out;*/
    /*transition: opacity 1.5s ease-out;*/
    /*-webkit-transition-delay: 0.5s;*/
    /*transition-delay: 0.5s;*/
/*}*/

/*.popup-content .content{*/
    /*-webkit-transition: opacity 0.5s ease-out;*/
    /*transition: opacity 0.5s ease-out;*/
/*}*/

/*.popup-content .content.visible,*/
/*.popup-content .gallery.visible{*/
    /*opacity: 1;*/
/*}*/

/*.popup-content.show {*/
    /*height: auto;*/
    /*pointer-events: auto;*/
    /*visibility: visible;*/
    /*opacity: 1;*/
/*}*/


/*.popup-content > div {*/
    /*bottom: 0;*/
    /*opacity: 0;*/
    /*overflow: hidden;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*z-index: 10;*/
/*}*/
/*.popup-content > div.show {*/
    /*height: auto;*/
    /*opacity: 1;*/
    /*-webkit-transition: opacity 0.6s;*/
    /*transition: opacity 0.6s;*/
/*}*/

/*.close-content {*/
    /*position: fixed;*/
    /*z-index: 1000;*/
    /*top: 0;*/
    /*right: 10px;*/
    /*font-size: 1.6em;*/
    /*color: #aaa;*/
    /*cursor: pointer;*/
    /*padding: 1em;*/
    /*opacity: 0;*/
    /*-webkit-transition: opacity 0.3s;*/
    /*transition: opacity 0.3s;*/
/*}*/

/*.close-content:hover {*/
    /*color: #999;*/
/*}*/

/*.popup-content div.show ~ .close-content {*/
    /*opacity: 1;*/
    /*pointer-events: auto;*/
/*}*/

/*.portfolio-grid .grid-item {*/
    /*margin: 0;*/
    /*overflow: hidden;*/
    /*padding: 0;*/
/*}*/

/*.portfolio-grid .grid-item.justified {*/
    /*position: absolute;*/
    /*display: none;*/
/*}*/

/*.portfolio-grid .grid-item.metro {*/
    /*position: absolute;*/
    /*display: none;*/
/*}*/
/*.portfolio-grid .grid-item.masonry {*/
    /*position: absolute;*/
    /*opacity: 0;*/
    /*display: none;*/
/*}*/
/*.with-padding .port-block .grid-inner {*/
    /*padding: 10px;*/
/*}*/
/*html.ie9 .portfolio-grid .grid-item.justified {*/
    /*opacity: 1;*/
/*}*/

/*s*/
/*html.ie9 .portfolio-grid .grid-item.metro {*/
    /*position: absolute;*/
    /*display: block;*/
/*}*/

/*#infscroll {*/
    /*position: relative;*/
    /*clear: both;*/
    /*width:100px;*/
    /*height: 20px;*/
/*}*/

/*@-webkit-keyframes hiding {*/
    /*0% {*/
        /*opacity: 1;*/
        /*-webkit-transform: rotate3d(0,0,0,0deg);*/
        /*transform: rotate3d(0,0,0,0deg);*/
    /*}*/

    /*100% {*/
        /*opacity: 0;*/
        /*-webkit-transform: rotate3d(0,1,0,90deg);*/
        /*transform: rotate3d(0,1,0,90deg);*/
    /*}*/
/*}*/

/*@keyframes hiding {*/
    /*0% {*/
        /*opacity: 1;*/
        /*-webkit-transform: rotate3d(0,0,0,0deg);*/
        /*-ms-transform: rotate3d(0,0,0,0deg);*/
        /*transform: rotate3d(0,0,0,0deg);*/
    /*}*/

    /*100% {*/
        /*opacity: 0;*/
        /*-webkit-transform: rotate3d(0,1,0,90deg);*/
        /*-ms-transform: rotate3d(0,1,0,90deg);*/
        /*transform: rotate3d(0,1,0,90deg);*/
    /*}*/
/*}*/

/*.portfolio-grid .grid-item.hiding{*/
     /*-webkit-animation-duration: 0.3s;*/
     /*animation-duration: 0.3s;*/
     /*-webkit-animation-fill-mode: both;*/
     /*animation-fill-mode: both;*/
     /*-webkit-animation-name: hiding;*/
     /*animation-name: hiding;*/
 /*}*/

/*@-webkit-keyframes showing {*/
    /*0% {*/
        /*opacity: 0;*/
        /*-webkit-transform: rotate3d(0,1,0,90deg);*/
        /*transform: rotate3d(0,1,0,90deg);*/
    /*}*/

    /*100% {*/
        /*opacity: 1;*/
        /*-webkit-transform: rotate3d(0,0,0,0deg);*/
        /*transform: rotate3d(0,0,0,0deg);*/
    /*}*/
/*}*/

/*@keyframes showing {*/
    /*0% {*/
        /*opacity: 0;*/
        /*-webkit-transform: rotate3d(0,1,0,90deg);*/
        /*-ms-transform: rotate3d(0,1,0,90deg);*/
        /*transform: rotate3d(0,1,0,90deg);*/
    /*}*/

    /*100% {*/
        /*opacity: 1;*/
        /*-webkit-transform: rotate3d(0,0,0,0deg);*/
        /*-ms-transform: rotate3d(0,0,0,0deg);*/
        /*transform: rotate3d(0,0,0,0deg);*/
    /*}*/
/*}*/

/*.portfolio-grid .grid-item.showing{*/
    /*-webkit-animation-duration: 0.3s;*/
    /*animation-duration: 0.3s;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*-webkit-animation-name: showing;*/
    /*animation-name: showing;*/
/*}*/

/*.portfolio-grid .grid-item.noanimation{*/
    /*-webkit-animation-name: none;*/
    /*animation-name: none;*/
/*}*/

/*.portfolio-grid .grid-item.filter-off {*/
    /*display: none !important;*/
/*}*/

/*.loadmore {*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
/*}*/

/*.popup-content .blog-date {*/
    /*color: rgba(255, 255, 255, 0.3);*/
/*}*/

/*.popup-content .title {*/
    /*padding: 30px;*/
/*}*/

/*.popup-inner .category-item > a {*/
    /*border: 2px solid;*/
    /*-webkit-border-radius:50px;*/
    /*-moz-border-radius:50px;*/
    /*border-radius:50px;*/
    /*float: left;*/
    /*margin-right: 5px;*/
    /*margin-top: 5px;*/
    /*padding: 5px 10px;*/
/*}*/
/*.popup-inner .categories {*/
    /*margin-top: 10px;*/
/*}*/

/*.popup-content .button a {*/
    /*color: #000000;*/
    /*display: block;*/
    /*margin: auto;*/
    /*padding: 15px;*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
/*}*/
/*.popup-content .description {*/
    /*overflow: auto;*/
    /*padding: 10px;*/
    /*color: #fff;*/
/*}*/
/*.popup-content .button {*/
    /*border: 2px solid;*/
    /*-webkit-border-radius:50px;*/
    /*-moz-border-radius:50px;*/
    /*border-radius:50px;*/
    /*display: inline-block;*/
    /*margin-top: 20px;*/
    /*margin-left: 0;*/
    /*text-decoration: none;*/
/*}*/

/*.popup-content .owl-prev {*/
    /*left: 0px;*/
    /*position: absolute;*/
    /*top: -250px;*/
/*}*/

/*.popup-content .owl-next {*/
    /*position: absolute;*/
    /*top: -250px;*/
    /*right: 0px;*/
/*}*/

/*.gridifier-items {*/
    /*position: relative;*/
/*}*/

.grid-item .portfolio-image {
    background-size: cover;
    height: 100%;
    transition: all 0.7s ease 0s;
    width: 100%;
}
.grid-item .portfolio-image {

}
.grid-border:hover .portfolio-image {
    transform: scale(1);
}

.grid-item.masonry .portfolio-image img{
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
.grid-item .portfolio-image-blog {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.grid-item .cover {
    text-align: center;
    vertical-align: baseline;
    position: absolute;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    z-index: 1;
    top: 0;
}
.grid-filter {
    text-align: center;
}
.portfolio-filter {
    margin: 20px auto;
}
.portfolio-filter li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 5px;
    padding: 10px 20px;
}
.portfolio-filter li.selected {
    border: 1px solid;
    border-radius: 50px;
}
/*.popup-content .close-content {*/
    /*color: #000000;*/
    /*cursor: pointer;*/
    /*font-size: 20px;*/
    /*height: 100px;*/
    /*line-height: 94px;*/
    /*padding: 5px;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    /*top: 0;*/
    /*width: 100px;*/
    /*z-index: 120;*/
/*}*/

/*.popup-content .gallery,*/
/*.popup-content .gallery .gallery-item,*/
/*.popup-content .gallery img{*/
    /*max-width: 100%;*/
/*}*/

/*.popup-content .gallery img{*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/

/*.popup-content .gallery .gallery-item,*/
/*#portfolio-gallery .gallery .gallery-item{*/
    /*text-align: center;*/
    /*min-height: 200px;*/
/*}*/

.grid-item .recent-posts .type-post {
    width: 100%;
    height: 100%;
}

.portfolio-grid {
    /*padding: 0 !important;*/
}

/*.item-title > a:before {*/
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.04);*/
    /*content: "";*/
    /*height: 1000px;*/
    /*left: -5px;*/
    /*position: absolute;*/
    /*top: -582px;*/
    /*-webkit-transform:skewY(45deg);*/
    /*-moz-transform:skewY(45deg);*/
    /*-ms-transform:skewY(45deg);*/
    /*-o-transform:skewY(45deg);*/
    /*transform:skewY(45deg);*/
    /*width: 1000px;*/
    /*z-index: -1;*/
/*}*/

/*html.properbrowser .item-title:before {*/
    /*border: 2px solid;*/
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
    /*content: "\ea9b";*/
    /*font-family: 'icomoon';*/
    /*font-size: 16px;*/
    /*height: 35px;*/
    /*left: 20px;*/
    /*line-height: 30px;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*width: 35px;*/
/*}*/

/*.grid-item:hover .item-title {*/
    /*bottom: 0;*/
/*}*/



/*.excerpt {*/
    /*display: none;*/
/*}*/





/* ============ AJAX Recent posts ===================*/

.recent-posts-ajax-hover > h4 > a {
    border-bottom: 1px solid;
}

.recent-posts-ajax-hover:hover a {
    border-bottom: 0px solid;
}

.recent-posts-ajax-hover > h4 {
    bottom: 0;
    max-width: 80%;
    min-width: 40%;
    position: absolute;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    text-align: left;
    padding: 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.recent-posts-ajax-hover > h4:hover {
    background: #ffffff;
    color: #414141;
}

html.properbrowser .recent-posts-ajax-hover > h4:before {
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFFFFF;
    content: '\ea9b';
    display: block;
    float: left;
    font-family: icomoon;
    font-size: 14px;
    height: 30px;
    line-height: 25px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 1;
}

html.ie .recent-posts-ajax-hover > h4:before {
    border: 2px solid;
    -webkit-border-radius:5%;
    -moz-border-radius:50%;
    border-radius:50%;
    color: #FFFFFF;
    content: '\ea9b';
    display: block;
    float: left;
    font-family: icomoon;
    font-size: 14px;
    height: 30px;
    line-height: 25px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 1;
}

.masonry img {
    max-width: 100%;
    min-width: 100%;
    height: auto;
}

.recent-posts-ajax-hover > .recentpost-date {
    color: #ffffff;
    position: absolute;
    bottom: -50px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.blog-grid .gridifier .grid-item iframe{
    margin: 0 auto !important;
    max-width: 90% !important;
    min-width: 0!important;
}

.columns1 .port-block,
.columns2 .port-block,
.columns3 .port-block,
.columns4 .port-block,
.columns6 .port-block,
.columns12 .port-block {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.columns12 .item-title {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: -123px;
    font-family: dosis;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 10px 20px 10px 30px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.columns12 .item-title:before {
    display: none;
}

.video_container.grid-video {
    position: absolute;
}
.video-icon {
    color: #FFFFFF;
    font-family: icomoon;
    font-size: 30px;
    font-style: normal;
    height: 100%;
    left: 45%;
    position: absolute;
    top: 40%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 1;
}
.grid-item .bx-ajax-gallery img {
    max-width: 100%;
}

.recent-posts-ajax .bx-controls {
    z-index: 150;
}

.grid-preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 10;
}

.grid-inner {
    margin: 0;
    height: 100%;
}

.portfolio-image-wrap {
    display: table-cell;
    vertical-align: middle;
}

.portfolio-image-wrap img {
    max-width: 100%;
    height: auto;
}
.grid-wrap {
    overflow: hidden;
    perspective: 1500px;
    position: relative;
    text-align: center;
    padding: 0;
}
.grid-border {
    height: 100%;
    padding: 0;
    position: relative;
}

.video_container.grid-video{
    top:0;
    z-index:-1;
}

.gallery-content{
    background: white;
    padding: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}

.grid-photo-info-block{
    position: absolute;
    opacity: 0.8;
    top: 10px;
    right: 10px;
}

.gridifier .image-like {
    /*bottom: 30px;*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*right: 35px;*/
    /*text-align: center;*/
    /*width: 50px;*/
}
.like-block {
    /*left: 50%;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*opacity: 0;*/
    /*-webkit-transform:translateX(-50%) translateY(-50%);*/
    /*-moz-transform:translateX(-50%) translateY(-50%);*/
    /*-ms-transform:translateX(-50%) translateY(-50%);*/
    /*-o-transform:translateX(-50%) translateY(-50%);*/
    /*transform:translateX(-50%) translateY(-50%);*/
}
.grid-border:hover .like-block {
    /*opacity: 1;*/
}
.gridifier .like-text {
    /*position: absolute;*/
}
.gridifier .like-count {
    /*position: absolute;*/
    /*right: -20px;*/
}
.like-count {
    bottom: 0;
    float: right;
    font-size: 13px;
    font-style: normal;
    left: 2px;
    letter-spacing: 2px;
    position: relative;
    right: 0;
    top: -2px;
    width: 50px;
}
.modal .like-text {
    /*display: none;*/
}
.like-count:before {
    /*content: "\e882";*/
    /*font-family: icomoon;*/
    /*font-size: 15px;*/
    /*margin-right: 0;*/
    /*line-height: 28px;*/
}

.single-portfolio .like-count {
    /*margin: auto;*/
    /*text-align: center;*/
    /*top: 10px;*/
    /*width: 60px;*/
}
.portfolio-like .image-like {
    border: 1px solid;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color: #ffffff;
    float: left;
    height: 60px;
    position: relative;
    top: 10px;
    width: 60px;
}
.gridifier.columns4 .image-like.clicked {
    position: absolute;
}
/*.gridifier.columns4 .image-like {*/
    /*-webkit-border-radius:50px;*/
    /*-moz-border-radius:50px;*/
    /*border-radius:50px;*/
    /*top: 50%;*/
    /*display: block;*/
    /*height: 20px;*/
    /*left: 50%;*/
    /*opacity: 0;*/
    /*position: absolute;*/
    /*-webkit-transition:all 0.5s ease-in-out 0s;*/
    /*-moz-transition:all 0.5s ease-in-out 0s;*/
    /*-o-transition:all 0.5s ease-in-out 0s;*/
    /*transition:all 0.5s ease-in-out 0s;*/
    /*width: 30px;*/
    /*-webkit-transform:translateY(-50%) translateX(-50%);*/
    /*-moz-transform:translateY(-50%) translateX(-50%);*/
    /*-ms-transform:translateY(-50%) translateX(-50%);*/
    /*-o-transform:translateY(-50%) translateX(-50%);*/
    /*transform:translateY(-50%) translateX(-50%);*/
/*}*/

.gridifier .image-like {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    top: 50%;
    display: block;
    height: 62px;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 62px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}


.gridifier .grid-border:hover .image-like {
    opacity: 1;
}
/*.gridifier.columns4 .like-text {*/
    /*border: 1px solid;*/
    /*-webkit-border-radius:50px;*/
    /*-moz-border-radius:50px;*/
    /*border-radius:50px;*/
    /*padding: 10px 10px;*/
    /*width: 60px;*/
    /*height: 60px;*/
    /*text-align: center;*/
    /*line-height: 40px;*/
/*}*/
.gridifier .like-text {
    border: 1px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 10px;
    width: 62px;
    height: 62px;
    text-align: center;
    left: 0;
    top: 0;
    line-height: 40px;
}
.gridifier.columns4 .like-count {

}
.gridifier.columns4 .like-count:hover {

}
#photoframe .like-text,
.gridifier .like-text{
    cursor: pointer;
}
#photoframe .clicked .like-text,
.gridifier .clicked .like-text{
    opacity: 0.5;
    cursor: default;
}

.pp_content .pp_gallery{
    display: none;
}
.photo-count {
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    bottom: 30px;
    font-weight: 100;
    letter-spacing: -1px;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
    -webkit-transition:all 0.2s ease-in-out 2s;
    -moz-transition:all 0.2s ease-in-out 2s;
    -o-transition:all 0.2s ease-in-out 2s;
    transition:all 0.2s ease-in-out 0.2s;
}

.grid-item.port-block.metro .photo-count:before {
    border: 1px solid;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    content: "";
    display: inline-block;
    height: 60px;
    left: -11px;
    margin: auto;
    position: absolute;
    top: -11px;
    width: 60px;
}
.grid-item.port-block.metro .photo-count {
    border: 1px solid;
    height: 40px;
    text-align: center;
    width: 40px;
}
.grid-border > a:hover .photo-count {
    background: none repeat scroll 0 0 #fff;
    color: #fff;
    opacity: 0;
    transform: scale(1.3);
}
.page-template-page-gallery-grid-php .photo-count {
    border: 1px solid;
    height: 40px;
    line-height: 25px;
    text-align: center;
    width: 40px;
}
.page-template-page-gallery-grid-php .photo-count:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: inherit;
    border-image: none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    height: 60px;
    left: -11px;
    position: absolute;
    top: -11px;
    width: 60px;
}
/*.photo-count:before {*/
    /*content: "\e863";*/
    /*font-family: icomoon;*/
    /*font-size: 20px;*/
    /*margin-right: 10px;*/
/*}*/

.photo-count-text {
    display: none;
}

.gallery-overlay{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.gallery-overlay:hover{
    opacity: 0;
}
.grid-item .gallery-title {
    font-size: 16px;
    left: 20px;
    line-height: 20px;
    margin-right: 132px;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 20px;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
}
.grid-border > a:hover .gallery-title {
    left: 20px;
    opacity: 1;
    top: 20px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.page-template-page-gallery-grid-php .grid-border > a:hover .gallery-title {
    opacity: 1;
    bottom:30px;
}
.page-template-page-gallery-grid-php .grid-border > a:hover .photo-count {
    opacity: 0;
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
}


.filter-button:before {
    content: "\e8f1";
}

.post-gallery .owl-item{
    height: 200px;
}

.post-gallery .grid-gallery-item img{
    display: block;
    width: 100%;
    height: auto;
    min-width: auto;
    min-height: auto;
}
.columns12 .gallery-title {
    display: none;
}
.columns12 .photo-count {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}

.grid-wrap .gridifier.likes_hide .js_pf_like,
.grid-wrap .gridifier.likes_hide .image-like{
    display: none;
}

/** animation */
/** animation */
/** animation */

/* Curtain element */
.home_ani_on .swipe-right .curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #96cdc8;
}

.home_ani_on .swipe-right .curtain {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

.home_ani_on .swipe-down .curtain {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.home_ani_on .swipe-rotate .curtain {
    width: 200%;
    height: 200%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

/* Shadow */
.home_ani_on .curtain::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
    content: '';
}

.home_ani_on .swipe-right .curtain::after,
.home_ani_on .swipe-rotate .curtain::after {
    left: -100%;
}

.home_ani_on .swipe-down .curtain::after {
    top: -100%;
}

/* Animations */

/* Swipe right */
.home_ani_on .swipe-right .animate .curtain {
    -webkit-animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
    animation: swipeRight 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}

@-webkit-keyframes swipeRight {
    0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
    50%, 60% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(100%,0,0); }
}

@keyframes swipeRight {
    0% {}
    50%, 60% { -webkit-transform: translate3d(0,0,0); transform: translate(0); }
    100% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

/* Swipe down */
.home_ani_on .swipe-down .animate .curtain {
    -webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
    animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}

@-webkit-keyframes swipeDown {
    0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
    50%, 60% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,100%,0); }
}

@keyframes swipeDown {
    0% {}
    50%, 60% { -webkit-transform: translate(0); transform: translate(0); }
    100% { transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

/* Swipe rotate */
.home_ani_on .swipe-rotate .animate .curtain {
    -webkit-animation: swipeRotate 1.5s ease forwards;
    animation: swipeRotate 1.5s ease forwards;
}

@-webkit-keyframes swipeRotate {
    0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
    50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); }
    100% { -webkit-transform: rotate3d(0,0,1,-90deg); }
}

@keyframes swipeRotate {
    0% {}
    50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
    100% { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); }
}

/* Shadow */
.home_ani_on .swipe-right .animate .curtain::after {
    -webkit-animation: fadeOut 1.5s ease forwards;
    animation: fadeOut 1.5s ease forwards;
    -webkit-animation-delay: inherit;
    animation-delay: inherit;
}

@-webkit-keyframes fadeOut {
    0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
    50%, 60% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% {}
    50%, 60% { opacity: 1; }
    100% { opacity: 0; }
}

/* Hide image and title and show at half time */
.home_ani_on .swipe-right .grid-inner{
    visibility: hidden;
}

.home_ani_on .swipe-right .animate .grid-inner{
    -webkit-animation: showMe 1.5s step-end forwards;
    animation: showMe 1.5s step-end forwards;
}

@-webkit-keyframes showMe {
    from { visibility: hidden; }
    60%, 100% { visibility: visible; }
}

@keyframes showMe {
    from { visibility: hidden; }
    60%, 100% { visibility: visible; }
}

.home_ani_on .swipe-right .shown .grid-inner {
    visibility: visible;
}