/*---------------------------------------------------------------------
                               Portfolio
-----------------------------------------------------------------------*/
.isotope-filters { display: table; margin: 0 auto 14px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.isotope-filters  button.iq-button-animated { margin: 0px 8px 16px; z-index: 1; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; background: var(--white-light-color); color: var(--body-text);}
.isotope-filters  button.iq-button-animated .line.line-2{background: var(--body-text);}
.isotope-filters  button.iq-button-animated.active, .isotope-filters  button.iq-button-animated:hover { background: var(--primary-color); color: var(--white-color); position: relative; }
.isotope-filters  button.iq-button-animated.active .line.line-2, .isotope-filters  button.iq-button-animated:hover .line.line-2{background: var(--white-color);}
.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; }

/* Grid And Masonry */
.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 -16px 0; float: left; width: 100%; }
.isotope, .iq-masonry.no-padding { margin-bottom: 30px; }
.isotope .iq-grid-item { padding: 16px; }
.isotope .iq-grid-item img, .iq-masonry .iq-masonry-item img { width: 100%; }

/* Grid */
.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%; }
.isotope.iq-columns-6 .iq-grid-item { width: 16.667%; } 

/* Masonry */
.iq-masonry.iq-columns-2 .iq-masonry-item { width: 50%; padding: 16px; }
.iq-masonry.iq-columns-3 .iq-masonry-item { width: 33.333333%; padding: 16px; }
.iq-masonry.iq-columns-4 .iq-masonry-item { width: 25%; padding: 16px; }
.iq-masonry.iq-columns-5 .iq-masonry-item { width: 20%; padding: 16px; }
.iq-masonry.iq-columns-6 .iq-masonry-item { width: 16.6667%; padding: 16px; }
.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; }

/* Grid Full Screen */
.isotope.full-grid, .iq-masonry.full-grid { margin: 0 -30px 0 0; }
.isotope.full-grid .iq-grid-item { padding: 0 30px 30px 0; }

/* Grid Full Screen No Space*/
.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%; }
	.iq-masonry.iq-columns-6 .iq-masonry-item,.isotope.iq-columns-6 .iq-grid-item { width: 33.33%;}
}
@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,
	.isotope.iq-columns-6 .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,
	.iq-masonry.iq-columns-6 .iq-masonry-item{ 
		width: 100% 
	}
}

/*---------------------------------------------------------------------
Portfolio style-one
-----------------------------------------------------------------------*/
.single-portfolio-border .iq-portfolio { border: 2px solid var(--white-color); }
.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; 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: 10px; background: var(--white-color); color: var(--primary-color); }
.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(51, 70, 211, 0.8); width: 0%; height: 100%; opacity: 0; position: absolute; top: 0; transition: all 0.5s ease-in-out; 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 rgba(125, 144, 166, 0.17); transition: all 0.5s ease-in-out; 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: 0; }
.iq-portfolio:hover:before { opacity: 1; }
.iq-portfolio:hover .iq-portfolio-content { z-index: 9; }
.iq-portfolio { position: relative; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: var(--white-color); }
.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; }
.iq-portfolio:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.iq-portfolio-content .details-box { overflow: hidden; padding: 25px 30px; }
.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; 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; 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(--primary-color); content: ""; z-index: 1; transition: all 0.5s ease-in-out; 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; }
.iq-portfolio .iq-portfolio-content  .consult-details p { color: var(--body-text); margin-top: 0;}
.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(--primary-color); }
.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; }

/*---------------------------------------------------------------------
Portfolio style-two
-----------------------------------------------------------------------*/
.iq-portfolio-two .iq-portfolio{
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border: none;
}

.iq-portfolio-two .iq-portfolio .iq-portfolio-desc{
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 5px 10px;
	background: var(--color-theme-light-blue);
	color: var(--primary-color);
	border-radius: var(--border-radius-box);
	-webkit-border-radius: var(--border-radius-box);
	font-size: var(--font-size-normal);
	line-height: var(--font-line-height-body);
	z-index: 2;
}

.iq-portfolio-two .iq-portfolio .iq-portfolio-desc:hover{
	background: var(--white-color);
	color: var(--primary-color);
	font-size: var(--font-size-normal);
	line-height: var(--font-line-height-body);
}

.iq-portfolio-two .iq-portfolio-content{
	background: var(--white-light-color);
}

.iq-portfolio-two .iq-portfolio-content{
	text-align: center;
}

/*---------------------------------------------------------------------
Portfolio page
-----------------------------------------------------------------------*/
.main-portfolio .nav-links .nav-previous, .main-portfolio .nav-links .nav-next { display: inline-block; }
.main-portfolio .nav-links .nav-next { float: right; }
.main-portfolio .nav-links { padding-top: 45px; border-top: 1px solid rgba(30, 30, 30, 0.08); }