.isotope-filters {
display: table;
margin: 0 auto 30px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.isotope-filters button {
margin: -3px 3px;
padding: 8px 20px;
position: relative;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: transparent;
color: var(--color-theme-secondary);
border: none;
font-weight: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.isotope-filters button.active, .isotope-filters button:hover {
background: var(--color-theme-primary);
color: var(--color-theme-white);
position: relative;
}
.isotope-filters button.active:before, .isotope-filters button:hover:before {
width: 15px;
display: none;
}
.isotope-filters button:focus {
outline: none;
outline-style: none;
outline-offset: 0;
} .isotope.no-padding .iq-grid-item {
padding: 0 !important;
}
.iq-masonry.no-padding .iq-masonry-item {
padding: 0 !important;
}
.isotope, .iq-masonry {
margin: 0 0 -15px 0;
float: left;
width: 100%;
}
.isotope, .iq-masonry.no-padding {
margin-bottom: 30px;
}
.isotope .iq-grid-item {
padding: 15px;
}
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img {
width: 100%;
border-radius: 5px;
} .isotope.iq-columns-1 .iq-grid-item {
width: 100%;
}
.isotope.iq-columns-2 .iq-grid-item {
width: 50%;
}
.isotope.iq-columns-3 .iq-grid-item {
width: 33.33333333%;
}
.isotope.iq-columns-4 .iq-grid-item {
width: 25%;
}
.isotope.iq-columns-5 .iq-grid-item {
width: 20%;
} .iq-masonry.iq-columns-2 .iq-masonry-item {
width: 50%;
padding: 15px;
}
.iq-masonry.iq-columns-3 .iq-masonry-item {
width: 33.333333%;
padding: 15px;
}
.iq-masonry.iq-columns-4 .iq-masonry-item {
width: 25%;
padding: 15px;
}
.iq-masonry.iq-columns-5 .iq-masonry-item {
width: 20%;
padding: 15px;
}
.iq-masonry-item .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before {
bottom: 98px;
}
.iq-masonry-item.style-two .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before {
bottom: 81px;
}
.iq-masonry-block .owl-dots {
margin-top: 30px;
} .isotope.full-grid, .iq-masonry.full-grid {
margin: 0 -30px 0 0;
}
.isotope.full-grid .iq-grid-item {
padding: 0 30px 30px 0;
} .isotope.full-grid.no-padding, .iq-masonry.full-grid.no-padding {
margin: 0;
}
.isotope.full-grid.no-padding .iq-grid-item {
padding: 0 !important;
}
@media(max-width:1199px) {
.isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item {
width: 33.3%
}
.isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-5 .iq-masonry-item {
width: 25%;
}
}
@media(max-width:992px) {
.isotope.iq-columns-4 .iq-grid-item, .iq-masonry.iq-columns-4 .iq-masonry-item {
width: 50%;
}
.isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item {
width: 50%;
}
}
@media(max-width:767px) {
.isotope.iq-columns-4 .iq-grid-item, .isotope.iq-columns-2 .iq-grid-item, .isotope.iq-columns-3 .iq-grid-item, .isotope.iq-columns-5 .iq-grid-item, .iq-masonry.iq-columns-2 .iq-masonry-item, .iq-masonry.iq-columns-3 .iq-masonry-item, .iq-masonry.iq-columns-4 .iq-masonry-item, .iq-masonry.iq-columns-5 .iq-masonry-item {
width: 100%
}
} .single-portfolio-border .iq-portfolio {
border: 2px solid var(--color-theme-white);
}
.iq-portfolio:hover a.iq-portfolio-img {
position: relative;
}
.iq-portfolio:hover .iq-portfolio-img .portfolio-link {
opacity: 1;
}
.iq-portfolio .iq-portfolio-img .portfolio-link {
opacity: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.portfolio-link .icon {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 5px;
background: var(--color-theme-white);
color: var(--color-theme-primary);
}
.iq-portfolio .portfolio-link {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.iq-portfolio:hover a.iq-portfolio-img:before {
width: 100%;
opacity: 1;
left: 0;
}
.iq-portfolio a.iq-portfolio-img:before {
content: "";
background: rgba(163, 124, 252, 0.8);
width: 0%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
z-index: 1;
right: 0;
}
.iq-portfolio a {
display: inherit;
overflow: hidden;
position: relative;
}
.iq-blog-box {
margin-bottom: 30px;
}
.iq-portfolio {
border: 1px solid var(--gray-color);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
padding: 10px 10px 0;
}
.iq-portfolio:hover {
box-shadow: var(--primary-box-shadow);
}
.iq-portfolio:hover:before {
opacity: 1;
}
.iq-portfolio:hover .iq-portfolio-content {
z-index: 9;
}
.iq-portfolio {
position: relative;
overflow: hidden;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
background: var(--color-theme-white);
}
.iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before {
bottom: 80px;
}
.iq-portfolio img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border-radius: 5px !important;
}
.iq-portfolio:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
border-radius: 5px !important;
}
.iq-portfolio-content .details-box {
overflow: hidden;
padding: 15px;
}
.iq-portfolio:hover .iq-portfolio-content {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.iq-portfolio-content .consult-details .consult-effect:before {
content: "";
transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-ms-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
-webkit-transition: all 5s ease-in-out;
opacity: 1;
z-index: 1;
height: 100px;
width: 100%;
position: absolute;
bottom: 110px;
left: 0;
-ms-transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
background: var(--color-theme-primary);
}
.iq-portfolio .iq-portfolio-content .consult-details p {
color: var(--global-font-title);
}
.isotope-filters button .post_no {
display: none;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.iq-columns-4 .iq-portfolio .iq-portfolio-content .details-box, .iq-columns-5 .iq-portfolio .iq-portfolio-content .details-box, .iq-columns-3 .iq-portfolio .iq-portfolio-content .details-box {
padding: 15px;
z-index: 2;
}
.iq-columns-4 .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-5 .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-3 .iq-portfolio-content .consult-details .consult-effect:before {
bottom: 90px;
}
.iq-columns-4 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-3 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before, .iq-columns-5 .iq-portfolio:hover .iq-portfolio-content .consult-details .consult-effect:before {
bottom: 81px;
}
.iq-portfolio-content .details-box a {
text-decoration: none;
}
.iq-portfolio-content .details-box a:hover .text-hover {
color: var(--color-theme-primary);
}
.iq-columns-2 .iq-portfolio .iq-portfolio-content .consult-details .consult-effect:before {
top: -86px
}
.iq-columns-4 .iq-portfolio-content .details-box a, .iq-columns-5 .iq-portfolio-content .details-box a {
z-index: 3;
position: relative;
}
.iq-columns-4 .iq-portfolio-content .details-box a i, .iq-columns-5 .iq-portfolio-content .details-box a i {
width: 30px;
height: 30px;
line-height: 30px;
} .iq-portfolio.style-two {
padding: 0;
border: none;
}
.portfolio-style-two a.iq-portfolio-img::before {
content: "";
opacity: 0;
}
.portfolio-style-two .iq-portfolio-img img { height: 100%;
width: 100%;
border-radius: 5px;
}
.portfolio-style-two .consult-details .link-color {
color: var(--color-theme-secondary);
font-weight: var(--font-size-normal);
margin-right: 10px;
}
.portfolio-style-two .iq-portfolio-content .consult-details {
margin: 40px 0;
}
.portfolio-style-two .consult-details>a {
display: flex;
justify-content: space-between;
}
.portfolio-style-two .iq-portfolio .iq-portfolio-content .consult-details p {
letter-spacing: 1px;
text-transform: uppercase;
} .portfolio-style-two .owl-dots .owl-dot {
box-shadow: none;
outline: none;
background: var(--border-bottom-line);
display: inline-block;
border-radius: 5px;
padding: 0;
margin: 0px 0;
height: 2px;
width: 100px;
border: 1px solid var(--border-bottom-line);
transition: all 0.5s ease-in-out;
}
@media (max-width:480px) {
.iq-portfolio.style-two .consult-details>a {
flex-wrap: wrap;
}
}