.sc_isotope_post .slz-isotope-nav {
text-align: center;
margin-bottom: 40px;
}
.slz-isotope-nav .tab-filter li,
.slz-isotope-nav .tab-list li {
margin: 0 20px 10px 0;
}
.slz-isotope-nav .tab-filter li:last-child, 
.slz-isotope-nav .tab-list li:last-child {
margin-right: 0;
}
.slz-isotope-nav .tab-filter li .link,
.slz-isotope-nav .tab-list li .link,
.block_category_tabs li .link {
color: #868e97;
padding: 3px 20px;
border-radius: 15px;
-webkit-border-radius: 15px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow: hidden;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.slz-isotope-nav .tab-filter li .link:before,
.slz-isotope-nav .tab-list li .link:before,
.block_category_tabs li .link:before {
position: absolute;
content: '';
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: #0c72c7;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: -1;
}
.slz-isotope-nav .tab-filter li .link:hover:before,
.slz-isotope-nav .tab-list li .link:hover:before,
.slz-isotope-nav .tab-filter li.active .link:before,
.slz-isotope-nav .tab-list li.active .link:before,
.block_category_tabs li .link:hover:before,
.block_category_tabs li.active .link:before {
left: 0;
}
.slz-isotope-nav .tab-filter li .link:hover,
.slz-isotope-nav .tab-list li .link:hover, 
.slz-isotope-nav .tab-filter li.active .link,
.slz-isotope-nav .tab-list li.active .link,
.block_category_tabs li .link:hover,
.block_category_tabs li.active .link span {
color: #fff;
}
.slz-isotope-grid-2 .gallery-overlay {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #c533b4;
opacity: 0;
display: table;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.slz-isotope-grid-2 .gallery-overlay .gallery-title-wrapper {
display: table-cell;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
padding-left: 30px;
padding-right: 30px;
color: #fff;
text-align: center;
}
.slz-isotope-grid-2 .gallery-overlay .gallery-title {
position: relative;
overflow: hidden;
display: block;
}
.slz-isotope-grid-2 .gallery-overlay .gallery-title span {
display: block;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.slz-isotope-grid-2 .grid-item:hover .gallery-overlay {
opacity: 0.9;
top: 8%;
left: 12%;
width: 89%;
height: 93%;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.slz-isotope-grid-2 .grid-item:hover .gallery-title span {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
} .slz-isotope-grid-2 {
margin: -10px;
}
.slz-isotope-grid-2 .grid-sizer {
width: 1%;
}
.slz-isotope-grid-2 .grid-item {
margin: 10px;
}
.slz-isotope-grid-2.column-3 .grid-item {
width: calc(33.3333% - 20px);
}
.slz-isotope-grid-2.column-3 .grid-item-width-2 {
width: calc(66.6666% - 20px);
}
.slz-isotope-grid-2.column-3 .grid-item-width-2:before {
padding-top: calc(80% + 4px);
}
.slz-isotope-grid-2.column-3 .grid-item-height-1:before {
padding-top: calc(40% - 8px);
}
.slz-isotope-grid-2.column-3 .grid-item-height-2:before {
padding-top: calc(160% + 20px);
}
.slz-isotope-grid-2.column-4 .grid-item {
width: calc(25% - 20px);
}
.slz-isotope-grid-2.column-4 .grid-item-width-2 {
width: calc(50% - 20px);
}
.slz-isotope-grid-2.column-4 .grid-item-width-2:before {
padding-top: calc(80% + 4px);
}
.slz-isotope-grid-2.column-4 .grid-item-height-1:before {
padding-top: calc(40% - 8px);
}
.slz-isotope-grid-2.column-4 .grid-item-height-2:before {
padding-top: calc(160% + 20px);
}
.slz-isotope-grid-2.column-5 .grid-item {
width: calc(20% - 20px);
}
.slz-isotope-grid-2.column-5 .grid-item-width-2 {
width: calc(40% - 20px);
}
.slz-isotope-grid-2.column-5 .grid-item-width-2:before {
padding-top: calc(80% + 4px);
}
.slz-isotope-grid-2.column-5 .grid-item-height-1:before {
padding-top: calc(40% - 8px);
}
.slz-isotope-grid-2.column-5 .grid-item-height-2:before {
padding-top: calc(160% + 20px);
}  @media screen and (max-width: 1024px) {
.slz-isotope-grid-2.column-5 .grid-item {
width: calc(25% - 20px);
}
.slz-isotope-grid-2.column-5 .grid-item-width-2 {
width: calc(50% - 20px);
}
.slz-isotope-grid-2.column-5 .grid-item-width-2:before {
padding-top: calc(80% + 4px);
}
.slz-isotope-grid-2.column-5 .grid-item-height-1:before {
padding-top: calc(40% - 8px);
}
.slz-isotope-grid-2.column-5 .grid-item-height-2:before {
padding-top: calc(160% + 20px);
}
}
@media screen and (max-width: 767px) { 
.slz-isotope-grid-2 .grid-item-width-2.grid-item-height-1 .img-full {
width: auto;
height: 100%;
}
.slz-isotope-grid-2.column-3 .grid-item,
.slz-isotope-grid-2.column-4 .grid-item,
.slz-isotope-grid-2.column-5 .grid-item {
width: calc(50% - 20px);
}
.slz-isotope-grid-2.column-3 .grid-item-width-2:before,
.slz-isotope-grid-2.column-3 .grid-item-height-1:before,
.slz-isotope-grid-2.column-4 .grid-item-width-2:before,
.slz-isotope-grid-2.column-4 .grid-item-height-1:before,
.slz-isotope-grid-2.column-5 .grid-item-width-2:before,
.slz-isotope-grid-2.column-5 .grid-item-height-1:before {
padding-top: 80%;
}
.slz-isotope-grid-2.column-3 .grid-item-height-2:before,
.slz-isotope-grid-2.column-4 .grid-item-height-2:before,
.slz-isotope-grid-2.column-5 .grid-item-height-2:before {
padding-top: calc(160% + 20px);
}
.slz-isotope-grid.column-3 .grid-item,
.slz-isotope-grid.column-4 .grid-item,
.slz-isotope-grid.column-5 .grid-item {
width: 50%;
}
}
@media screen and (max-width: 400px) {
.slz-isotope-grid-2.column-3 .grid-item-height-2:before,
.slz-isotope-grid-2.column-4 .grid-item-height-2:before,
.slz-isotope-grid-2.column-5 .grid-item-height-2:before {
padding-top: 80%;
}
}
@media screen and (max-width: 414px) {
.slz-isotope-grid-2.column-3 .grid-item, 
.slz-isotope-grid-2.column-4 .grid-item, 
.slz-isotope-grid-2.column-5 .grid-item {
width: calc(100% - 20px);
}
.slz-isotope-grid.column-3 .grid-item, 
.slz-isotope-grid.column-4 .grid-item, 
.slz-isotope-grid.column-5 .grid-item {
width: 100%;
}
}