/*============== NEW HOVER ==============*/.grid-inner:hover .portfolio-content{    opacity: 1;}.grid-inner:hover .item-title {}/*.masonry .portfolio-content { background: #FFFFFF; display: block; padding: 20px; }*//*.masonry .portfolio-content span { display: inline;}*/.port-block .portfolio-image:before {    content: "";    /* IE9 SVG, needs conditional override of 'filter' to 'none' */    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */    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 {    /* IE9 SVG, needs conditional override of 'filter' to 'none' */    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */    content: "";    position: absolute;    left: 0;    right: 0;    top: 0;    opacity: 1;    bottom: 0;}.portfolio-image:before {}.grid-border:after {}.grid-border:before {}.grid-inner:hover .grid-border:after {}.grid-inner:hover .grid-border:before{}.project-video:hover i {}.project-video .item-title:after {}/*============== 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;}#loading-content {    position: fixed;    right: 50px;    top: 50px;    background: orange;    text-align: center;    font-size: 20px;    text-transform: uppercase;    padding: 10px;}@-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;}.clearfix:after {    content: "";    display: table;    clear: both;}.grid-item .portfolio-image {    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.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: rgba(255, 255, 255, 0.5);    z-index: 1;    top: 0;}.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 {}.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;}.portfolio-content h3 {    border: 2px solid;    display: inline;    font-size: 14px;    font-weight: 700;    letter-spacing: 3px;    margin: auto;    opacity: 0;    padding: 15px;    position: relative;    top: 30px;    width: 50%;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;}.portfolio-content h3:hover {    border: 2px solid #ffffff;    background: #ffffff;    color: #414141 !important;}/* ============ 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 {    overflow: hidden;    margin: 0;    height: 100%;}.portfolio-image-wrap {    overflow: hidden !important;    display: table-cell;    vertical-align: middle;}.portfolio-image-wrap img {    max-width: 100%;    height: auto;}#grid-wrap {    position: relative;    overflow: hidden;    width:100%;    -webkit-perspective: 1500px;    perspective: 1500px;}.grid-border {    height: 100%;    margin: 0;    padding: 0;    overflow: hidden;    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;}.gridifier .like-text {    position: absolute;}.gridifier .like-count {    position: absolute;    right: -20px;}.like-count {    font-size: 17px;    left: 0;    position: absolute;    top: -30px;}.like-count:before {    content: "\e882";    font-family: icomoon;    font-size: 15px;    margin-right: 5px;}.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;    bottom: 20px;    display: block;    height: 20px;    position: absolute;    right: 20px;    width: 30px;}.gridifier.columns4 .like-text {    border-bottom: 2px solid;}.gridifier.columns4 .like-count {    border-radius: 50px;}.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: 40px;    font-size: 17px;    font-weight: 100;    letter-spacing: -1px;    opacity: 0.7;    padding: 5px 10px;    position: absolute;    right: 20px;    text-transform: uppercase;    opacity: 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 0.2s;}.grid-item.port-block.metro .photo-count {    border: 1px solid;    height: 30px;    text-align: center;    width: 30px;}.page-template-page-gallery-grid-php .photo-count {    border: 1px solid;    height: 30px;    line-height: 15px;    width: 30px;    text-align: center;}/*.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 {    bottom: 50px;    color: #FFFFFF;    font-size: 20px;    left: 20px;    line-height: 20px;    margin-right: 132px;    position: absolute;    text-transform: uppercase;    opacity: 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;}.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: 1;    bottom: 20px;}.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%);}