.row-flex {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.portfolio {
	padding-left:15px;
	padding-right:15px;
}
.filter-wrap, .filter-wrap-end {
	position: relative;
	padding-bottom:30px;
}
 @media only screen and (min-width: 768px) {
.filter-wrap {
 position: relative;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.filter-wrap-end {
 position: relative;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 justify-content: flex-end;
}
}
.btn-filter {
	background-color:#FFF;
	border:1px solid #171717;
	color:#171717;
	border-radius:1px;
	margin:4px;
	padding:8px 10px;
 transition: .4s;
	font-size:15px;
	letter-spacing:.1em;
}
 @media only screen and (min-width: 768px) {
.btn-filter {
 font-size:13px;
}
}
@media only screen and (min-width: 992px) {
.btn-filter {
 font-size:15px;
}
}
.btn-filter:hover, .btn-filter:focus {
	background-color:#171717;
	color:#FFF;
}
.special-btns .btn-filter {
	font-size:16px;
	color:#FFF;
	background-color:#669900;
	border:1px solid #669900;
}
 @media only screen and (min-width: 768px) {
.special-btns .btn-filter {
 font-size:13px;
 min-width:100px;
}
}
@media only screen and (min-width: 992px) {
.special-btns .btn-filter {
 font-size:21px;
}
}
.special-btns .btn-filter:hover, .special-btns .btn-filter:focus {
	background-color:#5b8900;
	border:1px solid #5b8900;
	color:#FFF;
}

@inline-popups {
	min-height:100vh !important;
}


.masonry-item {
	padding-bottom:30px;
}
.gallery-item {
	position:relative;
	display:block;
}
.gallery-item .image-wrap {
	content:'';
	position: absolute;
	top:0;
	left:0;
	bottom:100%;
	right:0;
	height:0;
	overflow:hidden;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:99;
 transition: all .4s linear;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-item:hover> .image-wrap {
	bottom:0;
	height:100%;
}
.gallery-item .image-wrap .fa {
	color:#5cc69a;
	border:2px solid #5cc69a;
	border-radius:50%;
	height:40px;
	width:40px;
	line-height:30px;
	text-align:center;
	padding:5px;
}

.alm-load-more-btn.more.done {
	display:none;
}
/* MFP overrides */


.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8500;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: .9;
}
.mfp-wrap {
	z-index: 8600;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	/*right: 0;
	text-align: right;
	padding-right: 6px;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;*/
}
.mfp-image-holder .mfp-content {
	max-width: 1622px;
}
.mfp-container {
	padding: 0;
}
img.mfp-img {
 animation: fadeIn ease .5s;
 -webkit-animation: fadeIn ease .5s;
 -moz-animation: fadeIn ease .5s;
 -o-animation: fadeIn ease .5s;
 -ms-animation: fadeIn ease .5s;

}



.mfp-figure figure {
	 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-direction: column;
 align-items: space-between;
 justify-content: space-between;

}


.mfp-figure:after {
	box-shadow: none;
	background: none;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
	max-height: 97vh !important;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-title {
   
    padding-top: 10px;
}

/* portfolio alternate template */

.portfolio-card {
	background-color:#FFF;
	margin-bottom:30px;
}

.portfolio-card .card-body {
	padding:15px;
	padding-bottom:20px;
}
.portfolio-card .card-body h2 {
	padding:0;
	margin:0;
	
	font-size:26px;
}

.portfolio-card a, .portfolio-card a>h2{
	color:#000;
	text-decoration:none;
	
}
.portfolio-card a:hover h2, .portfolio-card a:focus h2{
	color:#0272a1;
	
}