/*
 * Name:        Boo Theme Portfolio
 * Written by: 	Themerella - (http://themerella.com)
 * Version:     1.0.0
*/
/*----------------------------------------
	[Table of contents]

	1. PORTFOLIO GENERAL
	 |- 1.1. Portfolio components
	 |- 1.2. Portfolio general
	 |- 1.3. Portfolio hover

	2. PORTFOLIO LAYOUTS
	 |- 2.1. Classic list
	 |- 2.2. Classic hover
	 |- 2.3. Grid
	 |- 2.4. Grid hover
	 |- 2.5. Masonry
	 |- 2.6. Masonry hover
	 |- 2.7. Metro
	 |- 2.8. Metro hover
	 |- 2.9. Packery
	 |- 2.10. Packery hover
	 |- 2.11. Packery fixed caption
	 |- 2.12. Fixed Caption
	 |- 2.13. Grid fixed caption
	 |- 2.14. Masonry fixed caption

-----------------------------------------*/
/* Common and Vendors*/
/*----- 1. PORTFOLIO GENERAL -----*/
/* 1.1. Portfolio components */
/* main: ../assets/scss/theme-portfolio.scss*/
/* Animations*/
@-webkit-keyframes toggleOff {
	0% {
		-webkit-transform: translateX(24px) translateY(-50%);
		transform: translateX(24px) translateY(-50%);
	}
	50% {
		-webkit-transform: translateX(23px) translateY(-50%);
		transform: translateX(23px) translateY(-50%);
	}
	100% {
		-webkit-transform: translateX(3px) translateY(-50%);
		transform: translateX(3px) translateY(-50%);
	}
}

@keyframes toggleOff {
	0% {
		-webkit-transform: translateX(24px) translateY(-50%);
		transform: translateX(24px) translateY(-50%);
	}
	50% {
		-webkit-transform: translateX(23px) translateY(-50%);
		transform: translateX(23px) translateY(-50%);
	}
	100% {
		-webkit-transform: translateX(3px) translateY(-50%);
		transform: translateX(3px) translateY(-50%);
	}
}

@-webkit-keyframes toggleOn {
	0% {
		-webkit-transform: translateX(3px) translateY(-50%);
		transform: translateX(3px) translateY(-50%);
	}
	50% {
		-webkit-transform: translateX(23px) translateY(-50%);
		transform: translateX(23px) translateY(-50%);
	}
	100% {
		-webkit-transform: translateX(24px) translateY(-50%);
		transform: translateX(24px) translateY(-50%);
	}
}

@keyframes toggleOn {
	0% {
		-webkit-transform: translateX(3px) translateY(-50%);
		transform: translateX(3px) translateY(-50%);
	}
	50% {
		-webkit-transform: translateX(23px) translateY(-50%);
		transform: translateX(23px) translateY(-50%);
	}
	100% {
		-webkit-transform: translateX(24px) translateY(-50%);
		transform: translateX(24px) translateY(-50%);
	}
}

/*
	Filters
*/
.masonry-filters:before, .masonry-filters:after {
	content: "";
	display: table;
}

.masonry-filters:after {
	clear: both;
}

.masonry-filters ul li {
	cursor: pointer;
}

.masonry-filters ul li .active {
	pointer-events: none;
}

.masonry-filters.default {
	margin-bottom: 2.85714em;
}

.masonry-filters.default ul,
.masonry-filters.default .filters-toggle-link {
	float: left;
}

.masonry-filters.default li {
	padding: 0;
	margin: 0.71429em 1.28571em;
	border-radius: 50em;
	position: relative;
	font-size: 0.85714em;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #9f9f9f;
}

.masonry-filters.default li .counter {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
	position: absolute;
	top: -1.42857em;
	right: 0;
	visibility: visible;
	opacity: 1;
	overflow: hidden;
	font-size: 0.92857em;
	font-weight: 400;
	letter-spacing: 0;
	color: #9f9f9f;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.masonry-filters.default li .counter span {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.masonry-filters.default li.active, .masonry-filters.default li:hover {
	color: #000;
}

.masonry-filters.default:hover li > span span {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.masonry-filters.default:hover li:not(.active) .counter span {
	-webkit-transform: translateX(-300%);
	transform: translateX(-300%);
}

.masonry-filters.default:hover li:nth-child(1) > span:first-child span {
	-webkit-transition-delay: 0.06667s;
	transition-delay: 0.06667s;
}

.masonry-filters.default:hover li:nth-child(2) > span:first-child span {
	-webkit-transition-delay: 0.13333s;
	transition-delay: 0.13333s;
}

.masonry-filters.default:hover li:nth-child(3) > span:first-child span {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.masonry-filters.default:hover li:nth-child(4) > span:first-child span {
	-webkit-transition-delay: 0.26667s;
	transition-delay: 0.26667s;
}

.masonry-filters.default:hover li:nth-child(5) > span:first-child span {
	-webkit-transition-delay: 0.33333s;
	transition-delay: 0.33333s;
}

.masonry-filters.default:hover li:nth-child(6) > span:first-child span {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.masonry-filters.default:hover li:nth-child(7) > span:first-child span {
	-webkit-transition-delay: 0.46667s;
	transition-delay: 0.46667s;
}

.masonry-filters.default:hover li:nth-child(8) > span:first-child span {
	-webkit-transition-delay: 0.53333s;
	transition-delay: 0.53333s;
}

.masonry-filters.default:hover li:nth-child(9) > span:first-child span {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.masonry-filters.default:hover li:nth-child(10) > span:first-child span {
	-webkit-transition-delay: 0.66667s;
	transition-delay: 0.66667s;
}

.masonry-filters.default:hover li:nth-child(11) > span:first-child span {
	-webkit-transition-delay: 0.73333s;
	transition-delay: 0.73333s;
}

.masonry-filters.default:hover li:nth-child(12) > span:first-child span {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.masonry-filters.default:hover li:nth-child(13) > span:first-child span {
	-webkit-transition-delay: 0.86667s;
	transition-delay: 0.86667s;
}

.masonry-filters.default:hover li:nth-child(14) > span:first-child span {
	-webkit-transition-delay: 0.93333s;
	transition-delay: 0.93333s;
}

.masonry-filters.default:hover li:nth-child(15) > span:first-child span {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.masonry-filters.default:hover li:nth-child(16) > span:first-child span {
	-webkit-transition-delay: 1.06667s;
	transition-delay: 1.06667s;
}

.masonry-filters.default:hover li:nth-child(17) > span:first-child span {
	-webkit-transition-delay: 1.13333s;
	transition-delay: 1.13333s;
}

.masonry-filters.default:hover li:nth-child(18) > span:first-child span {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.masonry-filters.default:hover li:nth-child(19) > span:first-child span {
	-webkit-transition-delay: 1.26667s;
	transition-delay: 1.26667s;
}

.masonry-filters.default:hover li:nth-child(20) > span:first-child span {
	-webkit-transition-delay: 1.33333s;
	transition-delay: 1.33333s;
}

.masonry-filters.default:hover .filters-toggle-link svg line {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.masonry-filters.default:hover .filters-toggle-link svg polyline {
	-webkit-transform: translateX(-23px);
	transform: translateX(-23px);
}

.masonry-filters.default:hover .filters-toggle-link svg circle {
	stroke-dashoffset: 0;
}

[data-vc-stretch-content] .masonry-filters {
	margin-left: 50px;
	margin-right: 50px;
}

.masonry-filters.default li > span:first-child, .masonry-filters.classic li > span:first-child {
	display: inline-block;
}

.masonry-filters.default li > span:first-child span, .masonry-filters.classic li > span:first-child span {
	position: relative;
	padding-bottom: 3px;
}

.masonry-filters.default li > span:first-child span:after, .masonry-filters.classic li > span:first-child span:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 1px;
	left: 0;
	background-color: #000;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: background 0.4s cubic-bezier(0.29, 0.64, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.29, 0.64, 0.3, 1);
	transition: background 0.4s cubic-bezier(0.29, 0.64, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.29, 0.64, 0.3, 1);
	transition: transform 0.4s cubic-bezier(0.29, 0.64, 0.3, 1), background 0.4s cubic-bezier(0.29, 0.64, 0.3, 1);
	transition: transform 0.4s cubic-bezier(0.29, 0.64, 0.3, 1), background 0.4s cubic-bezier(0.29, 0.64, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.29, 0.64, 0.3, 1);
}

.masonry-filters.default li:hover > span:first-child span:after, .masonry-filters.default li.active > span:first-child span:after, .masonry-filters.classic li:hover > span:first-child span:after, .masonry-filters.classic li.active > span:first-child span:after {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #000;
}

.masonry-filters.classic {
	margin-bottom: 25px;
	text-transform: uppercase;
	text-align: center;
}

.masonry-filters.classic li {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 13px;
	letter-spacing: 2px;
	color: #ababab;
}

.masonry-filters.classic li:hover, .masonry-filters.classic li.active {
	color: #000;
}

.masonry-filters.classic .counter {
	display: none;
}

.masonry-filters.grid-transition-started li .counter span {
	-webkit-transform: translateX(-110%) !important;
	transform: translateX(-110%) !important;
}

.filters-title {
	font-size: 0.92857em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #f42958;
}

.filters-toggle-link {
	display: inline-block;
	margin: 0.71429em 0;
	margin-left: 0;
	position: relative;
	font-size: 0.85714em;
	line-height: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
	cursor: pointer;
}

.filters-toggle-link svg {
	width: 30px;
	height: 20px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
}

.filters-toggle-link line,
.filters-toggle-link circle,
.filters-toggle-link polyline {
	fill: none;
	stroke: #000;
}

.filters-toggle-link line {
	stroke-width: 3;
	-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.filters-toggle-link polyline {
	stroke: #000000;
	stroke-width: 3;
	-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.filters-toggle-link circle {
	stroke-width: 3;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.filters-toggle-link + ul {
	display: inline-block;
	position: relative;
	top: 5px;
}

.filters-toggle-link + ul li {
	vertical-align: middle;
}

.filters-toggle-link + ul li > span {
	overflow: hidden;
}

.filters-toggle-link + ul li > span span {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.filters-toggle-link + ul li .counter span {
	-webkit-transform: translateX(-110%);
	transform: translateX(-110%);
}

.filters-toggle-link:hover svg line {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.filters-toggle-link:hover svg polyline {
	-webkit-transform: translateX(-23px);
	transform: translateX(-23px);
}

.filters-toggle-link:hover svg circle {
	stroke-dashoffset: 0;
}

/*
	Sorting
*/
.sorting-option {
	display: inline-block;
	width: 49%;
	margin: 0.64286em 0 3.57143em;
	font-size: 0.85714em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: right;
	color: #9f9f9f;
}

.sorting-option span {
	display: inline-block;
	position: relative;
}

.sorting-option label,
.sorting-option .input-dummy,
.sorting-option input {
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.5em;
	margin: 0;
}

.sorting-option label {
	padding: 0 15px;
	cursor: pointer;
	position: relative;
	font-weight: inherit;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.sorting-option label:first-child {
	pointer-events: none;
	color: #000;
}

.sorting-option label:last-child {
	color: #9f9f9f;
}

.sorting-option input[type=checkbox] {
	display: inline-block;
	width: 50px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.sorting-option .input-dummy {
	width: 50px;
	height: 28px;
	position: relative;
	z-index: 0;
	margin: 0;
	background-color: #dedede;
	border-radius: 50em;
}

.sorting-option .input-dummy:before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	border-radius: 50em;
	background-color: #fff;
	-webkit-animation: toggleOff 0.3s linear 1 both;
	animation: toggleOff 0.3s linear 1 both;
}

.sorting-option .input-dummy:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50em;
	z-index: 0;
	background-color: transparent;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	/* border: 1px solid transparent;*/
	-webkit-transition: all 0.23s cubic-bezier(0.55, 0.005, 0.56499, 1);
	transition: all 0.23s cubic-bezier(0.55, 0.005, 0.56499, 1);
}

.sorting-option .input-dummy:focus {
	outline: none;
}

.sorting-option input:checked + .input-dummy:before {
	-webkit-animation: toggleOn 0.35s ease 1 0.08s both;
	animation: toggleOn 0.35s ease 1 0.08s both;
}

.sorting-option input:checked + .input-dummy:after {
	/* border-width: (28px/2) (25px/2);*/
	/* border-color: $color-primary;*/
	background-color: #f42958;
	-webkit-transition: all 0.23s cubic-bezier(0.39, 0.57499, 0.56499, 1);
	transition: all 0.23s cubic-bezier(0.39, 0.57499, 0.56499, 1);
}

.sorting-option:last-of-type input[type=checkbox] {
	margin-left: 15px;
}

.sorting-option.checked label:first-child {
	color: inherit;
	pointer-events: all;
	color: #9f9f9f;
}

.sorting-option.checked label:last-child {
	pointer-events: none;
	color: #000;
}

.masonry-filters-light {
	color: #fff;
}

.masonry-filters-light .filters-toggle-link {
	color: #fff;
}

.masonry-filters-light .filters-toggle-link line,
.masonry-filters-light .filters-toggle-link circle,
.masonry-filters-light .filters-toggle-link polyline {
	stroke: #fff;
}

.masonry-filters-light.default li {
	color: #fff;
}

.masonry-filters-light.default li > span:first-child span:after {
	background-color: #f9f9f9;
}

.masonry-filters-light.default li:hover, .masonry-filters-light.default li.active {
	color: #fff;
}

.masonry-filters-light.default li:hover > span:first-child span:after, .masonry-filters-light.default li.active > span:first-child span:after {
	background-color: #fff;
}

@media all and (max-width: 768px) {
	[data-vc-stretch-content] .masonry-filters {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media all and (max-width: 1199px) {
	.masonry-filters.default li {
		padding-left: 1em;
		padding-right: 1em;
	}
	.sorting-option label {
		padding: 0 5px;
	}
	.sorting-option label:after {
		margin: 0 5px;
	}
}

@media all and (max-width: 767px) {
	.sorting-option {
		width: 49%;
	}
	.masonry-filters.default {
		margin-bottom: 1.07143em;
	}
	.masonry-filters.default:before, .masonry-filters.default:after {
		content: "";
		display: table;
	}
	.masonry-filters.default:after {
		clear: both;
	}
	.masonry-filters.default .filters-toggle-link {
		display: none;
	}
	.masonry-filters.default li {
		float: left;
		width: 50%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
	.masonry-filters.default li > span span {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.masonry-filters.default li:not(.active) .counter span {
		-webkit-transform: translateX(-300%);
		transform: translateX(-300%);
	}
	.masonry-filters.default li:nth-child(1) > span:first-child span {
		-webkit-transition-delay: 0.06667s;
		transition-delay: 0.06667s;
	}
	.masonry-filters.default li:nth-child(2) > span:first-child span {
		-webkit-transition-delay: 0.13333s;
		transition-delay: 0.13333s;
	}
	.masonry-filters.default li:nth-child(3) > span:first-child span {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.masonry-filters.default li:nth-child(4) > span:first-child span {
		-webkit-transition-delay: 0.26667s;
		transition-delay: 0.26667s;
	}
	.masonry-filters.default li:nth-child(5) > span:first-child span {
		-webkit-transition-delay: 0.33333s;
		transition-delay: 0.33333s;
	}
	.masonry-filters.default li:nth-child(6) > span:first-child span {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.masonry-filters.default li:nth-child(7) > span:first-child span {
		-webkit-transition-delay: 0.46667s;
		transition-delay: 0.46667s;
	}
	.masonry-filters.default li:nth-child(8) > span:first-child span {
		-webkit-transition-delay: 0.53333s;
		transition-delay: 0.53333s;
	}
	.masonry-filters.default li:nth-child(9) > span:first-child span {
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
	}
	.masonry-filters.default li:nth-child(10) > span:first-child span {
		-webkit-transition-delay: 0.66667s;
		transition-delay: 0.66667s;
	}
	.masonry-filters.default li:nth-child(11) > span:first-child span {
		-webkit-transition-delay: 0.73333s;
		transition-delay: 0.73333s;
	}
	.masonry-filters.default li:nth-child(12) > span:first-child span {
		-webkit-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}
	.masonry-filters.default li:nth-child(13) > span:first-child span {
		-webkit-transition-delay: 0.86667s;
		transition-delay: 0.86667s;
	}
	.masonry-filters.default li:nth-child(14) > span:first-child span {
		-webkit-transition-delay: 0.93333s;
		transition-delay: 0.93333s;
	}
	.masonry-filters.default li:nth-child(15) > span:first-child span {
		-webkit-transition-delay: 1s;
		transition-delay: 1s;
	}
	.masonry-filters.default li:nth-child(16) > span:first-child span {
		-webkit-transition-delay: 1.06667s;
		transition-delay: 1.06667s;
	}
	.masonry-filters.default li:nth-child(17) > span:first-child span {
		-webkit-transition-delay: 1.13333s;
		transition-delay: 1.13333s;
	}
	.masonry-filters.default li:nth-child(18) > span:first-child span {
		-webkit-transition-delay: 1.2s;
		transition-delay: 1.2s;
	}
	.masonry-filters.default li:nth-child(19) > span:first-child span {
		-webkit-transition-delay: 1.26667s;
		transition-delay: 1.26667s;
	}
	.masonry-filters.default li:nth-child(20) > span:first-child span {
		-webkit-transition-delay: 1.33333s;
		transition-delay: 1.33333s;
	}
	.masonry-filters.default .filters-toggle-link svg line {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	.masonry-filters.default .filters-toggle-link svg polyline {
		-webkit-transform: translateX(-23px);
		transform: translateX(-23px);
	}
	.masonry-filters.default .filters-toggle-link svg circle {
		stroke-dashoffset: 0;
	}
}

/* 1.2. Portfolio general */
/*  main: ../assets/scss/theme-portfolio.scss*/
/* Animations*/
@-webkit-keyframes overlayReveal {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	49% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	50% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	100% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
}

@keyframes overlayReveal {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	49% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	50% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	100% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
}

@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 rgba(0, 0, 0, 0.2);
		height: .6em;
	}
	40% {
		-webkit-box-shadow: 0 -0.3em rgba(0, 0, 0, 0.2);
		box-shadow: 0 -0.3em rgba(0, 0, 0, 0.2);
		height: 1em;
	}
}

/* Variables*/
.portfolio-grid > .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.portfolio-grid > .row:before, .portfolio-grid > .row:after {
	content: none;
}

.portfolio-grid .page-nav {
	margin-top: 5em;
}

.portfolio-grid .page-nav nav {
	margin-top: -7.14286em;
}

/*
	Portfolio Items
*/
.portfolio-item {
	position: relative;
	margin-bottom: 7.14286em;
	color: rgba(0, 0, 0, 0.5);
}

.portfolio-item a {
	color: rgba(0, 0, 0, 0.4);
}

.portfolio-item a:hover {
	color: #000;
}

.portfolio-item:before, .portfolio-item:after {
	content: "";
	display: table;
}

.portfolio-item:after {
	clear: both;
}

.portfolio-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.portfolio-item h2 {
	margin-top: 0.3em;
	margin-bottom: 0.17em;
	font-size: 2.2em;
	line-height: 1.4em;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.portfolio-item h2 a {
	color: #000;
}

.portfolio-item .parallax-img-parent {
	position: relative;
}

.portfolio-item .parallax-img-parent.height-adjusted {
	position: relative;
}

.portfolio-item .aspect-ratio-container {
	max-width: 100% !important;
	max-height: none !important;
}

.portfolio-item .aspect-ratio-fill {
	padding: 0 !important;
}

.portfolio-item [data-parallax-bg] > img {
	visibility: hidden;
}

.portfolio-item .parallax-img-container .aspect-ratio-container,
.portfolio-item .parallax-img-container .aspect-ratio-fill {
	width: 100%;
	height: 100%;
}

.progressive-load-activated .portfolio-item .portfolio-main-image {
	overflow: hidden;
}

.progressive-load-activated .portfolio-item .portfolio-main-image > [data-parallax-bg] {
	filter: blur(20px);
	-webkit-filter: blur(20px);
}

.progressive-load-activated .portfolio-item .portfolio-main-image.progressive-image--is-loaded > [data-parallax-bg] {
	filter: blur(20px);
	-webkit-filter: blur(20px);
	-webkit-animation: sharpen .5s both;
	animation: sharpen .5s both;
}

.progressive-load-activated .portfolio-item .portfolio-main-image.progressive-image--is-loaded .progressive__img {
	opacity: 1;
}

.progressive-load-activated .portfolio-item .portfolio-main-image .parallax-img-parent .progressive__img {
	opacity: 1;
}

.portfolio-item .portfolio-inner {
	background-color: #fff;
}

.portfolio-item .portfolio-inner:before, .portfolio-item .portfolio-inner:after {
	content: "";
	display: table;
}

.portfolio-item .portfolio-inner:after {
	clear: both;
}

.listing-lightbox-gallery .portfolio-item .portfolio-inner {
	position: relative;
}

.portfolio-item .portfolio-inner .lightbox-overlay-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 25;
}

.portfolio-item .portfolio-main-image {
	overflow: hidden;
	position: relative;
}

.portfolio-item .portfolio-main-image figure:not(.parallax-img-parent) {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center !important;
}

.portfolio-item .portfolio-main-image video,
.portfolio-item .portfolio-main-image iframe {
	width: 100%;
}

.portfolio-item .portfolio-main-image .mejs-video {
	height: 100% !important;
}

.portfolio-item .portfolio-main-image .mejs-controls {
	display: none !important;
}

.portfolio-item .portfolio-main-image .mejs-layers > div {
	height: 100% !important;
}

.portfolio-item .portfolio-main-image .carousel-nav button {
	font-size: 1.42857em;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.825, 0.5, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.825, 0.5, 1);
}

.portfolio-item .portfolio-main-image .carousel-nav button i {
	display: inline-block;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.825, 0.5, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.825, 0.5, 1);
}

.portfolio-item .portfolio-main-image .carousel-nav button.previous {
	text-indent: -2px;
	-webkit-transform: translateX(-102%);
	transform: translateX(-102%);
}

.portfolio-item .portfolio-main-image .carousel-nav button.previous i {
	-webkit-transform: translateX(-180%);
	transform: translateX(-180%);
}

.portfolio-item .portfolio-main-image .carousel-nav button.next {
	text-indent: -1px;
	-webkit-transform: translateX(102%);
	transform: translateX(102%);
}

.portfolio-item .portfolio-main-image .carousel-nav button.next i {
	-webkit-transform: translateX(180%);
	transform: translateX(180%);
}

.portfolio-item .portfolio-content {
	padding: 2.71429em 3.71429em;
	position: relative;
	z-index: 2;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.675, 0.34, 1.01499);
	transition: all 0.3s cubic-bezier(0.25, 0.675, 0.34, 1.01499);
}

.portfolio-item .category,
.portfolio-item .portfolio-meta {
	font-size: 0.78571em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.portfolio-item .portfolio-meta time {
	color: inherit;
}

.portfolio-item .category li,
.portfolio-item .portfolio-meta > span:not(.portfolio-likes) {
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}

.portfolio-item .category li,
.portfolio-item .portfolio-meta > span:not(.portfolio-likes) {
	padding-right: 0.3em;
}

.portfolio-item .category li:after,
.portfolio-item .portfolio-meta > span:not(.portfolio-likes):after {
	content: ',';
	position: absolute;
	bottom: 0;
	right: 0;
	color: inherit;
}

.portfolio-item .category li:last-child:after,
.portfolio-item .portfolio-meta > span:not(.portfolio-likes):last-child:after {
	content: none;
}

.portfolio-item .title-wrapper {
	position: relative;
	z-index: 21;
}

.portfolio-item .category {
	margin-bottom: 0.5em;
}

.portfolio-item .portfolio-summary {
	font-size: 1em;
	line-height: 2em;
	letter-spacing: 0.02em;
	opacity: 0.9;
}

.portfolio-item .portfolio-summary p {
	margin-bottom: 1.25em;
}

.portfolio-item .portfolio-share-popup {
	padding: 1.14286em 7px;
}

.portfolio-item .portfolio-footer {
	font-size: 0.85714em;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item .portfolio-share .btn,
.portfolio-item .btn {
	padding: 0;
	border-color: #e5e5e5;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
	overflow: hidden;
}

.portfolio-item .portfolio-share .btn span,
.portfolio-item .btn span {
	padding: 0.85714em 20px;
}

.portfolio-item .portfolio-share .btn i,
.portfolio-item .btn i {
	margin-left: 5px;
}

.portfolio-item .portfolio-share .btn.round,
.portfolio-item .btn.round {
	border-radius: 2px;
}

.portfolio-item .portfolio-share .btn:focus,
.portfolio-item .btn:focus {
	border-color: inherit;
	background-color: inherit;
	color: inherit;
}

.portfolio-item .portfolio-share .btn:hover,
.portfolio-item .btn:hover {
	border-color: #f42958;
	color: #fff;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.portfolio-item .portfolio-share .btn:before {
	content: '';
}

.portfolio-item .portfolio-share .btn i {
	margin-left: 0 !important;
}

.portfolio-item .portfolio-share .btn span {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.portfolio-item .portfolio-overlay-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.portfolio-item:not(.style-hover) .portfolio-share .btn {
	color: rgba(0, 0, 0, 0.3);
}

.portfolio-item:not(.style-hover) .portfolio-share:hover .btn {
	border-color: #f42958;
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.item-center .portfolio-main-image,
.portfolio-item.item-center .portfolio-content {
	width: 100%;
}

.portfolio-item.style-default .progressive__img:not(.section-parallax-img), .portfolio-item.shadow .progressive__img:not(.section-parallax-img), .portfolio-item.outline .progressive__img:not(.section-parallax-img) {
	position: relative;
	top: auto;
	left: auto;
}

.portfolio-item.shadow .portfolio-content {
	-webkit-box-shadow: 0 0 55px rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 55px rgba(0, 0, 0, 0.09);
}

.portfolio-item.outline .portfolio-inner {
	border: 1px solid #f1f1f1;
}

.portfolio-item.outline .portfolio-main-image {
	margin: -1px;
	width: auto;
	height: auto;
}

.portfolio-item.light .portfolio-inner {
	background-color: #f7f7f7;
}

.portfolio-item.gradient .portfolio-inner {
	background: #3d7af5;
	background: linear-gradient(120deg, #3d7af5 0%, #5e94ff 70%, #02d1fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7af5', endColorstr='#02d1fb', GradientType=1 );
}

.portfolio-item.custom-color .portfolio-inner {
	background-color: #3a3d52;
}

.portfolio-item.text-light {
	color: rgba(255, 255, 255, 0.55);
}

.portfolio-item.text-light .portfolio-meta time,
.portfolio-item.text-light a {
	color: rgba(255, 255, 255, 0.55);
}

.portfolio-item.text-light a:hover,
.portfolio-item.text-light .btn,
.portfolio-item.text-light .portfolio-share .btn,
.portfolio-item.text-light h2 a {
	color: #fff;
}

.portfolio-item.text-light h2 a:hover {
	color: #fff !important;
}

.portfolio-item.text-light .portfolio-share .btn,
.portfolio-item.text-light .btn {
	border-color: rgba(255, 255, 255, 0.3);
}

.portfolio-item.text-light .portfolio-share .btn:before,
.portfolio-item.text-light .btn:before {
	background-color: #fff;
}

.portfolio-item.text-light .portfolio-share .btn:hover,
.portfolio-item.text-light .btn:hover {
	border-color: #f42958;
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.text-light .portfolio-likes i {
	background-color: rgba(255, 255, 255, 0.25);
}

.portfolio-item.text-light .portfolio-share-popup a {
	color: #fff;
}

.portfolio-item.text-light:not(.style-hover) .portfolio-share .btn {
	color: rgba(255, 255, 255, 0.3);
}

.portfolio-item.text-light:not(.style-hover) .portfolio-share:hover .btn {
	color: #fff;
}

.portfolio-item.text-light:not(.style-hover) .portfolio-share:hover .btn {
	border-color: #f42958;
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.portfolio-fullwidth {
	margin: 0;
}

.portfolio-item.portfolio-fullwidth p {
	line-height: 1.71429em;
}

.portfolio-item.portfolio-fullwidth .portfolio-main-image {
	/* position: absolute;*/
	/* top: 0;*/
	/* left: 0;*/
}

.portfolio-item.portfolio-fullwidth .portfolio-main-image,
.portfolio-item.portfolio-fullwidth .portfolio-main-image img,
.portfolio-item.portfolio-fullwidth .portfolio-main-image .aspect-ratio-fill {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.portfolio-fullwidth .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 500px;
	padding: 2.5em 5em;
	position: absolute;
	bottom: 0;
	left: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.portfolio-item.portfolio-fullwidth .title-wrapper h2 {
	margin-top: 0.61905em;
	margin-bottom: 0.47619em;
	font-size: 1.5em;
	font-weight: 500;
}

.portfolio-item.portfolio-fullwidth .title-wrapper .category {
	font-size: 0.92857em;
	margin-bottom: -5px;
	letter-spacing: 0.15em;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary {
	margin-top: 0.71429em;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary .read-more {
	display: block;
	opacity: 0.5;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary .read-more svg {
	width: 26px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary .read-more svg path {
	fill: #000;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary .read-more:hover {
	opacity: 1;
}

.portfolio-item.portfolio-fullwidth .portfolio-summary .read-more:hover svg {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

.portfolio-item.portfolio-fullwidth.text-light p {
	color: rgba(255, 255, 255, 0.6);
}

.portfolio-item.portfolio-fullwidth.text-light .read-more svg path {
	fill: #fff;
}

.portfolio-item.related {
	margin-bottom: 0;
	background-color: transparent;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 800px;
	perspective: 800px;
}

.portfolio-item.related .portfolio-main-image figure {
	margin-bottom: 0;
}

.portfolio-item.related .portfolio-main-image img {
	width: 100%;
	height: auto;
}

.portfolio-item.related .portfolio-main-image .progressive__img {
	position: relative;
	top: auto;
	left: auto;
}

.portfolio-item.related .portfolio-content {
	padding: 1.21429em 5%;
	text-align: center;
}

.portfolio-item.related .title-wrapper h2 {
	margin-bottom: 0.25em;
	font-size: 1.28571em;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.portfolio-item.related .title-wrapper .category {
	font-size: 0.78571em;
}

.portfolio-item:not(.style-hover) .title-wrapper h2 a:hover {
	color: #f42958;
}

.portfolio-item.rise-on-hover .portfolio-inner {
	-webkit-transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.portfolio-item.rise-on-hover:hover .portfolio-inner {
	-webkit-transform: translateY(-15px) !important;
	transform: translateY(-15px) !important;
}

.portfolio-item:hover .portfolio-main-image .carousel-nav button {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 0.65s cubic-bezier(0.28, 0.395, 0.23, 0.995);
	transition: all 0.65s cubic-bezier(0.28, 0.395, 0.23, 0.995);
}

.portfolio-item:hover .portfolio-main-image .carousel-nav button i {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 0.7s 0.25s cubic-bezier(0.25, 0.825, 0.5, 1);
	transition: all 0.7s 0.25s cubic-bezier(0.25, 0.825, 0.5, 1);
}

.tax-rella-portfolio-category .portfolio-item {
	margin-bottom: 2.14286em !important;
}

.portfolio-share-popup {
	display: inline-block;
	padding: 0.35714em 7px;
	position: absolute;
	right: 0;
	bottom: calc(100% - 10px);
	z-index: 10;
	background-color: #f42958;
	white-space: nowrap;
	border-radius: 2px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: translateX(0) translateY(10%) scaleY(1.05);
	transform: translateX(0) translateY(10%) scaleY(1.05);
	-webkit-transition: all 0.6s cubic-bezier(0.22, 0.595, 0.23, 0.985);
	transition: all 0.6s cubic-bezier(0.22, 0.595, 0.23, 0.985);
}

.portfolio-share-popup:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -5px;
	right: 16px;
	border-style: solid;
	height: 0;
	width: 0;
	border-color: #f42958 transparent transparent;
	border-width: 6.5px 6.5px 0;
}

.portfolio-share-popup a {
	color: #fff;
}

.portfolio-share-popup a i {
	display: inline-block;
}

.portfolio-share-popup a:hover {
	color: #fff;
}

.portfolio-share-popup .social-icon {
	margin-top: 0;
	font-size: 1.15em;
}

.portfolio-share-popup .social-icon li {
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all 0.35s cubic-bezier(0.13, 0.755, 0.23, 0.985);
	transition: all 0.35s cubic-bezier(0.13, 0.755, 0.23, 0.985);
}

.portfolio-share-popup .social-icon li a:hover i {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.portfolio-share {
	display: inline-block;
	position: relative;
	z-index: 10;
	margin-left: 10px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-share:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 0;
}

.portfolio-share .btn {
	width: 45px;
}

.portfolio-share .btn span {
	padding-right: 0;
	padding-left: 0;
}

.portfolio-share .btn i {
	margin: 0;
}

.portfolio-share .btn:hover i {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.portfolio-share .portfolio-share-popup .social-icon li:last-child {
	margin-right: 7px !important;
}

.portfolio-share:hover .btn:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.portfolio-share:hover .portfolio-share-popup {
	opacity: 1;
	visibility: visible;
	will-change: transform, opacity;
	-webkit-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
}

.portfolio-share:hover .social-icon li {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.portfolio-share:hover .social-icon li:nth-child(0) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.portfolio-share:hover .social-icon li:nth-child(1) {
	-webkit-transition-delay: 0.08333s;
	transition-delay: 0.08333s;
}

.portfolio-share:hover .social-icon li:nth-child(2) {
	-webkit-transition-delay: 0.16667s;
	transition-delay: 0.16667s;
}

.portfolio-share:hover .social-icon li:nth-child(3) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.portfolio-share:hover .social-icon li:nth-child(4) {
	-webkit-transition-delay: 0.33333s;
	transition-delay: 0.33333s;
}

.portfolio-share:hover .social-icon li:nth-child(5) {
	-webkit-transition-delay: 0.41667s;
	transition-delay: 0.41667s;
}

.portfolio-share:hover .social-icon li:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.portfolio-share:hover .social-icon li:nth-child(7) {
	-webkit-transition-delay: 0.58333s;
	transition-delay: 0.58333s;
}

.portfolio-share:hover .social-icon li:nth-child(8) {
	-webkit-transition-delay: 0.66667s;
	transition-delay: 0.66667s;
}

.portfolio-share:hover .social-icon li:nth-child(9) {
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}

.portfolio-share:hover .social-icon li:nth-child(10) {
	-webkit-transition-delay: 0.83333s;
	transition-delay: 0.83333s;
}

.portfolio-likes {
	position: relative;
	display: block;
	margin-bottom: 1em;
	font-weight: 700;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-likes > a,
.portfolio-likes .rella-post-like {
	position: relative;
}

.portfolio-likes i {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	margin-bottom: 4px;
	border-radius: 50em;
	background-color: rgba(0, 0, 0, 0.2);
	line-height: 40px;
	text-align: center;
	text-indent: 1px;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-likes i:before {
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-likes .like-loader {
	width: 46px;
	top: -13px;
	left: -3px;
}

.portfolio-likes .like-loader .path {
	stroke: #fff;
	-webkit-transition: stroke 0.3s;
	transition: stroke 0.3s;
}

.portfolio-likes.liked a,
.portfolio-likes a:hover {
	color: #f42958;
}

.portfolio-likes.liked a i,
.portfolio-likes a:hover i {
	background-color: #f42958;
}

.portfolio-likes.liked a .like-loader .path,
.portfolio-likes a:hover .like-loader .path {
	stroke: #fff;
}

.portfolio-likes a:hover i:before {
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2);
}

.portfolio-likes.style-alt {
	display: inline-block;
}

.portfolio-likes.style-alt a {
	display: inline-block;
}

.portfolio-likes.style-alt a > span {
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 14px 0;
	border-radius: 50em;
	background-color: #e03725;
	font-size: 0.92857em;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.portfolio-likes.style-alt a:hover i {
	background-color: transparent !important;
}

.portfolio-likes.style-alt i {
	display: block;
	width: auto;
	height: auto;
	background-color: transparent !important;
	line-height: normal;
	margin: 0;
}

.portfolio-likes.style-alt .like-loader {
	width: 72px;
	top: -6px;
	left: -6px;
}

.portfolio-likes.style-alt.liked i {
	background-color: transparent !important;
}

.single-rella-portfolio .portfolio-nav .btn,
.single-rella-portfolio .portfolio-info .btn,
.portfolio-single .portfolio-nav .btn,
.portfolio-single .portfolio-info .btn {
	border-color: rgba(0, 0, 0, 0.1);
	color: #000;
}

.single-rella-portfolio .portfolio-nav .btn.btn-xlg,
.single-rella-portfolio .portfolio-info .btn.btn-xlg,
.portfolio-single .portfolio-nav .btn.btn-xlg,
.portfolio-single .portfolio-info .btn.btn-xlg {
	font-size: 0.78571em;
}

.single-rella-portfolio .portfolio-nav .btn.btn-xlg span,
.single-rella-portfolio .portfolio-info .btn.btn-xlg span,
.portfolio-single .portfolio-nav .btn.btn-xlg span,
.portfolio-single .portfolio-info .btn.btn-xlg span {
	padding-left: 24px;
	padding-right: 24px;
}

.single-rella-portfolio .portfolio-nav .btn.btn-block,
.single-rella-portfolio .portfolio-info .btn.btn-block,
.portfolio-single .portfolio-nav .btn.btn-block,
.portfolio-single .portfolio-info .btn.btn-block {
	font-size: 0.92857em;
}

.single-rella-portfolio .portfolio-nav .btn.text-uppercase,
.single-rella-portfolio .portfolio-info .btn.text-uppercase,
.portfolio-single .portfolio-nav .btn.text-uppercase,
.portfolio-single .portfolio-info .btn.text-uppercase {
	letter-spacing: 0.15em;
}

.single-rella-portfolio .portfolio-nav .btn:hover,
.single-rella-portfolio .portfolio-info .btn:hover,
.portfolio-single .portfolio-nav .btn:hover,
.portfolio-single .portfolio-info .btn:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}

.portfolio-title {
	margin-top: 0;
	margin-bottom: 1.07143em;
	font-size: 2.14286em;
}

.related-projects {
	margin-top: 2.14286em;
	margin-bottom: 1.07143em;
	text-align: center;
}

.related-projects .portfolio-title {
	margin-bottom: 1.57143em;
}

.related-projects .carousel-items {
	margin-left: 0;
	margin-right: 0;
}

.related-projects .carousel-nav-style6 .flickity-prev-next-button {
	margin-top: -60px;
}

.related-projects .carousel-nav-style6 .previous {
	left: 15px !important;
}

.related-projects .carousel-nav-style6 .next {
	right: 15px !important;
}

.portfolio-details h2 {
	margin-bottom: 0.71429em;
}

.portfolio-details p {
	margin-bottom: 1.42857em;
}

.portfolio-details hr {
	margin: 2.14286em 0;
}

.portfolio-details .portfolio-share {
	padding-top: 1.14286em;
}

.portfolio-details .portfolio-share .btn {
	width: 45px;
	font-size: 0.85714em;
}

.portfolio-details .portfolio-share .btn span {
	padding-left: 0;
	padding-right: 0;
}

.portfolio-details .portfolio-single-share {
	margin-bottom: 2.64286em;
}

.portfolio-details .portfolio-single-share .portfolio-likes {
	float: left;
	margin-right: 13px;
}

.portfolio-details .portfolio-single-share.style-alt {
	margin-top: 0;
	/* margin-bottom: em(70);*/
	padding-bottom: 3em;
	text-align: center;
}

.portfolio-details .portfolio-single-share.style-alt .portfolio-likes {
	float: none;
	margin: 0;
}

.portfolio-details .portfolio-single-share.style-alt h6 {
	margin-bottom: 1em;
	color: #000;
}

.portfolio-details .portfolio-single-share.style-alt .social-icon {
	display: block;
	margin-top: 0;
	margin-bottom: 2.2em;
}

.portfolio-details .portfolio-image .aspect-ratio-fill {
	overflow: hidden;
}

.portfolio-details .social-icon {
	display: inline-block;
	margin-top: 10px;
	line-height: 1.5;
}

.portfolio-details .social-icon.scheme-gray.text a {
	position: relative;
}

.portfolio-details .social-icon.scheme-gray.text a:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-details .social-icon.scheme-gray.text a:hover {
	color: #000;
}

.portfolio-details .social-icon.scheme-gray.text a:hover:after {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.portfolio-details .social-icon.scheme-gray:not(.text) li a:hover {
	background-color: #000;
	color: #fff;
}

.portfolio-details .carousel-container {
	margin-bottom: 2.85714em;
}

.portfolio-details .carousel-container .aspect-ratio-container {
	max-width: none !important;
	max-height: none !important;
}

.portfolio-details [data-plugin-masonry] {
	margin-bottom: 5em;
}

.portfolio-details [data-plugin-masonry] img {
	width: 100%;
	height: auto;
}

.portfolio-details [data-plugin-masonry] .portfolio-image {
	margin-bottom: 0;
}

.portfolio-details [data-plugin-masonry] .masonry-item {
	margin-bottom: 30px;
}

.portfolio-details .container-fluid .carousel-container,
.portfolio-details .cd-image-container {
	margin-top: 20px;
}

.portfolio-details .col-md-9 > .portfolio-image {
	margin-bottom: 3.21429em;
}

.portfolio-details.pulled-up {
	margin-top: -135px;
}

.portfolio-details.details-fullwidth > .container-fluid {
	padding-left: 55px;
	padding-right: 55px;
}

.portfolio-details.details-fullwidth > .container-fluid > .row > .col-md-4 {
	padding-left: 3.5%;
	padding-right: 2.5%;
}

.portfolio-details.details-fullwidth .portfolio-nav {
	padding-right: 35px;
	padding-left: 35px;
}

.format-video .portfolio-details .mejs-video {
	margin-bottom: 3.57143em;
}

.portfolio-image {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.portfolio-image .aspect-ratio-container {
	max-width: none !important;
	max-height: none !important;
}

.portfolio-image .aspect-ratio-fill {
	padding: 0 !important;
}

.portfolio-image figcaption {
	padding: 0.78571em 20px;
	position: absolute;
	bottom: 2.5em;
	left: 0;
	z-index: 1;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image figcaption:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 150%;
	height: 101%;
	z-index: 1;
	background-color: #fff;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 1.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 1.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 1.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 1.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 1.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image figcaption span {
	display: inline-block;
	position: relative;
	z-index: 2;
	-webkit-transform: translateX(-24%);
	transform: translateX(-24%);
	-webkit-transition: -webkit-transform 0.8s 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image .overlay {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: #f8f8f8;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
	-webkit-transition: -webkit-transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image .overlay:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.2);
}

.portfolio-image img {
	width: 100% !important;
	height: auto !important;
	position: relative;
	z-index: 0;
	opacity: 0;
	-webkit-transform: translateX(-5%);
	transform: translateX(-5%);
	-webkit-transition: opacity 0.05s 0.295s ease, -webkit-transform 0.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: opacity 0.05s 0.295s ease, -webkit-transform 0.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: transform 0.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.05s 0.295s ease;
	transition: transform 0.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.05s 0.295s ease, -webkit-transform 0.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.portfolio-image .lightbox-link {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.portfolio-image.is-in-view .overlay {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation: overlayReveal 0.8s cubic-bezier(0.65, 0, 0.37, 0.99) 1 both alternate;
	animation: overlayReveal 0.8s cubic-bezier(0.65, 0, 0.37, 0.99) 1 both alternate;
}

.portfolio-image.is-in-view img {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-image.is-in-view figcaption {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image.is-in-view figcaption:before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.8s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.8s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.8s 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-image.is-in-view figcaption span {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 1s 0.3s cubic-bezier(0.26, 0.725, 0.3, 1);
	transition: -webkit-transform 1s 0.3s cubic-bezier(0.26, 0.725, 0.3, 1);
	transition: transform 1s 0.3s cubic-bezier(0.26, 0.725, 0.3, 1);
	transition: transform 1s 0.3s cubic-bezier(0.26, 0.725, 0.3, 1), -webkit-transform 1s 0.3s cubic-bezier(0.26, 0.725, 0.3, 1);
}

.portfolio-image.alt {
	margin-bottom: 3.78571em;
}

.portfolio-image.alt figcaption {
	padding: 0;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	background-color: transparent;
	color: #999999;
}

.portfolio-image.alt img {
	margin-bottom: 1.21429em;
}

.portfolio-info {
	margin-bottom: 2.14286em;
}

.portfolio-info strong {
	color: #302f2f;
	font-weight: 400;
}

.portfolio-info .info-title {
	display: block;
}

.portfolio-info[data-sticky-element] {
	padding-left: 15px;
}

.portfolio-info.style-alt {
	position: absolute;
	bottom: 0;
	left: auto;
	z-index: 5;
	margin: 0;
	padding: 3.57143em 70px;
	/* margin-bottom: em(60);*/
	background-color: #fff;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
}

.portfolio-info.style-alt .row:before, .portfolio-info.style-alt .row:after {
	content: none;
}

.portfolio-info.style-alt > .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.portfolio-info.style-alt > .row > [class*=col-]:first-child, .portfolio-info.style-alt > .row > [class*=col-]:nth-child(2) {
	text-align: left;
}

.portfolio-info.style-alt > .row > [class*=col-]:nth-child(2) p {
	margin-bottom: 0;
}

.portfolio-info.style-alt > .row > [class*=col-]:last-child {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

.portfolio-info.style-alt > .row > [class*=col-]:last-child > .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}

.portfolio-info.style-alt > .row > [class*=col-]:last-child > .row > .col-md-6 {
	padding: 0;
	margin-bottom: 1.5em;
}

.portfolio-info.style-alt > .row > [class*=col-]:last-child > .row > .col-md-6 p:last-child {
	margin-bottom: 0;
}

.portfolio-info.style-alt .portfolio-title {
	margin-bottom: 0;
	font-size: 1.78571em;
	line-height: 1.8em;
}

.portfolio-info.bg-dark {
	background-color: #27282c;
	color: #fff;
}

.portfolio-info.bg-dark p {
	color: rgba(255, 255, 255, 0.6);
}

.portfolio-info.bg-dark strong,
.portfolio-info.bg-dark h2 {
	color: #fff;
}

.portfolio-info .portfolio-single-share.style-alt {
	margin-bottom: 0;
}

.external-links {
	margin-top: 1.78571em;
	margin-bottom: 5.71429em;
}

.external-links .btn {
	padding-top: 2.21429em;
	padding-bottom: 2.21429em;
	border-color: transparent;
}

.external-links .btn:hover {
	border-color: transparent;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.external-links [class*=col-]:first-child .btn {
	background-color: #ce3c26;
}

.external-links [class*=col-]:last-child .btn {
	background-color: #e5432a;
}

.portfolio-nav {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f7f6f6;
}

.portfolio-nav .btn {
	font-size: 0.92857em;
	position: relative;
}

.portfolio-nav .btn span {
	padding: 0.57143em 20px;
}

.portfolio-nav .btn .image-container {
	display: block;
	height: auto;
	padding: 0;
	position: absolute;
	bottom: 100%;
	left: -1px;
	right: -1px;
	margin-bottom: 1px;
	visibility: hidden;
	overflow: hidden;
}

.portfolio-nav .btn .image-container img {
	width: 100% !important;
	height: auto !important;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-nav .btn:hover {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.portfolio-nav .btn:hover .image-container {
	visibility: visible;
}

.portfolio-nav .btn:hover .image-container img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-nav .col-sm-3:before, .portfolio-nav .col-sm-3:after,
.portfolio-nav .col-sm-6:before,
.portfolio-nav .col-sm-6:after {
	content: "";
	display: table;
}

.portfolio-nav .col-sm-3:after,
.portfolio-nav .col-sm-6:after {
	clear: both;
}

.portfolio-nav .prev i {
	margin-left: 0;
	margin-right: 6px;
}

.portfolio-nav .prev:hover i {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
}

.portfolio-nav .next {
	float: right;
}

.portfolio-nav .portfolio-view-all {
	display: block;
	width: 23px;
	height: 23px;
	margin: 6px auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.portfolio-nav .portfolio-view-all span {
	display: inline-block;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #a8a8af;
	-webkit-box-shadow: 12px 0 0 #a8a8af, 0 12px 0 #a8a8af, 12px 12px 0 #a8a8af, 8px 0 0 transparent, 0 8px 0 transparent, 8px 8px 0 transparent, 12px 8px 0 transparent, 8px 12px 0 transparent;
	box-shadow: 12px 0 0 #a8a8af, 0 12px 0 #a8a8af, 12px 12px 0 #a8a8af, 8px 0 0 transparent, 0 8px 0 transparent, 8px 8px 0 transparent, 12px 8px 0 transparent, 8px 12px 0 transparent;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.portfolio-nav .portfolio-view-all:hover {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.portfolio-nav .portfolio-view-all:hover span {
	background-color: #000;
	width: 5px;
	height: 5px;
	-webkit-box-shadow: 16px 0 0 #000, 0 16px 0 #000, 16px 16px 0 #000, 8px 0 0 #000, 0 8px 0 #000, 8px 8px 0 #000, 16px 8px 0 #000, 8px 16px 0 #000;
	box-shadow: 16px 0 0 #000, 0 16px 0 #000, 16px 16px 0 #000, 8px 0 0 #000, 0 8px 0 #000, 8px 8px 0 #000, 16px 8px 0 #000, 8px 16px 0 #000;
}

.portfolio-nav.bordered {
	border: 1px solid #f3f3f3;
}

.portfolio-nav.dark {
	background-color: #27282c;
}

.portfolio-nav.dark .btn {
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.portfolio-nav.dark .btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #27282c;
}

.portfolio-nav.dark .portfolio-view-all span {
	background-color: #fff;
	-webkit-box-shadow: 12px 0 0 #fff, 0 12px 0 #fff, 12px 12px 0 #fff, 8px 0 0 transparent, 0 8px 0 transparent, 8px 8px 0 transparent, 12px 8px 0 transparent, 8px 12px 0 transparent;
	box-shadow: 12px 0 0 #fff, 0 12px 0 #fff, 12px 12px 0 #fff, 8px 0 0 transparent, 0 8px 0 transparent, 8px 8px 0 transparent, 12px 8px 0 transparent, 8px 12px 0 transparent;
}

.portfolio-nav.dark .portfolio-view-all:hover span {
	width: 5px;
	height: 5px;
	-webkit-box-shadow: 16px 0 0 #fff, 0 16px 0 #fff, 16px 16px 0 #fff, 8px 0 0 #fff, 0 8px 0 #fff, 8px 8px 0 #fff, 16px 8px 0 #fff, 8px 16px 0 #fff;
	box-shadow: 16px 0 0 #fff, 0 16px 0 #fff, 16px 16px 0 #fff, 8px 0 0 #fff, 0 8px 0 #fff, 8px 8px 0 #fff, 16px 8px 0 #fff, 8px 16px 0 #fff;
}

.portfolio-nav:first-child .btn .image-container {
	bottom: auto;
	top: 100%;
}

.portfolio-nav:first-child .btn .image-container img {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.portfolio-nav:first-child .btn:hover .image-container img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.dropcap {
	display: inline-block;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	font-size: 4.28571em;
	font-weight: 700;
	opacity: 0.20;
}

.items-loader,
.like-loader {
	position: absolute;
	width: 72px;
	margin: 0 auto;
}

.items-loader:before,
.like-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.items-loader .circular,
.like-loader .circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.items-loader .path,
.like-loader .path {
	stroke: #fff;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke-width: 3px;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.items-loader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -15px;
	left: -15px;
	right: -15px;
	z-index: 3;
	-webkit-transition: all 0.3s 0.5s ease;
	transition: all 0.3s 0.5s ease;
}

.items-loader .circular {
	width: 72px;
	height: 72px;
	margin: 7.14286em auto;
}

.items-loader .circular .path {
	stroke: #000;
}

.items-loader ~ .masonry-item {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0.55s ease, visibility 0.3s 0.55s ease;
	transition: opacity 0.3s 0.55s ease, visibility 0.3s 0.55s ease;
}

.items-loaded .items-loader {
	opacity: 0;
	visibility: hidden;
}

.items-loaded .items-loader ~ .masonry-item {
	opacity: 1;
	visibility: visible;
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

/* Media Queries*/
@media all and (min-width: 768px) {
	.portfolio-item .portfolio-main-image .mejs-layers > div,
	.portfolio-item .portfolio-main-image .mejs-container {
		/* height: 100% !important;*/
	}
}

@media all and (max-width: 991px) {
	.portfolio-item .parallax-img-parent .parallax-img-placeholder {
		display: block;
	}
	.portfolio-details.details-fullwidth > .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
	.portfolio-info-container {
		width: 100%;
	}
	.portfolio-info.style-alt {
		padding: 2em 15px;
		margin-left: -15px;
		margin-right: -15px;
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		-webkit-transform: none;
		transform: none;
	}
	.portfolio-info.style-alt > .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.portfolio-info.style-alt > .row > [class*=col-] {
		margin-top: 1em;
		margin-bottom: 1em;
		width: 100%;
		text-align: center !important;
	}
	.portfolio-info.style-alt .col-sm-12 > .row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.portfolio-info.style-alt .col-sm-12 .col-md-6 {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media all and (max-width: 768px) {
	.portfolio-item {
		margin-bottom: 2.14286em;
	}
	.portfolio-details.details-fullwidth > .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.portfolio-nav .col-sm-6,
	.portfolio-nav .col-sm-3 {
		text-align: center;
	}
	.portfolio-nav .col-sm-6 {
		margin: 1.85em 0;
	}
	.portfolio-nav .prev,
	.portfolio-nav .next {
		display: block;
		width: 100%;
		float: none;
	}
	.portfolio-nav .prev .image-container,
	.portfolio-nav .next .image-container {
		display: none;
	}
}

/* 1.3. Portfolio hover */
/* main: ../assets/scss/theme-portfolio.scss*/
.portfolio-item.style-hover {
	overflow: hidden;
}

.portfolio-item.style-hover .portfolio-content {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.portfolio-item.style-hover .portfolio-meta,
.portfolio-item.style-hover .title-wrapper,
.portfolio-item.style-hover .portfolio-summary,
.portfolio-item.style-hover .portfolio-footer {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(35%);
	transform: translateY(35%);
	-webkit-transition: all 0.4s cubic-bezier(0.08, 0.925, 0.37, 1.00499);
	transition: all 0.4s cubic-bezier(0.08, 0.925, 0.37, 1.00499);
}

.portfolio-item.style-hover .portfolio-meta:empty,
.portfolio-item.style-hover .title-wrapper:empty,
.portfolio-item.style-hover .portfolio-summary:empty,
.portfolio-item.style-hover .portfolio-footer:empty {
	display: none !important;
}

.portfolio-item.style-hover .portfolio-main-image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.portfolio-item.style-hover .portfolio-main-image .aspect-ratio-container,
.portfolio-item.style-hover .portfolio-main-image .aspect-ratio-fill {
	height: 100%;
	padding: 0 !important;
}

.portfolio-item.style-hover .portfolio-main-image img:not(.section-parallax-img) {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.style-hover .portfolio-main-image video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.style-hover .portfolio-main-image[data-panr] {
	-webkit-transition: none !important;
	transition: none !important;
}

.portfolio-item.style-hover .aspect-ratio-container {
	max-height: none !important;
	width: 100%;
}

.portfolio-item.style-hover .height-adjusted .aspect-ratio-container {
	height: 100% !important;
}

.portfolio-item.style-hover .portfolio-content {
	width: 100%;
	padding: 3.57143em 34% 4.28571em;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	text-align: center;
}

.portfolio-item.style-hover .portfolio-content > div:last-child {
	margin-bottom: 0 !important;
}

.portfolio-item.style-hover .title-wrapper:only-child {
	margin-bottom: 0;
}

.portfolio-item.style-hover .title-wrapper:only-child .category {
	margin-bottom: 0;
}

.portfolio-item.style-hover .portfolio-footer {
	position: relative;
	z-index: 30;
}

.portfolio-item.style-hover h2 {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.portfolio-item.style-hover .portfolio-likes {
	margin-bottom: 0.2em;
}

.portfolio-item.style-hover .portfolio-likes a {
	color: #000;
}

.portfolio-item.style-hover .portfolio-likes i {
	width: auto;
	height: auto;
	background-color: transparent !important;
	line-height: normal;
	color: #000;
}

.portfolio-item.style-hover .portfolio-likes a:hover i {
	background-color: transparent;
}

.portfolio-item.style-hover .like-loader {
	width: 30px !important;
	top: -9px !important;
	left: -7px !important;
}

.portfolio-item.style-hover .portfolio-summary p {
	margin-bottom: 0.7em;
}

.portfolio-item.style-hover .portfolio-summary span[class*=line] {
	display: block;
}

.portfolio-item.style-hover .portfolio-share {
	margin-left: 0;
}

.portfolio-item.style-hover .portfolio-share:hover .btn {
	background-color: inherit;
}

.portfolio-item.style-hover .btn:before {
	content: none;
}

.portfolio-item.style-hover .btn:last-of-type {
	margin-right: 1px;
}

.portfolio-item.style-hover .btn:hover i {
	-webkit-transform: none;
	transform: none;
}

.portfolio-item.style-hover .btn + .portfolio-share {
	margin-left: 10px;
}

.portfolio-item.style-hover.text-light .portfolio-share:hover {
	/* background-color: inherit;*/
}

.portfolio-item.style-hover.text-light .portfolio-share:hover .btn {
	/* color: #fff;*/
}

.portfolio-item.style-hover:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
}

.portfolio-item.style-hover:hover .portfolio-meta,
.portfolio-item.style-hover:hover .title-wrapper,
.portfolio-item.style-hover:hover .portfolio-summary,
.portfolio-item.style-hover:hover .portfolio-footer {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.6s cubic-bezier(0.28, 0.885, 0.49, 0.965);
	transition: all 0.6s cubic-bezier(0.28, 0.885, 0.49, 0.965);
}

.portfolio-item.style-hover:hover .portfolio-meta {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.portfolio-item.style-hover:hover .title-wrapper {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-item.style-hover:hover .portfolio-summary {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.portfolio-item.style-hover:hover .portfolio-footer {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.portfolio-item.buttons-naked .portfolio-footer {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.buttons-naked .portfolio-share .btn {
	padding-left: 0;
	padding-right: 0;
}

.portfolio-item.buttons-naked .portfolio-share:hover .btn {
	color: #000;
	background-color: transparent !important;
}

.portfolio-item.buttons-naked .btn {
	border: none;
	font-family: 'Roboto';
	font-size: 3em;
	font-weight: 100;
}

.portfolio-item.buttons-naked .btn:before {
	content: none !important;
}

.portfolio-item.buttons-naked .btn span {
	padding: 3px;
}

.portfolio-item.buttons-naked .btn i {
	font-size: 0.47619em;
	display: inline-block;
	padding: 0 1px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.portfolio-item.buttons-naked .btn:last-child {
	margin-right: 0;
}

.portfolio-item.buttons-naked .btn:hover {
	color: inherit;
	background-color: transparent !important;
}

.portfolio-item.buttons-naked.text-light .portfolio-share .btn,
.portfolio-item.buttons-naked.text-light .portfolio-share .btn:hover,
.portfolio-item.buttons-naked.text-light .btn:hover {
	color: #fff;
}

.portfolio-item.buttons-square .btn {
	font-size: 1.42857em;
}

.portfolio-item.buttons-circle .portfolio-footer {
	margin-top: 2em;
}

.portfolio-item.buttons-circle .portfolio-share .btn,
.portfolio-item.buttons-circle .btn {
	display: inline-block;
	width: 52px;
	height: 52px;
	border-color: transparent !important;
	background-color: #fff;
	line-height: 52px;
	font-size: 18px;
	color: #000;
}

.portfolio-item.buttons-circle .portfolio-share .btn:before,
.portfolio-item.buttons-circle .btn:before {
	content: none !important;
}

.portfolio-item.buttons-circle .portfolio-share .btn span,
.portfolio-item.buttons-circle .btn span {
	padding: 0;
}

.portfolio-item.buttons-circle .portfolio-share .btn i,
.portfolio-item.buttons-circle .btn i {
	margin: 0;
}

.portfolio-item.buttons-circle .portfolio-share .btn:hover,
.portfolio-item.buttons-circle .btn:hover {
	background-color: #fff !important;
	color: #000 !important;
	opacity: 0.75 !important;
	-webkit-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
}

.portfolio-item.hover-light .portfolio-main-image {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.portfolio-item.hover-light .portfolio-content {
	width: calc(100% - 34px);
	height: calc(100% - 34px);
	margin: 17px;
	background-color: rgba(255, 255, 255, 0.95);
	opacity: 0;
	visibility: hidden;
}

.portfolio-item.hover-light .portfolio-meta,
.portfolio-item.hover-light .title-wrapper,
.portfolio-item.hover-light .portfolio-summary,
.portfolio-item.hover-light .portfolio-footer {
	opacity: 0;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item.hover-light .portfolio-likes a {
	opacity: 0.4;
}

.portfolio-item.hover-light .portfolio-likes a:hover {
	opacity: 1;
}

.portfolio-item.hover-light .title-wrapper h2 {
	font-weight: 500;
}

.portfolio-item.hover-light .portfolio-meta .client,
.portfolio-item.hover-light .portfolio-meta .date {
	opacity: 0.9;
}

.portfolio-item.hover-light .category {
	/* opacity: 0;*/
	font-weight: 500;
	opacity: 0.9;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.portfolio-item.hover-light .title-wrapper h2,
.portfolio-item.hover-light .portfolio-meta {
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.portfolio-item.hover-light .portfolio-summary,
.portfolio-item.hover-light .portfolio-footer {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.portfolio-item.hover-light .btn {
	margin-bottom: 0;
}

.portfolio-item.hover-light .btn svg {
	width: 18px;
}

.portfolio-item.hover-light .like-loader .path {
	stroke: #000 !important;
}

.portfolio-item.hover-light:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
	will-change: transform;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-light:hover .portfolio-meta,
.portfolio-item.hover-light:hover .title-wrapper,
.portfolio-item.hover-light:hover .title-wrapper h2,
.portfolio-item.hover-light:hover .category,
.portfolio-item.hover-light:hover .portfolio-summary,
.portfolio-item.hover-light:hover .portfolio-footer {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.portfolio-item.hover-light:hover .portfolio-summary {
	opacity: 0.9;
}

.portfolio-item.hover-light:hover .category {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.portfolio-item.hover-light:hover .portfolio-summary,
.portfolio-item.hover-light:hover .title-wrapper h2 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-item.hover-light:hover .portfolio-footer,
.portfolio-item.hover-light:hover .portfolio-meta {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.portfolio-item.hover-dark .portfolio-content {
	padding-left: 10%;
	padding-right: 10%;
}

.portfolio-item.hover-dark .portfolio-meta,
.portfolio-item.hover-dark .title-wrapper,
.portfolio-item.hover-dark .portfolio-summary,
.portfolio-item.hover-dark .portfolio-footer {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.portfolio-item.hover-dark .portfolio-footer {
	margin-top: 1em;
}

.portfolio-item.hover-dark .portfolio-footer > .btn,
.portfolio-item.hover-dark .portfolio-footer > div {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}

.portfolio-item.hover-dark .portfolio-footer .portfolio-share:hover .btn {
	opacity: 1;
	visibility: visible;
	background-color: #fff;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn,
.portfolio-item.hover-dark:hover .portfolio-footer > div {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(0),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(0) {
	-webkit-transition: opacity 0.35s 0s ease, visibility 0.35s 0s ease, background-color 0.3s ease, -webkit-transform 0.35s 0s ease;
	transition: opacity 0.35s 0s ease, visibility 0.35s 0s ease, background-color 0.3s ease, -webkit-transform 0.35s 0s ease;
	transition: transform 0.35s 0s ease, opacity 0.35s 0s ease, visibility 0.35s 0s ease, background-color 0.3s ease;
	transition: transform 0.35s 0s ease, opacity 0.35s 0s ease, visibility 0.35s 0s ease, background-color 0.3s ease, -webkit-transform 0.35s 0s ease;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(1),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(1) {
	-webkit-transition: opacity 0.35s 0.125s ease, visibility 0.35s 0.125s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.125s ease;
	transition: opacity 0.35s 0.125s ease, visibility 0.35s 0.125s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.125s ease;
	transition: transform 0.35s 0.125s ease, opacity 0.35s 0.125s ease, visibility 0.35s 0.125s ease, background-color 0.3s ease;
	transition: transform 0.35s 0.125s ease, opacity 0.35s 0.125s ease, visibility 0.35s 0.125s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.125s ease;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(2),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(2) {
	-webkit-transition: opacity 0.35s 0.25s ease, visibility 0.35s 0.25s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.25s ease;
	transition: opacity 0.35s 0.25s ease, visibility 0.35s 0.25s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.25s ease;
	transition: transform 0.35s 0.25s ease, opacity 0.35s 0.25s ease, visibility 0.35s 0.25s ease, background-color 0.3s ease;
	transition: transform 0.35s 0.25s ease, opacity 0.35s 0.25s ease, visibility 0.35s 0.25s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.25s ease;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(3),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(3) {
	-webkit-transition: opacity 0.35s 0.375s ease, visibility 0.35s 0.375s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.375s ease;
	transition: opacity 0.35s 0.375s ease, visibility 0.35s 0.375s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.375s ease;
	transition: transform 0.35s 0.375s ease, opacity 0.35s 0.375s ease, visibility 0.35s 0.375s ease, background-color 0.3s ease;
	transition: transform 0.35s 0.375s ease, opacity 0.35s 0.375s ease, visibility 0.35s 0.375s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.375s ease;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(4),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(4) {
	-webkit-transition: opacity 0.35s 0.5s ease, visibility 0.35s 0.5s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.5s ease;
	transition: opacity 0.35s 0.5s ease, visibility 0.35s 0.5s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.5s ease;
	transition: transform 0.35s 0.5s ease, opacity 0.35s 0.5s ease, visibility 0.35s 0.5s ease, background-color 0.3s ease;
	transition: transform 0.35s 0.5s ease, opacity 0.35s 0.5s ease, visibility 0.35s 0.5s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.5s ease;
}

.portfolio-item.hover-dark:hover .portfolio-footer > .btn:nth-child(5),
.portfolio-item.hover-dark:hover .portfolio-footer > div:nth-child(5) {
	-webkit-transition: opacity 0.35s 0.625s ease, visibility 0.35s 0.625s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.625s ease;
	transition: opacity 0.35s 0.625s ease, visibility 0.35s 0.625s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.625s ease;
	transition: transform 0.35s 0.625s ease, opacity 0.35s 0.625s ease, visibility 0.35s 0.625s ease, background-color 0.3s ease;
	transition: transform 0.35s 0.625s ease, opacity 0.35s 0.625s ease, visibility 0.35s 0.625s ease, background-color 0.3s ease, -webkit-transform 0.35s 0.625s ease;
}

.portfolio-item.hover-dark:hover .portfolio-content {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.portfolio-item.hover-blur .portfolio-content {
	background-color: transparent;
	background: rgba(229, 67, 42, 0.8);
	background: linear-gradient(145deg, rgba(229, 67, 42, 0.8) 0%, rgba(244, 149, 66, 0.8) 100%);
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.portfolio-item.hover-blur .portfolio-main-image {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-item.hover-blur .portfolio-main-image img:not(.section-parallax-img) {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.hover-blur .blur-image-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.hover-blur .blur-image {
	width: 100%;
	height: 100%;
	visibility: hidden;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.hover-blur canvas {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: -0;
	z-index: 0;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.hover-blur .portfolio-content {
	left: 0;
	padding-left: 10%;
	padding-right: 10%;
}

.portfolio-item.hover-blur .portfolio-meta,
.portfolio-item.hover-blur .title-wrapper,
.portfolio-item.hover-blur .portfolio-summary,
.portfolio-item.hover-blur .portfolio-footer {
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.portfolio-item.hover-blur .title-wrapper h2 {
	font-weight: 500;
}

.portfolio-item.hover-blur .portfolio-footer {
	margin-top: 0;
}

.portfolio-item.hover-blur.parallax-activated .blur-image-container {
	height: 125%;
}

.portfolio-item.hover-blur:hover .blur-image-container {
	opacity: 1;
	visibility: visible;
}

.portfolio-item.hover-blur:hover .portfolio-content {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.portfolio-item.hover-blur:hover .portfolio-content .portfolio-meta,
.portfolio-item.hover-blur:hover .portfolio-content .title-wrapper,
.portfolio-item.hover-blur:hover .portfolio-content .portfolio-summary,
.portfolio-item.hover-blur:hover .portfolio-content .portfolio-footer {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cssfilters .portfolio-item.hover-blur .blur-image-container {
	display: none;
}

.cssfilters .portfolio-item.hover-blur .portfolio-main-image {
	-webkit-transition: -webkit-filter 0.45s ease !important;
	transition: -webkit-filter 0.45s ease !important;
	transition: filter 0.45s ease !important;
	transition: filter 0.45s ease, -webkit-filter 0.45s ease !important;
}

.cssfilters .portfolio-item.hover-blur:hover .portfolio-main-image {
	-webkit-filter: blur(10px) contrast(1.2) saturate(0.85);
	filter: blur(10px) contrast(1.2) saturate(0.85);
}

.portfolio-item.hover-side .portfolio-content {
	padding-top: 2.14286em;
	padding-left: 4.8%;
	padding-bottom: 9.28571em;
	position: static;
	text-align: left;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.portfolio-item.hover-side .title-wrapper h2 {
	font-weight: 500;
}

.portfolio-item.hover-side .portfolio-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	overflow: visible;
}

.portfolio-item.hover-side .portfolio-footer:before {
	content: '';
	display: inline-block;
	width: 1200px;
	height: 1200px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0d44c2;
	opacity: 0.9;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: translateX(-25%) translateY(-34%) rotateZ(78deg);
	transform: translateX(-25%) translateY(-34%) rotateZ(78deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-item.hover-side .btn {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	color: transparent !important;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all 0.9s cubic-bezier(0.08, 0.925, 0.37, 1.00499);
	transition: all 0.9s cubic-bezier(0.08, 0.925, 0.37, 1.00499);
}

.portfolio-item.hover-side .btn:hover {
	color: #fff;
}

.portfolio-item.hover-side .btn, .portfolio-item.hover-side .btn:last-child {
	margin: 15px 45px;
}

.portfolio-item.hover-side .btn svg path {
	fill: #fff;
	stroke: #fff;
}

.portfolio-item.hover-side .btn {
	font-size: 2.71429em;
}

.portfolio-item.hover-side:hover .btn {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}

.portfolio-item.hover-side:hover .portfolio-footer:before {
	-webkit-transition: all 0.4s 0.45s cubic-bezier(0.16, 0.82, 0.57, 0.98);
	transition: all 0.4s 0.45s cubic-bezier(0.16, 0.82, 0.57, 0.98);
	-webkit-transform: translateX(-25%) translateY(-34%) rotateZ(58deg);
	transform: translateX(-25%) translateY(-34%) rotateZ(58deg);
}

.portfolio-item.hover-elegant .portfolio-main-image {
	position: relative;
	top: auto;
	left: auto;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.portfolio-item.hover-elegant .portfolio-main-image:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-elegant .portfolio-main-image .progressive__img:not(.section-parallax-img) {
	position: relative;
}

.portfolio-item.hover-elegant .portfolio-main-image .height-adjusted .parallax-img-container,
.portfolio-item.hover-elegant .portfolio-main-image .height-adjusted figure {
	height: 100%;
	background-size: 125%;
}

.portfolio-item.hover-elegant .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 50px;
	right: 0;
	margin-left: auto;
	width: 92%;
	padding: 0 0 0 35px;
	opacity: 0;
	line-height: 1em;
	visibility: hidden;
	overflow: hidden;
	border-radius: 50em 0 0 50em;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: rgba(0, 187, 255, 0.95);
	background: linear-gradient(135deg, rgba(0, 187, 255, 0.95) 0%, rgba(0, 123, 255, 0.95) 100%);
	text-align: left;
	-webkit-transform: translate3d(15%, 0, 0);
	transform: translate3d(15%, 0, 0);
	-webkit-transition: all 0.8s cubic-bezier(0.23, 1.00499, 0.35, 0.995);
	transition: all 0.8s cubic-bezier(0.23, 1.00499, 0.35, 0.995);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.hover-elegant .portfolio-content:before, .portfolio-item.hover-elegant .portfolio-content:after {
	content: "";
	display: table;
}

.portfolio-item.hover-elegant .portfolio-content:after {
	clear: both;
}

.portfolio-item.hover-elegant .btn,
.portfolio-item.hover-elegant .portfolio-likes,
.portfolio-item.hover-elegant .portfolio-meta,
.portfolio-item.hover-elegant .title-wrapper,
.portfolio-item.hover-elegant .portfolio-footer {
	display: inline-block;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio-item.hover-elegant .title-wrapper,
.portfolio-item.hover-elegant .portfolio-meta,
.portfolio-item.hover-elegant .portfolio-footer {
	opacity: 0;
	-webkit-transform: translate3d(50px, 0, 0);
	transform: translate3d(50px, 0, 0);
	-webkit-transition: all 0.8s cubic-bezier(0, 0.785, 0.54, 0.995);
	transition: all 0.8s cubic-bezier(0, 0.785, 0.54, 0.995);
}

.portfolio-item.hover-elegant .portfolio-meta,
.portfolio-item.hover-elegant .title-wrapper {
	padding-top: 1.28571em;
	padding-bottom: 1.28571em;
}

.portfolio-item.hover-elegant .title-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 1.78571em;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

.portfolio-item.hover-elegant .title-wrapper h2,
.portfolio-item.hover-elegant .title-wrapper .category {
	float: left;
	display: inline-block;
	margin: 0;
}

.portfolio-item.hover-elegant .title-wrapper h2 {
	margin-right: 30px;
	font-size: 1.78571em;
	font-weight: 600;
}

.portfolio-item.hover-elegant .title-wrapper .category {
	position: relative;
}

.portfolio-item.hover-elegant .portfolio-meta {
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: auto;
}

.portfolio-item.hover-elegant .portfolio-footer {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-left: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	position: static;
}

.portfolio-item.hover-elegant .portfolio-footer:before, .portfolio-item.hover-elegant .portfolio-footer:after {
	content: "";
	display: table;
}

.portfolio-item.hover-elegant .portfolio-footer:after {
	clear: both;
}

.portfolio-item.hover-elegant .portfolio-share,
.portfolio-item.hover-elegant .btn {
	padding-left: 6.2%;
	padding-right: 6.2%;
	border: none;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.portfolio-item.hover-elegant .portfolio-share .btn,
.portfolio-item.hover-elegant .btn {
	width: auto;
	height: 100%;
	-webkit-transition: border-color 0.3s ease, opacity 0.3s ease;
	transition: border-color 0.3s ease, opacity 0.3s ease;
}

.portfolio-item.hover-elegant .portfolio-share .btn span,
.portfolio-item.hover-elegant .btn span {
	padding: 1.42857em 0;
	-webkit-transition: none;
	transition: none;
}

.portfolio-item.hover-elegant .portfolio-share .btn i,
.portfolio-item.hover-elegant .btn i {
	margin: 0;
	opacity: 0.75;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.portfolio-item.hover-elegant .portfolio-share .btn + .portfolio-share,
.portfolio-item.hover-elegant .btn + .portfolio-share {
	margin-left: 0;
}

.portfolio-item.hover-elegant .portfolio-share .btn:hover,
.portfolio-item.hover-elegant .btn:hover {
	background-color: transparent !important;
	color: #000;
}

.portfolio-item.hover-elegant .portfolio-share .btn:hover,
.portfolio-item.hover-elegant .portfolio-share .btn:hover + .btn,
.portfolio-item.hover-elegant .portfolio-share .btn:hover + .portfolio-share,
.portfolio-item.hover-elegant .btn:hover,
.portfolio-item.hover-elegant .btn:hover + .btn,
.portfolio-item.hover-elegant .btn:hover + .portfolio-share {
	border-color: rgba(0, 0, 0, 0.25);
}

.portfolio-item.hover-elegant .portfolio-share .btn:hover i,
.portfolio-item.hover-elegant .btn:hover i {
	opacity: 1;
}

.portfolio-item.hover-elegant .portfolio-share-popup {
	width: 100%;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0 !important;
	left: 0;
	z-index: 3;
	border-radius: 0;
	background: none !important;
	-webkit-transform: translate3d(0, 0, 2px);
	transform: translate3d(0, 0, 2px);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.portfolio-item.hover-elegant .portfolio-share-popup:before {
	content: none;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon:before, .portfolio-item.hover-elegant .portfolio-share-popup .social-icon:after {
	content: "";
	display: table;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon:after {
	clear: both;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	text-align: center;
	font-size: 1.28571em;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon li a {
	padding: 0.5em;
}

.portfolio-item.hover-elegant .portfolio-share-popup .social-icon li i {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.portfolio-item.hover-elegant .portfolio-share {
	margin: 0;
	position: static;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-webkit-transform: none;
	transform: none;
}

.portfolio-item.hover-elegant .portfolio-share:before {
	content: none;
}

.portfolio-item.hover-elegant .portfolio-share .btn {
	padding: 0;
	border: none;
	color: #000;
}

.portfolio-item.hover-elegant .portfolio-share .btn:before {
	content: none;
}

.portfolio-item.hover-elegant .portfolio-share:active, .portfolio-item.hover-elegant .portfolio-share:hover {
	border-color: transparent !important;
}

.portfolio-item.hover-elegant .portfolio-share:active .btn, .portfolio-item.hover-elegant .portfolio-share:hover .btn {
	opacity: 0;
	background-color: transparent !important;
}

.portfolio-item.hover-elegant .portfolio-share:active ~ .btn, .portfolio-item.hover-elegant .portfolio-share:hover ~ .btn {
	opacity: 0;
}

.portfolio-item.hover-elegant.text-light .portfolio-footer > div,
.portfolio-item.hover-elegant.text-light .btn {
	border-color: rgba(255, 255, 255, 0.12);
}

.portfolio-item.hover-elegant.text-light .portfolio-footer > div:hover,
.portfolio-item.hover-elegant.text-light .btn:hover {
	color: #fff;
	border-color: #fff;
}

.portfolio-item.hover-elegant.text-light .portfolio-footer > div:hover,
.portfolio-item.hover-elegant.text-light .portfolio-footer > div:hover + .btn,
.portfolio-item.hover-elegant.text-light .portfolio-footer > div:hover + .portfolio-share,
.portfolio-item.hover-elegant.text-light .btn:hover,
.portfolio-item.hover-elegant.text-light .btn:hover + .btn,
.portfolio-item.hover-elegant.text-light .btn:hover + .portfolio-share {
	border-color: rgba(255, 255, 255, 0.25);
}

.portfolio-item.hover-elegant.text-light .portfolio-share .btn {
	color: #fff;
}

.portfolio-item.hover-elegant.text-light .portfolio-share .btn:hover {
	border-color: #fff;
}

.portfolio-item.hover-elegant:hover .portfolio-main-image:before {
	opacity: 1;
}

.portfolio-item.hover-elegant:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.portfolio-item.hover-elegant:hover .title-wrapper,
.portfolio-item.hover-elegant:hover .portfolio-meta,
.portfolio-item.hover-elegant:hover .portfolio-footer {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.portfolio-item.hover-elegant:hover .title-wrapper {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.portfolio-item.hover-elegant:hover .portfolio-meta {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}

.portfolio-item.hover-elegant:hover .portfolio-footer {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.portfolio-item.hover-rectangular .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	background-color: rgba(61, 48, 191, 0.95);
}

.portfolio-item.hover-rectangular .title-wrapper h2 {
	font-weight: 500;
}

.portfolio-item.hover-rectangular .portfolio-summary {
	margin-bottom: 1.78571em;
}

.portfolio-item.hover-rectangular .portfolio-footer:empty {
	display: none;
}

.portfolio-item.hover-rectangular .portfolio-share .btn span {
	padding: 0.85714em 20px !important;
}

.portfolio-item.hover-rectangular .portfolio-share .btn,
.portfolio-item.hover-rectangular .btn {
	width: 63px;
	height: 63px;
	line-height: 61px;
	border-color: rgba(0, 0, 0, 0.2);
	border-right-width: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-item.hover-rectangular .portfolio-share .btn span,
.portfolio-item.hover-rectangular .btn span {
	padding: 0 !important;
}

.portfolio-item.hover-rectangular .portfolio-share .btn + .btn,
.portfolio-item.hover-rectangular .btn + .btn {
	margin: 0 0 0 -4px !important;
}

.portfolio-item.hover-rectangular .portfolio-share .btn + .portfolio-share,
.portfolio-item.hover-rectangular .btn + .portfolio-share {
	margin-left: -4px;
}

.portfolio-item.hover-rectangular .portfolio-share .btn:last-child,
.portfolio-item.hover-rectangular .btn:last-child {
	border-right-width: 1px;
}

.portfolio-item.hover-rectangular .portfolio-share .btn:hover,
.portfolio-item.hover-rectangular .btn:hover {
	background-color: transparent !important;
	border-color: #000;
}

.portfolio-item.hover-rectangular .portfolio-share .btn:hover + .btn,
.portfolio-item.hover-rectangular .portfolio-share .btn:hover + .portfolio-share .btn,
.portfolio-item.hover-rectangular .btn:hover + .btn,
.portfolio-item.hover-rectangular .btn:hover + .portfolio-share .btn {
	border-left-color: #000;
}

.portfolio-item.hover-rectangular .portfolio-share .btn {
	max-width: none !important;
	border-right-width: 1px;
}

.portfolio-item.hover-rectangular.text-light .portfolio-share,
.portfolio-item.hover-rectangular.text-light .btn {
	border-color: rgba(255, 255, 255, 0.2);
}

.portfolio-item.hover-rectangular.text-light .portfolio-share:hover,
.portfolio-item.hover-rectangular.text-light .btn:hover {
	border-color: #fff;
}

.portfolio-item.hover-rectangular.text-light .portfolio-share:hover,
.portfolio-item.hover-rectangular.text-light .portfolio-share:hover .btn,
.portfolio-item.hover-rectangular.text-light .btn:hover,
.portfolio-item.hover-rectangular.text-light .btn:hover .btn {
	color: #fff;
}

.portfolio-item.hover-rectangular.text-light .portfolio-share:hover + .btn,
.portfolio-item.hover-rectangular.text-light .portfolio-share:hover + .portfolio-share,
.portfolio-item.hover-rectangular.text-light .btn:hover + .btn,
.portfolio-item.hover-rectangular.text-light .btn:hover + .portfolio-share {
	border-left-color: #fff;
}

.portfolio-item.hover-rectangular.text-light .portfolio-share:hover + .btn .btn,
.portfolio-item.hover-rectangular.text-light .portfolio-share:hover + .portfolio-share .btn,
.portfolio-item.hover-rectangular.text-light .btn:hover + .btn .btn,
.portfolio-item.hover-rectangular.text-light .btn:hover + .portfolio-share .btn {
	border-left-color: #fff;
}

.portfolio-item.hover-bottom-shadow .portfolio-content, .portfolio-item.hover-bottom .portfolio-content {
	/* padding: 27.3% 0 0;*/
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.25);
}

.portfolio-item.hover-bottom-shadow .portfolio-main-image, .portfolio-item.hover-bottom .portfolio-main-image {
	-webkit-transform: none;
	transform: none;
	/* to fix flickering issue on IE*/
}

.portfolio-item.hover-bottom-shadow .title-wrapper, .portfolio-item.hover-bottom .title-wrapper {
	padding-top: 0.71429em;
	padding-bottom: 0.21429em;
	background-color: black;
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
}

.portfolio-item.hover-bottom-shadow .title-wrapper h2, .portfolio-item.hover-bottom .title-wrapper h2 {
	font-size: 1.78571em;
}

.portfolio-item.hover-bottom-shadow .portfolio-footer, .portfolio-item.hover-bottom .portfolio-footer {
	margin: 0 !important;
	text-align: center;
	-webkit-transform: translate3d(0, -15%, 0);
	transform: translate3d(0, -15%, 0);
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
}

.portfolio-item.hover-bottom-shadow .btn.round, .portfolio-item.hover-bottom .btn.round {
	border-radius: 3px;
}

.portfolio-item.hover-bottom-shadow .title-wrapper, .portfolio-item.hover-bottom .title-wrapper {
	-webkit-transform: translate3d(0, 75%, 0);
	transform: translate3d(0, 75%, 0);
}

.portfolio-item.hover-bottom-shadow:hover .title-wrapper, .portfolio-item.hover-bottom:hover .title-wrapper {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.portfolio-item.hover-bottom-shadow:hover .portfolio-footer, .portfolio-item.hover-bottom:hover .portfolio-footer {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.portfolio-item.hover-bottom-shadow:hover .btn, .portfolio-item.hover-bottom:hover .btn {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.portfolio-item.hover-bottom .portfolio-main-image {
	-webkit-transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
	position: relative;
	top: auto;
	left: auto;
}

.portfolio-item.hover-bottom .portfolio-content {
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	opacity: 1;
	visibility: visible;
	-webkit-transform-style: flat;
	transform-style: flat;
	-webkit-perspective: 0;
	perspective: 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.portfolio-item.hover-bottom .title-wrapper {
	padding-right: 1.07143em;
	padding-left: 1.07143em;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 101%, 0);
	transform: translate3d(0, 101%, 0);
}

.portfolio-item.hover-bottom .portfolio-footer {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 3;
	-webkit-transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.portfolio-item.hover-bottom .btn {
	width: 56px;
	height: 56px;
	font-size: 1.5em;
	line-height: 56px;
	border: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.hover-bottom .btn:hover {
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.hover-bottom:hover .portfolio-main-image {
	-webkit-transform: translate3d(0, -35px, 0);
	transform: translate3d(0, -35px, 0);
	-webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-item.hover-bottom:hover .title-wrapper {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-item.hover-bottom:hover .portfolio-footer {
	-webkit-transition: all 0.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.5s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: translate3d(0, -75%, 0);
	transform: translate3d(0, -75%, 0);
}

.portfolio-item.hover-bottom-shadow .height-adjusted .aspect-ratio-container,
.portfolio-item.hover-bottom-shadow .height-adjusted .aspect-ratio-fill {
	height: 100% !important;
}

.portfolio-item.hover-bottom-shadow .portfolio-main-image {
	position: relative;
	top: auto;
	left: auto;
}

.portfolio-item.hover-bottom-shadow .portfolio-content {
	padding: 0 10%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background: none !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.portfolio-item.hover-bottom-shadow .portfolio-content:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
	-webkit-transform: translateY(30%);
	transform: translateY(30%);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-bottom-shadow .title-wrapper {
	padding-bottom: 2.28571em;
	background-color: transparent;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.portfolio-item.hover-bottom-shadow .title-wrapper h2 {
	font-size: 2.28571em;
}

.portfolio-item.hover-bottom-shadow .portfolio-footer {
	width: 100%;
	visibility: visible;
	position: absolute;
	top: calc(50% - 22px);
	left: 0;
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
	/* margin-top: - em(32) !important;*/
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-bottom-shadow .portfolio-share .btn,
.portfolio-item.hover-bottom-shadow .btn {
	width: 55px;
	height: 55px;
	border: none;
	background-color: #fff;
	font-size: 20px;
	line-height: 55px;
	color: #000;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.portfolio-item.hover-bottom-shadow .portfolio-share .btn:before,
.portfolio-item.hover-bottom-shadow .btn:before {
	content: none !important;
}

.portfolio-item.hover-bottom-shadow .portfolio-share .btn span,
.portfolio-item.hover-bottom-shadow .btn span {
	padding: 0;
}

.portfolio-item.hover-bottom-shadow .portfolio-share .btn i,
.portfolio-item.hover-bottom-shadow .btn i {
	margin: 0;
}

.portfolio-item.hover-bottom-shadow .portfolio-share .btn:hover,
.portfolio-item.hover-bottom-shadow .btn:hover {
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.hover-bottom-shadow .portfolio-share:hover .btn {
	background-color: #f42958;
	color: #fff;
}

.portfolio-item.hover-bottom-shadow:hover .portfolio-content {
	opacity: 1;
}

.portfolio-item.hover-bottom-shadow:hover .portfolio-content:before {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item.hover-bottom-shadow:hover .title-wrapper {
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-bottom-shadow:hover .portfolio-footer {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.35s 0.12s;
	transition: all 0.35s 0.12s;
}

.portfolio-item.hover-only-icons .portfolio-inner .portfolio-content {
	padding-top: 17.5%;
	padding-bottom: 17.5%;
	background-color: transparent;
	opacity: 1;
	overflow: visible;
	-webkit-transform-style: flat;
	transform-style: flat;
	-webkit-perspective: 0px;
	perspective: 0px;
}

.portfolio-item.hover-only-icons .portfolio-main-image {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: none;
	transform: none;
	/* to fix flickering issue on IE*/
}

.portfolio-item.hover-only-icons .portfolio-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	opacity: 1;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.35s 0.05s ease;
	transition: all 0.35s 0.05s ease;
}

.portfolio-item.hover-only-icons .portfolio-footer .btn {
	font-size: 1.42857em;
}

.portfolio-item.hover-only-icons .portfolio-footer .btn:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.portfolio-item.hover-only-icons .portfolio-footer .btn + .portfolio-share + .btn,
.portfolio-item.hover-only-icons .portfolio-footer .btn + .portfolio-share,
.portfolio-item.hover-only-icons .portfolio-footer .btn + .btn {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.portfolio-item.hover-only-icons .portfolio-share,
.portfolio-item.hover-only-icons .btn {
	-webkit-box-flex: 45px;
	-ms-flex: 45px 1 0;
	flex: 45px 1 0;
	width: auto;
	float: none;
	margin: 0 !important;
	border: none;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.portfolio-item.hover-only-icons .portfolio-footer {
	background-color: #f42958;
}

.portfolio-item.hover-only-icons .btn,
.portfolio-item.hover-only-icons .portfolio-share {
	border: none;
}

.portfolio-item.hover-only-icons .portfolio-share-popup {
	/* width: 100%;*/
	top: 0;
	bottom: auto;
	-webkit-transform: translateX(0) translateY(-50%) scaleY(1);
	transform: translateX(0) translateY(-50%) scaleY(1);
}

.portfolio-item.hover-only-icons .portfolio-share-popup:before {
	content: none;
}

.portfolio-item.hover-only-icons .portfolio-share {
	padding: 0 !important;
	position: static;
}

.portfolio-item.hover-only-icons .portfolio-share:before {
	content: none;
}

.portfolio-item.hover-only-icons .portfolio-share .btn {
	width: 100%;
	text-align: center;
}

.portfolio-item.hover-only-icons .portfolio-share .btn:before {
	content: none;
}

.portfolio-item.hover-only-icons .portfolio-share:hover .portfolio-share-popup {
	-webkit-transform: translateX(0) translateY(-100%) scaleY(1);
	transform: translateX(0) translateY(-100%) scaleY(1);
}

.portfolio-item.hover-only-icons:hover .portfolio-main-image:not([data-panr]) {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	-webkit-transition: all 0.45s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.45s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-item.hover-only-icons:hover .portfolio-footer {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition: all 0.45s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.45s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item.hover-gradient .portfolio-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	background: rgba(244, 149, 66, 0.9);
	background: linear-gradient(120deg, rgba(244, 149, 66, 0.9) 0%, rgba(229, 67, 42, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49542', endColorstr='#e5432a', GradientType=1 );
	-webkit-transition: all 0.4s cubic-bezier(0, 1, 0.5, 1);
	transition: all 0.4s cubic-bezier(0, 1, 0.5, 1);
}

.portfolio-item.hover-gradient .portfolio-meta,
.portfolio-item.hover-gradient .title-wrapper,
.portfolio-item.hover-gradient .portfolio-masonry,
.portfolio-item.hover-gradient .portfolio-footer {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item.hover-gradient .portfolio-meta > span,
.portfolio-item.hover-gradient .title-wrapper h2,
.portfolio-item.hover-gradient .title-wrapper .category,
.portfolio-item.hover-gradient .portfolio-summary p span {
	overflow: hidden;
	opacity: 1;
}

.portfolio-item.hover-gradient .portfolio-meta > span > a,
.portfolio-item.hover-gradient .portfolio-meta > span:after,
.portfolio-item.hover-gradient .portfolio-meta > span > time,
.portfolio-item.hover-gradient .title-wrapper h2 > a,
.portfolio-item.hover-gradient .title-wrapper .category > li,
.portfolio-item.hover-gradient .portfolio-summary p > span span {
	display: inline-block;
	-webkit-transform: translateY(105%);
	transform: translateY(105%);
}

.portfolio-item.hover-gradient .portfolio-likes {
	margin-bottom: 1.07143em;
}

.portfolio-item.hover-gradient .like-loader {
	top: -10px !important;
}

.portfolio-item.hover-gradient h2 {
	margin-top: 0.21429em;
	margin-bottom: 0.57143em;
	font-weight: 500;
}

.portfolio-item.hover-gradient .category {
	margin-bottom: 1.42857em;
}

.portfolio-item.hover-gradient .portfolio-summary {
	margin-bottom: 0.57143em;
	line-height: 1;
}

.portfolio-item.hover-gradient .portfolio-summary p {
	margin-bottom: 0;
	line-height: 1.5em;
}

.portfolio-item.hover-gradient .portfolio-meta > span {
	line-height: 1.5em;
}

.portfolio-item.hover-gradient .title-wrapper h2 {
	line-height: 1.2em;
}

.portfolio-item.hover-gradient .title-wrapper .category,
.portfolio-item.hover-gradient .title-wrapper .category li {
	line-height: 1.5em;
}

.portfolio-item.hover-gradient .btn:hover {
	background-color: rgba(0, 0, 0, 0.25);
	color: #fff;
}

.portfolio-item.hover-gradient:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.portfolio-item.hover-gradient:hover .portfolio-meta > span:after,
.portfolio-item.hover-gradient:hover .portfolio-meta > span > a,
.portfolio-item.hover-gradient:hover .portfolio-meta > span > time,
.portfolio-item.hover-gradient:hover .title-wrapper h2 > a,
.portfolio-item.hover-gradient:hover .title-wrapper .category > li,
.portfolio-item.hover-gradient:hover .portfolio-summary p > span span {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: transform 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: transform 0.8s cubic-bezier(0.17, 0.74, 0.42, 1), -webkit-transform 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.portfolio-item.hover-gradient:hover .portfolio-summary p > span span {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: -webkit-transform 1s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: transform 1s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: transform 1s cubic-bezier(0.17, 0.74, 0.42, 1), -webkit-transform 1s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.portfolio-item.hover-gradient:hover .portfolio-meta > span > a,
.portfolio-item.hover-gradient:hover .portfolio-meta > span:after,
.portfolio-item.hover-gradient:hover .portfolio-meta > span > time {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.portfolio-item.hover-gradient:hover .title-wrapper h2 > a {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-item.hover-gradient:hover .title-wrapper .category > li {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.portfolio-item.hover-gradient:hover .portfolio-summary p > span:first-child span {
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}

.portfolio-item.hover-gradient:hover .portfolio-summary p > span:nth-child(2) span {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.portfolio-item.hover-gradient:hover .portfolio-footer {
	-webkit-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.portfolio-item.hover-color .portfolio-main-image {
	-webkit-transition: all 1s cubic-bezier(0.27, 0.765, 0.56999, 0.98);
	transition: all 1s cubic-bezier(0.27, 0.765, 0.56999, 0.98);
	-webkit-transform: none;
	transform: none;
}

.portfolio-item.hover-color .portfolio-content {
	padding-top: 4.28571em;
	background-color: transparent;
	opacity: 1;
}

.portfolio-item.hover-color .portfolio-content:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
	background-color: rgba(244, 41, 88, 0.9);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.portfolio-item.hover-color .portfolio-meta,
.portfolio-item.hover-color .title-wrapper,
.portfolio-item.hover-color .portfolio-summary,
.portfolio-item.hover-color .portfolio-footer > .btn,
.portfolio-item.hover-color .portfolio-footer > div {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-item.hover-color .portfolio-footer {
	font-size: 1em;
}

.portfolio-item.hover-color .title-wrapper h2 {
	margin-top: 0.2em;
	font-weight: 500;
}

.portfolio-item.hover-color:hover .portfolio-meta,
.portfolio-item.hover-color:hover .title-wrapper,
.portfolio-item.hover-color:hover .portfolio-summary,
.portfolio-item.hover-color:hover .portfolio-footer > .btn,
.portfolio-item.hover-color:hover .portfolio-footer > div {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
	transition: all 0.8s cubic-bezier(0.17, 0.74, 0.42, 1);
}

.portfolio-item.hover-color:hover .portfolio-meta {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.portfolio-item.hover-color:hover .title-wrapper {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.portfolio-item.hover-color:hover .portfolio-summary {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-item.hover-color:hover .portfolio-footer {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(0),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(0) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(1),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(1) {
	-webkit-transition-delay: 0.08333s;
	transition-delay: 0.08333s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(2),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(2) {
	-webkit-transition-delay: 0.16667s;
	transition-delay: 0.16667s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(3),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(3) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(4),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(4) {
	-webkit-transition-delay: 0.33333s;
	transition-delay: 0.33333s;
}

.portfolio-item.hover-color:hover .portfolio-footer > .btn:nth-child(5),
.portfolio-item.hover-color:hover .portfolio-footer > div:nth-child(5) {
	-webkit-transition-delay: 0.41667s;
	transition-delay: 0.41667s;
}

.portfolio-item.hover-color:hover .portfolio-main-image {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio-item.hover-color:hover .portfolio-content:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.portfolio-item.hover-frame .portfolio-inner {
	position: relative;
}

.portfolio-item.hover-frame .portfolio-inner:before, .portfolio-item.hover-frame .portfolio-inner:after {
	content: '';
	display: inline-block;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	-webkit-transition: all 0.45s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.45s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.hover-frame .portfolio-inner:before {
	width: 5px;
	top: 28px;
	bottom: 23px;
	left: 23px;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.portfolio-item.hover-frame .portfolio-inner:after {
	height: 5px;
	top: 23px;
	left: 23px;
	right: 23px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

.portfolio-item.hover-frame .portfolio-main-image:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.675, 0.34, 1.01499);
	transition: all 0.3s cubic-bezier(0.25, 0.675, 0.34, 1.01499);
}

.portfolio-item.hover-frame .portfolio-content {
	padding: 3.78571em 10% 4.5em;
	background-color: transparent;
	-webkit-transform: scale(1.025, 1.05);
	transform: scale(1.025, 1.05);
}

.portfolio-item.hover-frame .portfolio-content:before, .portfolio-item.hover-frame .portfolio-content:after {
	content: '';
	display: inline-block;
	position: absolute;
	background-color: #fff;
	-webkit-transition: all 0.45s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.45s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.hover-frame .portfolio-content:before {
	width: 5px;
	top: 23px;
	bottom: 23px;
	right: 23px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.portfolio-item.hover-frame .portfolio-content:after {
	height: 5px;
	bottom: 23px;
	left: 23px;
	right: 23px;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

.portfolio-item.hover-frame .portfolio-likes a {
	opacity: 0.5;
}

.portfolio-item.hover-frame .portfolio-likes a:hover {
	opacity: 1;
}

.portfolio-item.hover-frame .title-wrapper h2 {
	font-weight: 500;
}

.portfolio-item.hover-frame .portfolio-summary {
	margin-bottom: 1.5em;
}

.portfolio-item.hover-frame .portfolio-share .btn,
.portfolio-item.hover-frame .btn {
	width: 52px;
	height: 52px;
	line-height: 50px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-color: rgba(255, 255, 255, 0.5);
}

.portfolio-item.hover-frame .portfolio-share .btn:before,
.portfolio-item.hover-frame .btn:before {
	content: none !important;
}

.portfolio-item.hover-frame .portfolio-share .btn span,
.portfolio-item.hover-frame .portfolio-share .btn i,
.portfolio-item.hover-frame .btn span,
.portfolio-item.hover-frame .btn i {
	padding: 0;
	margin: 0;
}

.portfolio-item.hover-frame .portfolio-share .btn:hover,
.portfolio-item.hover-frame .btn:hover {
	border-color: #fff;
	background-color: transparent !important;
	color: #fff;
}

.portfolio-item.hover-frame:hover .portfolio-main-image:after {
	opacity: 1;
	visibility: visible;
}

.portfolio-item.hover-frame:hover .portfolio-inner:before, .portfolio-item.hover-frame:hover .portfolio-inner:after,
.portfolio-item.hover-frame:hover .portfolio-content:before,
.portfolio-item.hover-frame:hover .portfolio-content:after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.portfolio-item.hover-frame:hover .portfolio-content {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.portfolio-item.hover-bottom-left .portfolio-content {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	padding-left: 4%;
	text-align: left;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.portfolio-item.hover-bottom-left .portfolio-content h2 {
	margin-bottom: 0;
	line-height: 1.1em;
}

.portfolio-item.hover-bottom-left .title-wrapper {
	margin-bottom: 0.21429em;
}

.portfolio-item.hover-bottom-left .portfolio-summary p {
	margin-bottom: 0;
}

.portfolio-item.hover-bottom-left .portfolio-footer {
	margin-bottom: 4.28571em;
}

.portfolio-item.hover-bottom-left .portfolio-share:before {
	top: auto !important;
	bottom: -10px !important;
}

.portfolio-item.hover-bottom-left .portfolio-share-popup {
	bottom: auto !important;
	top: calc(100% + 30px);
	right: auto;
	left: -15px;
}

.portfolio-item.hover-bottom-left .portfolio-share-popup:before {
	bottom: auto;
	top: -5px;
	right: auto;
	left: 16px;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.portfolio-item.hover-bottom-left .btn {
	font-size: 1.57143em;
}

.portfolio-item.hover-bottom-left .btn i {
	font-size: 125% !important;
	-webkit-transform: translate3d(0, 0, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(0, 0, 0) scale3d(0.8, 0.8, 1);
}

.portfolio-item.hover-bottom-left .btn:hover span {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.hover-bottom-left .btn:hover i {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.portfolio-item.hover-bottom-left:hover .portfolio-footer {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.portfolio-item.hover-top-left .portfolio-meta,
.portfolio-item.hover-top-left .title-wrapper,
.portfolio-item.hover-top-left .portfolio-summary,
.portfolio-item.hover-top-left .portfolio-footer {
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

.portfolio-item.hover-top-left .portfolio-likes, .portfolio-item.hover-top-left .client, .portfolio-item.hover-top-left .date,
.portfolio-item.hover-top-left h2, .portfolio-item.hover-top-left .category li,
.portfolio-item.hover-top-left .portfolio-summary p > span {
	overflow: hidden;
}

.portfolio-item.hover-top-left .date time, .portfolio-item.hover-top-left .portfolio-likes a,
.portfolio-item.hover-top-left .client a, .portfolio-item.hover-top-left h2 a, .portfolio-item.hover-top-left .category a,
.portfolio-item.hover-top-left .portfolio-summary p > span > span {
	display: block;
	opacity: 1;
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
	-webkit-transition: -webkit-transform 0.65s cubic-bezier(0, 0, 0.2, 1);
	transition: -webkit-transform 0.65s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.65s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.65s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.hover-top-left .portfolio-main-image {
	position: relative;
	top: auto;
	left: auto;
	overflow: hidden;
}

.portfolio-item.hover-top-left .portfolio-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 4.28571em;
	padding-top: 4.28571em;
	padding-bottom: 2.14286em;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

.portfolio-item.hover-top-left .title-wrapper h2 {
	font-size: 4.28571em;
	line-height: 1.15;
	margin-bottom: 0.75em !important;
}

.portfolio-item.hover-top-left .portfolio-meta > span,
.portfolio-item.hover-top-left .category li {
	display: block;
	margin-bottom: 1.5em !important;
	line-height: 1.5em;
	padding-left: 0 !important;
}

.portfolio-item.hover-top-left .portfolio-meta > span:before,
.portfolio-item.hover-top-left .category li:before {
	content: none !important;
}

.portfolio-item.hover-top-left .portfolio-likes {
	line-height: 1;
}

.portfolio-item.hover-top-left .portfolio-footer {
	display: none;
}

.portfolio-item.hover-top-left:hover .date time, .portfolio-item.hover-top-left:hover .portfolio-likes a,
.portfolio-item.hover-top-left:hover .client a, .portfolio-item.hover-top-left:hover h2 a, .portfolio-item.hover-top-left:hover .category a,
.portfolio-item.hover-top-left:hover .portfolio-summary p > span > span {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.portfolio-item.hover-top-left:hover h2 a {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.2, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0, 0, 0.2, 1);
	transition: transform 0.8s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.hover-top-left:hover .category li:nth-child(1) a {
	transition-delay: 0.26667s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(2) a {
	transition-delay: 0.33333s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(3) a {
	transition-delay: 0.4s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(4) a {
	transition-delay: 0.46667s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(5) a {
	transition-delay: 0.53333s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(6) a {
	transition-delay: 0.6s;
}

.portfolio-item.hover-top-left:hover .category li:nth-child(7) a {
	transition-delay: 0.66667s;
}

.portfolio-item.hover-top-left:hover .portfolio-likes a {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.portfolio-item.hover-top-left:hover .client a {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.portfolio-item.hover-top-left:hover .date time {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(1) > span {
	transition-delay: 0.7s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(2) > span {
	transition-delay: 0.8s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(3) > span {
	transition-delay: 0.9s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(4) > span {
	transition-delay: 1s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(5) > span {
	transition-delay: 1.1s;
}

.portfolio-item.hover-top-left:hover .portfolio-summary p > span:nth-child(6) > span {
	transition-delay: 1.2s;
}

.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover {
	min-height: 390px;
	max-height: 450px;
}

.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .inner-wrapper,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .portfolio-inner,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .portfolio-main-image,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .portfolio-main-image > figure,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .portfolio-main-image > figure > img,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .aspect-ratio-container,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .aspect-ratio-fill > img,
.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .portfolio-content {
	min-height: 390px;
	max-height: 450px;
}

.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover .parallax-img-container img {
	min-height: 470px;
	max-height: 563px;
}

.col-xs-12:not([class^=col-md]) .portfolio-item.style-hover.hover-elegant .portfolio-content {
	min-height: 0;
	max-height: none;
}

.portfolio-item.text-light .portfolio-likes i,
.portfolio-item.text-light .portfolio-likes a {
	color: #fff;
}

@media screen and (min-width: 992px) {
	.portfolio-item.hover-frame .portfolio-summary {
		width: 35%;
	}
	.portfolio-item.hover-rectangular .portfolio-summary {
		width: 80%;
	}
	.col-md-4 .portfolio-item.hover-frame .portfolio-summary, .col-md-4 .portfolio-item.hover-dark .portfolio-summary, .col-md-4 .portfolio-item.hover-rectangular .portfolio-summary,
	.col-md-3 .portfolio-item.hover-frame .portfolio-summary,
	.col-md-3 .portfolio-item.hover-dark .portfolio-summary,
	.col-md-3 .portfolio-item.hover-rectangular .portfolio-summary {
		width: 85%;
	}
	.col-md-6 .portfolio-item.hover-frame .portfolio-summary, .col-md-6 .portfolio-item.hover-dark .portfolio-summary, .col-md-6 .portfolio-item.hover-rectangular .portfolio-summary {
		width: 60%;
	}
}

@media screen and (max-width: 991px) {
	.portfolio-item.style-hover .portfolio-content {
		padding-right: 17%;
		padding-left: 17%;
	}
	.portfolio-item.hover-side .portfolio-content,
	.portfolio-item.hover-blur .portfolio-content {
		padding-left: 10%;
	}
	.portfolio-item.hover-elegant .portfolio-footer {
		display: none;
	}
	.portfolio-item.caption-fixed .portfolio-content {
		padding-right: 17%;
		padding-left: 17%;
	}
	.portfolio-item.hover-elegant .portfolio-content {
		padding-left: 35px;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.portfolio-item.hover-elegant .portfolio-content {
		padding-right: 35px;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		text-align: center;
	}
	.portfolio-item.hover-elegant .title-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 543px) {
	.portfolio-item.hover-elegant .portfolio-content h2 {
		margin-right: 0;
	}
	.portfolio-item.hover-elegant .portfolio-content > div:not(.title-wrapper) {
		display: none;
	}
	.portfolio-item.hover-elegant .portfolio-content .category {
		display: none;
	}
}

/*----- 2. PORTFOLIO LAYOUTS -----*/
/* 2.1. Classic list */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.classic:not(.style-hover) .portfolio-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image,
.portfolio-item.classic:not(.style-hover) .portfolio-content {
	float: left;
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image .height-adjusted .aspect-ratio-container,
.portfolio-item.classic:not(.style-hover) .portfolio-main-image .height-adjusted .aspect-ratio-fill,
.portfolio-item.classic:not(.style-hover) .portfolio-content .height-adjusted .aspect-ratio-container,
.portfolio-item.classic:not(.style-hover) .portfolio-content .height-adjusted .aspect-ratio-fill {
	height: 100%;
	padding: 0 !important;
}

.portfolio-item.classic:not(.style-hover) .aspect-ratio-fill {
	height: 100% !important;
}

.portfolio-item.classic:not(.style-hover) .aspect-ratio-fill img {
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.classic:not(.style-hover) .parallax-img-parent .aspect-ratio-fill img {
	height: 125% !important;
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image {
	width: 66.66666667%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image .flickity-slider [class^=col-] > img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image > figure > img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.portfolio-item.classic:not(.style-hover) .portfolio-main-image > figure > .aspect-ratio-container {
	height: 100%;
	max-height: none !important;
}

.portfolio-item.classic:not(.style-hover) .portfolio-likes .like-loader {
	width: 48px;
	top: -16px;
	left: -4px;
}

.portfolio-item.classic:not(.style-hover) .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 33.33333333%;
	margin-left: 66.66666667%;
}

.portfolio-item.classic:not(.style-hover).item-left .parallax-img-parent, .portfolio-item.classic:not(.style-hover).item-right .parallax-img-parent {
	height: 100% !important;
}

.portfolio-item.classic:not(.style-hover).item-left,
.portfolio-item.classic:not(.style-hover).item-left .inner-wrapper,
.portfolio-item.classic:not(.style-hover).item-left .portfolio-inner,
.portfolio-item.classic:not(.style-hover).item-left .portfolio-main-image,
.portfolio-item.classic:not(.style-hover).item-left .aspect-ratio-container,
.portfolio-item.classic:not(.style-hover).item-left .aspect-ratio-fill,
.portfolio-item.classic:not(.style-hover).item-left .parallax-img-parent,
.portfolio-item.classic:not(.style-hover).item-left .parallax-img-parent, .portfolio-item.classic:not(.style-hover).item-right,
.portfolio-item.classic:not(.style-hover).item-right .inner-wrapper,
.portfolio-item.classic:not(.style-hover).item-right .portfolio-inner,
.portfolio-item.classic:not(.style-hover).item-right .portfolio-main-image,
.portfolio-item.classic:not(.style-hover).item-right .aspect-ratio-container,
.portfolio-item.classic:not(.style-hover).item-right .aspect-ratio-fill,
.portfolio-item.classic:not(.style-hover).item-right .parallax-img-parent,
.portfolio-item.classic:not(.style-hover).item-right .parallax-img-parent {
	min-height: 400px;
}

.portfolio-item.classic:not(.style-hover).item-left .portfolio-inner {
	/* flex-direction: row-reverse;*/
}

.portfolio-item.classic:not(.style-hover).item-left .portfolio-main-image {
	left: 33.33333333%;
}

.portfolio-item.classic:not(.style-hover).item-left .portfolio-content {
	margin: 0;
}

.portfolio-item.classic:not(.style-hover).item-center .portfolio-inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.portfolio-item.classic:not(.style-hover).item-center .portfolio-main-image,
.portfolio-item.classic:not(.style-hover).item-center .portfolio-content {
	width: 100%;
	height: auto;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	margin: 0;
	text-align: center;
}

.portfolio-item.classic:not(.style-hover).item-center .portfolio-content {
	padding-top: 2.142857em;
	padding-bottom: 2.5em;
}

.portfolio-item.classic:not(.style-hover).item-center .portfolio-summary p {
	margin-bottom: 1.43em;
}

.portfolio-item.classic:not(.style-hover).item-inside .portfolio-content {
	-webkit-transform: translateX(-45%);
	transform: translateX(-45%);
}

.portfolio-item.classic:not(.style-hover).item-inside,
.portfolio-item.classic:not(.style-hover).item-inside .inner-wrapper,
.portfolio-item.classic:not(.style-hover).item-inside .portfolio-inner,
.portfolio-item.classic:not(.style-hover).item-inside .portfolio-main-image,
.portfolio-item.classic:not(.style-hover).item-inside .aspect-ratio-container,
.portfolio-item.classic:not(.style-hover).item-inside .aspect-ratio-fill,
.portfolio-item.classic:not(.style-hover).item-inside .parallax-img-parent,
.portfolio-item.classic:not(.style-hover).item-inside .parallax-img-parent {
	min-height: 400px;
}

.portfolio-item.classic:not(.style-hover).item-inside.item-left .portfolio-content {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.portfolio-item.classic:not(.style-hover).item-inside.item-center .portfolio-content {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.portfolio-item.classic:not(.style-hover) .portfolio-share-popup {
	top: 50%;
	left: 100%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(8%) translateY(-50%) scaleX(1.05);
	transform: translateX(8%) translateY(-50%) scaleX(1.05);
}

.portfolio-item.classic:not(.style-hover) .portfolio-share-popup:before {
	bottom: auto;
	right: auto;
	top: 50%;
	left: -7px;
	margin-top: -6.5px;
	border-style: solid;
	height: 0;
	width: 0;
	border-color: transparent #f42958 transparent transparent;
	border-width: 6.5px 8px 6.5px 0;
}

.portfolio-item.classic:not(.style-hover) .portfolio-share-popup .social-icon li {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.portfolio-item.classic:not(.style-hover) .portfolio-share {
	padding-right: 14px;
}

.portfolio-item.classic:not(.style-hover) .portfolio-share:hover .portfolio-share-popup {
	-webkit-transform: translateX(0) translateY(-50%) scaleX(1);
	transform: translateX(0) translateY(-50%) scaleX(1);
}

@media all and (min-width: 768px) {
	.portfolio-item.classic:not(.style-hover) .carousel-container {
		width: calc(100% + 1px);
	}
	.portfolio-item.classic:not(.style-hover) .flickity-slider,
	.portfolio-item.classic:not(.style-hover) .carousel-items,
	.portfolio-item.classic:not(.style-hover) .carousel-container {
		height: 100% !important;
	}
	.portfolio-item.classic:not(.style-hover) .flickity-slider > [class*=col-],
	.portfolio-item.classic:not(.style-hover) .carousel-items > [class*=col-],
	.portfolio-item.classic:not(.style-hover) .carousel-container > [class*=col-] {
		height: 100%;
	}
	.portfolio-item.classic:not(.style-hover).item-center .flickity-slider > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-center .flickity-viewport > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-center .carousel-items > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-center .carousel-container > [class*=col-], .portfolio-item.classic:not(.style-hover).item-inside .flickity-slider > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-inside .flickity-viewport > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-inside .carousel-items > [class*=col-],
	.portfolio-item.classic:not(.style-hover).item-inside .carousel-container > [class*=col-] {
		height: auto;
	}
	.portfolio-item.classic:not(.style-hover).item-left .flickity-viewport, .portfolio-item.classic:not(.style-hover).item-right .flickity-viewport {
		height: 100% !important;
	}
}

@media all and (max-width: 1199px) {
	.portfolio-item.classic:not(.style-hover) .portfolio-main-image {
		width: 60%;
	}
	.portfolio-item.classic:not(.style-hover) .portfolio-content {
		width: 40%;
		margin-left: 60%;
	}
	.portfolio-item.classic:not(.style-hover).item-left .portfolio-main-image {
		left: calc(40% + 1px);
	}
}

@media all and (max-width: 991px) {
	.portfolio-item.classic:not(.style-hover) .parallax-img-parent .aspect-ratio-fill img {
		height: auto !important;
	}
	.portfolio-item.classic:not(.style-hover) .portfolio-main-image,
	.portfolio-item.classic:not(.style-hover) .portfolio-content {
		width: 100%;
		margin: 0;
		position: relative;
		top: auto;
		left: auto !important;
		margin-left: 0;
		margin-right: 0;
		-webkit-transform: none !important;
		transform: none !important;
	}
	.portfolio-item.classic:not(.style-hover).item-inside .portfolio-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}
	.portfolio-item.classic:not(.style-hover).item-inside .portfolio-content {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .portfolio-content {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media all and (max-width: 768px) {
	.portfolio-item.classic:not(.style-hover).item-inside.item-left,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .inner-wrapper,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .portfolio-inner,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .portfolio-main-image,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .aspect-ratio-container,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .aspect-ratio-fill,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .parallax-img-parent,
	.portfolio-item.classic:not(.style-hover).item-inside.item-left .parallax-img-parent, .portfolio-item.classic:not(.style-hover).item-inside.item-right,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .inner-wrapper,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .portfolio-inner,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .portfolio-main-image,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .aspect-ratio-container,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .aspect-ratio-fill,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .parallax-img-parent,
	.portfolio-item.classic:not(.style-hover).item-inside.item-right .parallax-img-parent {
		min-height: 0;
	}
	.portfolio-item.classic:not(.style-hover).item-left,
	.portfolio-item.classic:not(.style-hover).item-left .inner-wrapper,
	.portfolio-item.classic:not(.style-hover).item-left .portfolio-inner,
	.portfolio-item.classic:not(.style-hover).item-left .portfolio-main-image,
	.portfolio-item.classic:not(.style-hover).item-left .aspect-ratio-container,
	.portfolio-item.classic:not(.style-hover).item-left .aspect-ratio-fill,
	.portfolio-item.classic:not(.style-hover).item-left .parallax-img-parent,
	.portfolio-item.classic:not(.style-hover).item-left .parallax-img-parent, .portfolio-item.classic:not(.style-hover).item-right,
	.portfolio-item.classic:not(.style-hover).item-right .inner-wrapper,
	.portfolio-item.classic:not(.style-hover).item-right .portfolio-inner,
	.portfolio-item.classic:not(.style-hover).item-right .portfolio-main-image,
	.portfolio-item.classic:not(.style-hover).item-right .aspect-ratio-container,
	.portfolio-item.classic:not(.style-hover).item-right .aspect-ratio-fill,
	.portfolio-item.classic:not(.style-hover).item-right .parallax-img-parent,
	.portfolio-item.classic:not(.style-hover).item-right .parallax-img-parent {
		min-height: 0;
	}
	.flexbox .portfolio-item.classic:not(.style-hover):not(.item-inside) .portfolio-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

/* 2.2. Classic hover */
/* main: ../../assets/scss/theme-portfolio.scss*/
.classic.style-hover {
	min-height: 390px;
}

.classic.style-hover .portfolio-content {
	min-height: 390px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.classic.style-hover .portfolio-inner {
	display: block;
}

.classic.style-hover .portfolio-main-image {
	width: 100%;
	float: none;
}

.classic.style-hover .portfolio-content {
	width: 100%;
	left: auto;
	margin: 0;
}

.classic.hover-light .portfolio-content {
	width: auto;
	height: auto;
	margin: 17px;
}

.classic:hover .portfolio-inner {
	-webkit-transform: none !important;
	transform: none !important;
}

.classic.hover-blur .parallax-img-parent {
	height: 100% !important;
}

.classic.hover-bottom .title-wrapper {
	width: 100%;
}

.classic.hover-bottom .portfolio-content, .classic.hover-bottom-shadow .portfolio-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.classic.hover-bottom-left .portfolio-content, .classic.hover-side .portfolio-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.classic.hover-bottom-left .portfolio-content {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.classic.hover-elegant .portfolio-content {
	width: 92%;
	min-height: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.classic.hover-bottom-shadow .portfolio-main-image,
.classic.hover-bottom-shadow .portfolio-main-image figure,
.classic.hover-bottom-shadow .portfolio-main-image .aspect-ratio-container,
.classic.hover-bottom-shadow .portfolio-main-image .aspect-ratio-fill {
	height: auto;
}

.classic.hover-bottom-shadow .portfolio-content {
	padding-bottom: 0;
}

.classic.hover-frame .portfolio-content {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
}

.classic.hover-frame .portfolio-content:before {
	-webkit-transition: all 0.4s 0.05s;
	transition: all 0.4s 0.05s;
}

.classic.hover-frame .portfolio-content:before {
	width: 5px;
	bottom: 28px;
}

.classic.hover-frame .portfolio-content:after {
	height: 5px;
}

.classic.hover-frame:hover .portfolio-content:before {
	border-width: 5px;
}

@media screen and (max-width: 767px) {
	.classic.hover-elegant .title-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media screen and (max-width: 767px) {
	.classic.style-hover .inner-wrapper,
	.classic.style-hover .portfolio-inner,
	.classic.style-hover .portfolio-main-image,
	.classic.style-hover .portfolio-main-image > figure,
	.classic.style-hover .aspect-ratio-container,
	.classic.style-hover .aspect-ratio-fill,
	.classic.style-hover .aspect-ratio-fill img {
		min-height: 390px;
	}
}

/* 2.3. Grid */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.grid {
	margin-bottom: 6.92308em;
	font-size: 0.92857em;
	line-height: 2.15385em;
}

.portfolio-item.grid .inner-wrapper,
.portfolio-item.grid .portfolio-inner {
	height: 100%;
}

.portfolio-item.grid .portfolio-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.portfolio-item.grid .portfolio-content {
	padding: 2em 10% 2em 10%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	/* overflow: hidden;*/
}

.portfolio-item.grid .title-wrapper h2 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-size: 1.38462em;
	line-height: 1.6em;
}

.portfolio-item.grid .category,
.portfolio-item.grid .portfolio-meta {
	font-size: 0.84615em;
}

.portfolio-item.grid .category {
	margin-bottom: 0em;
}

.portfolio-item.grid .portfolio-summary {
	margin-bottom: 1.07692em;
}

.portfolio-item.grid .portfolio-summary p {
	margin-bottom: 0.2em;
}

.portfolio-item.grid .btn {
	margin-bottom: 0.76923em;
}

.portfolio-item.grid .btn span {
	padding: 0.69231em 15px;
}

.portfolio-item.grid .portfolio-likes {
	margin-bottom: 0.92308em;
}

.portfolio-item.grid .portfolio-likes i {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.portfolio-item.grid .like-loader {
	width: 38px;
	top: -12px;
	left: -3px;
}

.portfolio-item.grid .like-loader .path {
	stroke-width: 4px;
}

.portfolio-item.grid .portfolio-share {
	margin-left: 6px;
	padding-right: 0;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.grid .portfolio-share:hover .portfolio-share-popup {
	-webkit-transform: translateX(0) translateY(-50%) scaleY(1);
	transform: translateX(0) translateY(-50%) scaleY(1);
}

.portfolio-item.grid .portfolio-share:hover .portfolio-share-popup .social-icon li {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-item.grid.buttons-naked .btn span, .portfolio-item.grid.buttons-circle .btn span, .portfolio-item.grid.buttons-square .btn span {
	padding: 0;
}

.portfolio-item.grid.style-default .portfolio-content {
	/* padding-left: 0;*/
}

.portfolio-item.grid.outline .portfolio-inner {
	overflow: hidden;
}

.portfolio-item.grid.outline .portfolio-content {
	padding-right: 4%;
}

.portfolio-item.grid.style-default, .portfolio-item.grid.outline, .portfolio-item.grid.shadow {
	-webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
	transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
	transition: transform 0.3s, box-shadow 0.3s;
	transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.portfolio-item.grid.style-default:hover, .portfolio-item.grid.outline:hover, .portfolio-item.grid.shadow:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

/* 2.4. Grid hover */
/* main: ../../assets/scss/theme-portfolio.scss*/
.grid.style-hover {
	position: relative;
	/* overflow: hidden;*/
	margin-bottom: 3.07692em;
	/* &.mh-applied {*/
	/**/
	/* 	.inner-wrapper,*/
	/* 	.portfolio-inner,*/
	/* 	.portfolio-main-image,*/
	/* 	.portfolio-main-image > figure {*/
	/* 		height: 100%;*/
	/* 	}*/
	/* }*/
}

.grid.style-hover .aspect-ratio-fill {
	padding-bottom: 0 !important;
}

.grid.style-hover .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	text-align: center;
	height: 100%;
	padding: 1.61538em 25px 1.53846em;
}

.grid.style-hover .title-wrapper {
	/* margin-bottom: em(20);*/
	margin-bottom: 0.61538em;
}

.grid.style-hover .title-wrapper .category {
	line-height: 1em;
}

.grid.style-hover .title-wrapper .category li {
	margin: 1em 0;
	line-height: inherit;
}

.grid.style-hover .title-wrapper h2 {
	margin-top: 0.23077em;
}

.grid.style-hover .portfolio-summary p {
	line-height: 1.84615em;
}

.grid.style-hover .portfolio-footer {
	font-size: 1em;
}

.grid.style-hover .portfolio-likes {
	margin-bottom: 0.26923em;
}

.grid.style-hover .portfolio-likes i {
	width: auto;
	height: auto;
	line-height: normal;
	background-color: transparent !important;
}

.grid.style-hover .portfolio-share {
	padding-top: 0;
}

.grid.style-hover .portfolio-share:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 0;
}

.grid.style-hover .portfolio-share-popup {
	top: auto;
	bottom: calc(100% - 10px);
}

.grid.style-hover .portfolio-share .btn,
.grid.style-hover .btn {
	font-size: 14px;
	width: 43px;
	height: 43px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	line-height: 43px;
}

.grid.style-hover .portfolio-share .btn i,
.grid.style-hover .btn i {
	margin-left: 0;
}

.grid.style-hover .portfolio-share .btn:hover,
.grid.style-hover .btn:hover {
	background-color: rgba(0, 0, 0, 0.25);
	border-color: transparent;
}

.grid.style-hover .portfolio-share + .portfolio-share,
.grid.style-hover .portfolio-share + .btn,
.grid.style-hover .btn + .portfolio-share,
.grid.style-hover .btn + .btn {
	margin-left: 0.45em;
}

.grid.style-hover.text-light .portfolio-share .btn,
.grid.style-hover.text-light .btn {
	border-width: 0;
}

.grid.style-hover.text-light .portfolio-share .btn:focus, .grid.style-hover.text-light .portfolio-share .btn:hover,
.grid.style-hover.text-light .btn:focus,
.grid.style-hover.text-light .btn:hover {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

.grid.style-hover.buttons-square .portfolio-share .btn:hover,
.grid.style-hover.buttons-square .btn:hover {
	background: #f42958;
}

.grid.style-hover.buttons-naked .portfolio-share .btn,
.grid.style-hover.buttons-naked .btn {
	width: auto;
	height: auto;
	font-size: 1.15385em;
	line-height: normal;
	margin: 0 9px;
	border: none;
}

.grid.style-hover.buttons-naked .portfolio-share .btn i,
.grid.style-hover.buttons-naked .btn i {
	display: inline-block;
	font-size: 1em;
}

.grid.style-hover.buttons-naked .portfolio-share .btn:first-child,
.grid.style-hover.buttons-naked .btn:first-child {
	margin-left: 0;
}

.grid.style-hover.buttons-naked .portfolio-share .btn:last-child,
.grid.style-hover.buttons-naked .btn:last-child {
	margin-right: 0;
}

.grid.style-hover.buttons-naked .portfolio-share .btn:focus, .grid.style-hover.buttons-naked .portfolio-share .btn:hover,
.grid.style-hover.buttons-naked .btn:focus,
.grid.style-hover.buttons-naked .btn:hover {
	background-color: transparent;
}

.grid.style-hover.hover-rectangular .title-wrapper {
	margin-bottom: 0.2em;
}

.grid.style-hover.hover-rectangular .title-wrapper h2 {
	margin-bottom: 0;
	line-height: 1.2em;
}

.grid.style-hover.hover-rectangular .portfolio-footer {
	width: 100%;
}

.grid.style-hover.hover-rectangular .portfolio-share,
.grid.style-hover.hover-rectangular .btn {
	width: 56px;
	max-width: 24%;
	height: 46px;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-right-width: 0;
	line-height: 44px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.grid.style-hover.hover-rectangular .portfolio-share + .portfolio-share,
.grid.style-hover.hover-rectangular .portfolio-share + .btn,
.grid.style-hover.hover-rectangular .btn + .portfolio-share,
.grid.style-hover.hover-rectangular .btn + .btn {
	margin-left: -4px;
}

.grid.style-hover.hover-rectangular .portfolio-share + .portfolio-share:last-child,
.grid.style-hover.hover-rectangular .portfolio-share + .btn:last-child,
.grid.style-hover.hover-rectangular .btn + .portfolio-share:last-child,
.grid.style-hover.hover-rectangular .btn + .btn:last-child {
	border-right-width: 1px;
}

.grid.style-hover.hover-rectangular .portfolio-share:hover,
.grid.style-hover.hover-rectangular .btn:hover {
	background-color: transparent;
}

.grid.style-hover.hover-rectangular .portfolio-share {
	margin-left: 0;
	vertical-align: middle;
	/* border: none;*/
}

.grid.style-hover.hover-rectangular .portfolio-share .btn {
	width: 100%;
}

.grid.style-hover.hover-rectangular .portfolio-share .btn span {
	padding: 0;
}

.grid.style-hover.hover-gradient .title-wrapper {
	margin-bottom: 1.07692em;
}

.grid.style-hover.hover-gradient .portfolio-summary {
	line-height: 1;
}

.grid.style-hover.hover-gradient .portfolio-summary p[data-lettering] {
	line-height: 1.4;
}

.grid.style-hover.hover-gradient .portfolio-footer {
	margin-top: 0.38462em;
}

.grid.style-hover.hover-bottom .portfolio-content {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.grid.style-hover.hover-bottom .title-wrapper {
	/* margin-top: 77.5%;*/
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: 0.61538em;
	margin-bottom: 0;
}

.grid.style-hover.hover-bottom .title-wrapper h2 {
	margin-bottom: 0;
}

.grid.style-hover.hover-bottom .portfolio-footer {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.grid.style-hover.hover-bottom:hover .portfolio-footer {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.grid.style-hover.hover-bottom.text-light .btn:hover {
	background-color: #f42958;
	opacity: 1;
}

.grid.style-hover.hover-light {
	/* min-height: 260px;*/
}

.grid.style-hover.hover-light .portfolio-content {
	width: calc( 100% - 20px);
	height: calc( 100% - 20px);
	/* min-height: 260px;*/
	padding-bottom: 1.15385em;
	margin: 10px;
}

.grid.style-hover.hover-light .portfolio-footer {
	/* margin-top: em(5);*/
}

.grid.style-hover.hover-light .btn {
	font-size: 1em;
}

.grid.style-hover.hover-elegant .portfolio-main-image:before {
	background: none;
}

.grid.style-hover.hover-elegant .portfolio-content {
	/* margin-top: 73.5%;*/
	/* margin-bottom: 16%;*/
	padding-left: 35px;
	bottom: 40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	height: auto;
	min-height: 0 !important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: left;
}

.grid.style-hover.hover-elegant .portfolio-meta,
.grid.style-hover.hover-elegant .title-wrapper {
	padding-top: 1.07692em;
	padding-bottom: 1.07692em;
}

.grid.style-hover.hover-elegant .title-wrapper {
	width: auto;
	margin: 0;
}

.grid.style-hover.hover-elegant .title-wrapper h2 {
	margin: 0;
}

.grid.style-hover.hover-bottom-shadow {
	min-height: 0;
}

.grid.style-hover.hover-bottom-shadow .title-wrapper {
	padding-bottom: 0;
}

.grid.style-hover.hover-bottom-shadow .title-wrapper h2 {
	margin-bottom: 0;
	line-height: 1.2;
}

.grid.style-hover.hover-bottom-shadow .portfolio-content {
	padding: 0 10% 1.53846em;
	min-height: 0;
	bottom: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.grid.style-hover.hover-bottom-shadow .portfolio-footer {
	font-size: 1em;
}

.grid.style-hover.hover-bottom-shadow .progressive__img:not(.section-parallax-img) {
	position: relative;
}

.grid.style-hover.hover-bottom-shadow .btn i {
	font-size: 1em;
}

.grid.style-hover.hover-bottom-shadow-alt h2 {
	font-size: 26px;
}

.grid.style-hover.hover-bottom-shadow-alt .portfolio-content:before {
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.grid.style-hover.hover-bottom-shadow-alt .btn {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	line-height: auto;
	background-color: transparent;
	border: 1.6px solid rgba(0, 0, 0, 0.5) !important;
}

.grid.style-hover.hover-bottom-shadow-alt .btn:focus {
	background-color: transparent !important;
}

.grid.style-hover.hover-bottom-shadow-alt .btn:hover {
	border-color: #000;
	background-color: transparent !important;
	opacity: 1 !important;
}

.grid.style-hover.hover-bottom-shadow-alt.text-light .btn {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
}

.grid.style-hover.hover-bottom-shadow-alt.text-light .btn:hover {
	border-color: #fff !important;
}

.grid.style-hover.hover-side .portfolio-content {
	width: 100%;
	text-align: left;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.grid.style-hover.hover-side:before {
	-webkit-transform: translateX(-10%) translateY(-14%) rotateZ(58deg);
	transform: translateX(-10%) translateY(-14%) rotateZ(58deg);
}

.grid.style-hover.hover-side .btn {
	font-size: 1em;
	top: -7px;
	margin: 15px 30px 5px !important;
}

.grid.style-hover.hover-side .btn i {
	font-size: 0.42857em;
}

.grid.style-hover.hover-side .btn svg {
	width: 18px;
}

.grid.style-hover.hover-only-icons .portfolio-content {
	height: auto;
	min-height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
}

.grid.style-hover.hover-only-icons .portfolio-footer {
	width: 100%;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	margin: 0;
	font-size: 1em;
}

.grid.style-hover.hover-only-icons .portfolio-footer:before, .grid.style-hover.hover-only-icons .portfolio-footer:after {
	content: "";
	display: table;
}

.grid.style-hover.hover-only-icons .portfolio-footer:after {
	clear: both;
}

.grid.style-hover.hover-only-icons .portfolio-share-popup {
	bottom: 100%;
	top: auto;
}

.grid.style-hover.hover-only-icons .portfolio-share {
	text-align: center;
	width: auto;
	height: auto;
}

.grid.style-hover.hover-only-icons .portfolio-share .btn {
	display: block;
}

.grid.style-hover.hover-only-icons .portfolio-share:hover .portfolio-share-popup {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grid.style-hover.hover-only-icons .portfolio-share .btn,
.grid.style-hover.hover-only-icons .btn {
	width: auto;
	height: auto;
	margin: 0;
	font-size: 1.15385em;
}

.grid.style-hover.hover-only-icons .portfolio-share .btn span,
.grid.style-hover.hover-only-icons .btn span {
	display: inline-block;
	padding: 0.30769em 0;
}

.grid.style-hover.hover-blur .portfolio-content {
	width: auto;
	height: 100%;
	left: 0;
	right: 0;
}

.grid.style-hover.hover-frame .portfolio-inner:before {
	width: 5px;
	top: 15px;
	bottom: 13px;
	left: 13px;
}

.grid.style-hover.hover-frame .portfolio-inner:after {
	height: 5px;
	top: 13px;
	left: 13px;
	right: 13px;
}

.grid.style-hover.hover-frame .portfolio-content {
	padding: 2.15385em 6% 1.53846em;
}

.grid.style-hover.hover-frame .portfolio-content:before {
	width: 5px;
	top: 13px;
	bottom: 15px;
	right: 13px;
}

.grid.style-hover.hover-frame .portfolio-content:after {
	height: 5px;
	bottom: 13px;
	left: 13px;
	right: 13px;
}

.grid.style-hover.hover-frame .portfolio-summary {
	margin-bottom: 1.38462em;
}

.grid.style-hover.hover-frame .portfolio-footer {
	margin-top: 0em;
}

.grid.style-hover.hover-frame .portfolio-share .btn,
.grid.style-hover.hover-frame .btn {
	width: 43px;
	height: 43px;
	line-height: 41px;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.grid.style-hover.hover-frame .portfolio-share .btn:hover,
.grid.style-hover.hover-frame .btn:hover {
	border-color: #fff;
}

.col-md-4 .grid.style-hover.hover-frame .portfolio-inner:before,
.col-md-4 .grid.style-hover.hover-frame .portfolio-content:before,
.col-md-6 .grid.style-hover.hover-frame .portfolio-inner:before,
.col-md-6 .grid.style-hover.hover-frame .portfolio-content:before {
	width: 5px;
}

.col-md-4 .grid.style-hover.hover-frame .portfolio-inner:after,
.col-md-4 .grid.style-hover.hover-frame .portfolio-content:after,
.col-md-6 .grid.style-hover.hover-frame .portfolio-inner:after,
.col-md-6 .grid.style-hover.hover-frame .portfolio-content:after {
	height: 5px;
}

.grid.style-hover.hover-bottom-left .portfolio-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: auto;
	right: 0;
	text-align: left;
	padding-left: 2.30769em;
	padding-bottom: 2.30769em;
}

.grid.style-hover.hover-bottom-left .portfolio-footer {
	margin-top: 0.76923em;
	margin-bottom: 1.53846em;
}

.grid.style-hover.hover-bottom-left .portfolio-share-popup {
	bottom: auto;
	top: calc(100% + 30px);
}

.grid.style-hover.hover-bottom-left .title-wrapper:only-child .category li {
	margin-bottom: 0;
}

.grid.style-hover.hover-top-left .portfolio-content {
	padding-top: 4.61538em;
	padding-left: 6.15385em;
	padding-bottom: 2.30769em;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

.grid.style-hover.hover-top-left .title-wrapper h2 {
	font-size: 4.28571em;
	line-height: 1.15em;
}

.grid.text-light.buttons-circle .portfolio-share:hover .btn,
.grid.text-light.buttons-circle .portfolio-share:hover .btn:hover,
.grid.text-light.buttons-circle .btn:hover {
	background-color: rgba(0, 0, 0, 0.25);
	color: #fff;
}

@media screen and (min-width: 992px) {
	.grid.hover-frame .portfolio-summary {
		width: auto;
	}
}

@media screen and (min-width: 768px) {
	.grid.style-hover {
		min-height: 280px;
	}
	.grid.style-hover .portfolio-content,
	.grid.style-hover .inner-wrapper,
	.grid.style-hover .portfolio-main-image,
	.grid.style-hover .portfolio-main-image > figure,
	.grid.style-hover .portfolio-main-image > figure > img,
	.grid.style-hover .parallax-img-parent,
	.grid.style-hover .parallax-img-container,
	.grid.style-hover .aspect-ratio-container,
	.grid.style-hover .aspect-ratio-fill,
	.grid.style-hover .aspect-ratio-fill > img,
	.grid.style-hover .portfolio-inner {
		min-height: 280px;
		/* height: 100%;*/
	}
	.col-md-6 .grid.style-hover .portfolio-content, .col-md-6
	.grid.style-hover .inner-wrapper, .col-md-6
	.grid.style-hover .portfolio-main-image, .col-md-6
	.grid.style-hover .portfolio-main-image > figure, .col-md-6
	.grid.style-hover .portfolio-main-image > figure > img, .col-md-6
	.grid.style-hover .parallax-img-parent, .col-md-6
	.grid.style-hover .parallax-img-container, .col-md-6
	.grid.style-hover .aspect-ratio-container, .col-md-6
	.grid.style-hover .aspect-ratio-fill, .col-md-6
	.grid.style-hover .aspect-ratio-fill > img, .col-md-6
	.grid.style-hover .portfolio-inner {
		min-height: 400px;
	}
	.grid.style-hover .section-parallax-img {
		min-height: 350px;
	}
	.col-md-6 .grid.style-hover .section-parallax-img {
		min-height: 480px;
	}
	.col-md-6 .grid.style-hover {
		min-height: 400px;
	}
	.col-md-6 .grid.hover-light .portfolio-content,
	[data-vc-stretch-content] .grid.hover-light .portfolio-content {
		width: calc( 100% - 40px);
		height: calc( 100% - 40px);
		margin: 20px;
	}
}

@media screen and (max-width: 768px) {
	.grid:not(.packery).style-hover .parallax-img-parent {
		height: 100% !important;
	}
	.grid.style-hover {
		min-height: 280px;
	}
	.grid.style-hover .portfolio-content,
	.grid.style-hover .inner-wrapper,
	.grid.style-hover .portfolio-main-image,
	.grid.style-hover .portfolio-main-image > figure,
	.grid.style-hover .portfolio-main-image > figure > img,
	.grid.style-hover .parallax-img-parent,
	.grid.style-hover .parallax-img-container,
	.grid.style-hover .aspect-ratio-container,
	.grid.style-hover .aspect-ratio-fill,
	.grid.style-hover .aspect-ratio-fill > img,
	.grid.style-hover .portfolio-inner {
		min-height: 280px;
	}
	.grid.style-hover .section-parallax-img {
		min-height: 350px;
	}
}

/* 2.5. Masonry */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.masonry {
	margin-bottom: 3.07692em;
}

.portfolio-item.masonry .portfolio-content {
	padding: 2.30769em 11% 2.23077em;
}

.portfolio-item.masonry .title-wrapper {
	margin-bottom: 0.27308em;
}

.portfolio-item.masonry .title-wrapper h2 {
	margin-top: 0.46154em;
	font-size: 1.53846em;
}

.portfolio-item.masonry .portfolio-summary {
	margin-bottom: 0.38462em;
}

.portfolio-item.masonry .portfolio-summary p {
	letter-spacing: 0.02em;
}

.portfolio-item.masonry .portfolio-likes {
	margin-bottom: 0.92308em;
}

.portfolio-item.masonry .portfolio-likes i {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.portfolio-item.masonry .like-loader {
	width: 46px;
	top: -15px;
}

.portfolio-item.masonry .btn span {
	padding: 1em 20px;
}

.portfolio-item.masonry.style-default .portfolio-content {
	padding-left: 0;
}

.portfolio-item.masonry.text-center .portfolio-content {
	padding-left: 15px;
	padding-right: 15px;
}

.masonry.gradient {
	background: linear-gradient(120deg, #00b9ff 30%, #3d7af5 100%);
}

.masonry.text-light p {
	color: #fff;
}

/* 2.6. Masonry hover */
/* main: ../../assets/scss/theme-portfolio.scss*/
.masonry.style-hover {
	/* &.hover-dark,*/
	/* &.hover-gradient {*/
	/**/
	/* 	.portfolio-content {*/
	/* 		padding-top: 38%;*/
	/* 		padding-bottom: 35%;*/
	/* 	}*/
	/* }*/
}

.masonry.style-hover .portfolio-main-image {
	height: auto;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
}

.masonry.style-hover .portfolio-main-image img {
	width: 100% !important;
}

.masonry.style-hover .progressive__img:not(.section-parallax-img) {
	position: relative;
}

.masonry.style-hover .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 0;
	padding: 2.30769em 15% 2.23077em;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.masonry.style-hover .portfolio-meta,
.masonry.style-hover .title-wrapper,
.masonry.style-hover .portfolio-summary,
.masonry.style-hover .portfolio-footer {
	width: 100%;
}

.masonry.style-hover .title-wrapper h2 {
	margin-top: 0.23077em;
	margin-bottom: 0.30769em;
}

.masonry.style-hover .portfolio-summary p {
	line-height: 2.15385em;
}

.masonry.style-hover .portfolio-likes {
	margin-bottom: 0.15385em;
}

.masonry.style-hover .portfolio-likes a,
.masonry.style-hover .portfolio-likes a i {
	color: inherit;
}

.masonry.style-hover .portfolio-likes a:hover,
.masonry.style-hover .portfolio-likes a i:hover {
	color: #f42958;
}

.masonry.style-hover .portfolio-likes i {
	width: auto;
	height: auto;
	line-height: normal;
	-webkit-transition: none;
	transition: none;
}

.masonry.style-hover .portfolio-share .btn,
.masonry.style-hover .btn {
	width: 48px;
	height: 48px;
	font-size: 1.30769em;
	line-height: 46px;
}

.masonry.style-hover.hover-bottom .title-wrapper {
	margin-top: 0;
}

.masonry.style-hover.hover-bottom .btn {
	width: 52px;
	height: 52px;
	line-height: 50px;
}

.masonry.style-hover.hover-light .portfolio-content {
	padding-top: 4em;
	padding-bottom: 4em;
}

.masonry.style-hover.hover-light .portfolio-summary {
	margin-bottom: 0;
}

.masonry.style-hover.hover-light .portfolio-summary p {
	margin-bottom: 0;
}

.masonry.style-hover.hover-light .portfolio-footer {
	margin-top: 0;
}

.masonry.style-hover.hover-light .btn {
	font-size: 3.07692em;
}

.masonry.style-hover.hover-rectangular .portfolio-content {
	padding-top: 3.46154em;
	padding-bottom: 4.23077em;
}

.masonry.style-hover.hover-rectangular .btn {
	height: 53px;
	line-height: 51px;
}

.masonry.style-hover.hover-elegant .portfolio-content {
	/* margin-top: 41%;*/
	/* margin-bottom: 8%;*/
	top: auto;
	bottom: 40px;
	left: auto;
	right: 0;
}

.masonry.style-hover.hover-elegant .portfolio-meta,
.masonry.style-hover.hover-elegant .title-wrapper {
	padding-top: 1em;
	padding-bottom: 1.07692em;
}

.masonry.style-hover.hover-side .portfolio-content {
	padding-left: 12%;
	padding-bottom: 39%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.masonry.style-hover.hover-side .portfolio-footer {
	width: auto;
}

.masonry.style-hover.hover-side .btn {
	position: relative;
	top: -5px;
	font-size: 2.69231em;
}

.masonry.style-hover.hover-only-icons .portfolio-main-image {
	position: relative;
	top: auto;
	left: auto;
}

.masonry.style-hover.hover-only-icons .portfolio-content {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
}

.masonry.style-hover.hover-only-icons .btn span {
	/* padding: 0;*/
}

.masonry.style-hover.hover-only-icons .portfolio-footer {
	/* margin-top: 93%;*/
}

.masonry.style-hover.hover-blur .portfolio-footer {
	margin-top: 1em;
}

.masonry.style-hover.hover-bottom-left .portfolio-content {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 40%;
	padding-bottom: 3.07692em;
}

.masonry.style-hover.hover-bottom-left .portfolio-footer {
	position: absolute;
	top: 10%;
	left: 12%;
	right: 0;
}

.masonry.style-hover.hover-bottom-left .btn {
	font-size: 1.53846em;
}

.masonry.style-hover.hover-top-left .portfolio-content {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.masonry.style-hover.hover-bottom-shadow {
	/* .portfolio-footer {*/
	/* 	margin-top: 23% !important;*/
	/* 	margin-bottom: 38.6% !important;*/
	/* }*/
}

.masonry.style-hover.hover-bottom-shadow .portfolio-content {
	/* padding: 0;*/
	padding-bottom: 1.15385em;
}

.masonry.style-hover.hover-bottom-shadow .portfolio-content:before {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.7) 100%);
}

.masonry.style-hover.hover-color .portfolio-content {
	padding-top: 5em;
	padding-bottom: 5.53846em;
}

.masonry.style-hover.hover-color .btn {
	font-size: 1.53846em;
}

.masonry.style-hover.hover-frame .portfolio-content {
	padding-top: 3.84615em;
	padding-bottom: 3.84615em;
}

.masonry.style-hover.hover-frame .btn {
	width: 53px;
	height: 53px;
	line-height: 51px;
}

.masonry.style-hover.text-light p {
	color: rgba(255, 255, 255, 0.55);
}

@media all and (max-width: 1199px) {
	.masonry[class*=hover] .btn + .btn {
		margin-left: 0;
	}
	.masonry[class*=hover].hover-blur .blur-image-container,
	.masonry[class*=hover].hover-blur .portfolio-content {
		left: 10%;
	}
	.masonry[class*=hover].hover-blur .portfolio-content {
		padding-left: 10%;
	}
	.masonry[class*=hover].hover-blur .blur-image-container canvas {
		left: -10%;
	}
	.masonry[class*=hover].hover-bottom-left .portfolio-content {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.masonry[class*=hover].hover-bottom-left .portfolio-footer {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}
	.masonry[class*=hover].hover-rectangular .portfolio-summary {
		margin-bottom: 0;
	}
	.masonry[class*=hover].hover-rectangular .portfolio-footer {
		margin-top: 0;
	}
}

/* 2.7. Metro */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.metro, .portfolio-item.packery {
	text-align: center;
}

.portfolio-item.metro .portfolio-content, .portfolio-item.packery .portfolio-content {
	padding-left: 6%;
	padding-right: 6%;
}

.portfolio-item.metro.style-default .portfolio-content, .style-default.portfolio-item.packery .portfolio-content {
	/* padding-left: 0;*/
}

.col-md-4 .portfolio-item.metro.style-default .portfolio-summary, .col-md-4 .style-default.portfolio-item.packery .portfolio-summary, .col-md-4 .portfolio-item.metro.outline .portfolio-summary, .col-md-4 .outline.portfolio-item.packery .portfolio-summary, .col-md-4 .portfolio-item.metro.shadow .portfolio-summary, .col-md-4 .shadow.portfolio-item.packery .portfolio-summary,
.col-md-5 .portfolio-item.metro.style-default .portfolio-summary,
.col-md-5 .style-default.portfolio-item.packery .portfolio-summary,
.col-md-5 .portfolio-item.metro.outline .portfolio-summary,
.col-md-5 .outline.portfolio-item.packery .portfolio-summary,
.col-md-5 .portfolio-item.metro.shadow .portfolio-summary,
.col-md-5 .shadow.portfolio-item.packery .portfolio-summary,
.col-md-6 .portfolio-item.metro.style-default .portfolio-summary,
.col-md-6 .style-default.portfolio-item.packery .portfolio-summary,
.col-md-6 .portfolio-item.metro.outline .portfolio-summary,
.col-md-6 .outline.portfolio-item.packery .portfolio-summary,
.col-md-6 .portfolio-item.metro.shadow .portfolio-summary,
.col-md-6 .shadow.portfolio-item.packery .portfolio-summary {
	margin-left: auto;
	margin-right: auto;
}

.col-md-4 .portfolio-item.metro.style-default .portfolio-summary, .col-md-4 .style-default.portfolio-item.packery .portfolio-summary, .col-md-4 .portfolio-item.metro.outline .portfolio-summary, .col-md-4 .outline.portfolio-item.packery .portfolio-summary, .col-md-4 .portfolio-item.metro.shadow .portfolio-summary, .col-md-4 .shadow.portfolio-item.packery .portfolio-summary {
	width: 80%;
}

.col-md-5 .portfolio-item.metro.style-default .portfolio-summary, .col-md-5 .style-default.portfolio-item.packery .portfolio-summary, .col-md-5 .portfolio-item.metro.outline .portfolio-summary, .col-md-5 .outline.portfolio-item.packery .portfolio-summary, .col-md-5 .portfolio-item.metro.shadow .portfolio-summary, .col-md-5 .shadow.portfolio-item.packery .portfolio-summary {
	width: 70%;
}

.col-md-6 .portfolio-item.metro.style-default .portfolio-summary, .col-md-6 .style-default.portfolio-item.packery .portfolio-summary, .col-md-6 .portfolio-item.metro.outline .portfolio-summary, .col-md-6 .outline.portfolio-item.packery .portfolio-summary, .col-md-6 .portfolio-item.metro.shadow .portfolio-summary, .col-md-6 .shadow.portfolio-item.packery .portfolio-summary {
	width: 60%;
}

/* 2.8. Metro hover */
/* main: ../../assets/scss/theme-portfolio.scss*/
.metro.style-hover .portfolio-main-image img {
	height: 100%;
}

.metro.style-hover .portfolio-main-image img.section-parallax-img {
	height: 125% !important;
}

.metro.style-hover.hover-bottom-shadow .portfolio-content > *, .metro.style-hover.hover-only-icons .portfolio-content > *, .metro.style-hover.hover-bottom .portfolio-content > * {
	max-width: none;
}

.metro.style-hover.hover-blur .portfolio-content {
	padding-left: 11%;
	padding-right: 9%;
}

.metro.style-hover.hover-elegant {
	max-height: 280px;
}

.metro.style-hover.hover-elegant .portfolio-main-image {
	height: 100%;
}

.metro.style-hover.hover-elegant .parallax-img-container,
.metro.style-hover.hover-elegant figure {
	height: 100% !important;
}

.metro.style-hover.hover-bottom, .metro.style-hover.hover-bottom-shadow {
	max-height: 280px;
}

.metro.style-hover.hover-bottom-shadow .portfolio-main-image,
.metro.style-hover.hover-bottom-shadow .portfolio-main-image figure,
.metro.style-hover.hover-bottom-shadow .portfolio-main-image .aspect-ratio-container,
.metro.style-hover.hover-bottom-shadow .portfolio-main-image .aspect-ratio-fill {
	height: auto;
}

.metro.style-hover.hover-bottom-left .portfolio-content {
	/* padding-left: 12%;*/
}

.metro.style-hover.hover-frame .portfolio-inner:before,
.metro.style-hover.hover-frame .portfolio-content:before {
	width: 5px;
}

.metro.style-hover.hover-frame .portfolio-inner:after,
.metro.style-hover.hover-frame .portfolio-content:after {
	height: 5px;
}

/* Media Queries*/
@media screen and (min-width: 768px) {
	[data-vc-stretch-content] .metro.style-hover {
		min-height: 380px;
	}
	[data-vc-stretch-content] .metro.style-hover .portfolio-content,
	[data-vc-stretch-content] .metro.style-hover .inner-wrapper,
	[data-vc-stretch-content] .metro.style-hover .portfolio-main-image,
	[data-vc-stretch-content] .metro.style-hover .portfolio-main-image > figure,
	[data-vc-stretch-content] .metro.style-hover .portfolio-main-image > figure > img,
	[data-vc-stretch-content] .metro.style-hover .parallax-img-parent,
	[data-vc-stretch-content] .metro.style-hover .parallax-img-container,
	[data-vc-stretch-content] .metro.style-hover .aspect-ratio-container,
	[data-vc-stretch-content] .metro.style-hover .aspect-ratio-fill,
	[data-vc-stretch-content] .metro.style-hover .aspect-ratio-fill > img,
	[data-vc-stretch-content] .metro.style-hover .portfolio-inner {
		min-height: 380px;
	}
	[data-vc-stretch-content] .metro.style-hover .section-parallax-img {
		min-height: 475px;
	}
	[data-vc-stretch-content] .metro.hover-elegant .portfolio-content {
		min-height: 0;
	}
}

@media screen and (max-width: 991px) {
	.metro.style-hover .portfolio-main-image img.section-parallax-img {
		height: 100% !important;
	}
}

/* 2.9. Packery */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.packery {
	margin-bottom: 1.69231em;
	text-align: center;
}

.portfolio-item.packery .portfolio-content {
	padding-left: 6%;
	padding-right: 6%;
}

.portfolio-item.packery.rella-portfolio-portrait .portfolio-main-image img {
	max-width: none;
}

.portfolio-item.packery.style-default .aspect-ratio-container,
.portfolio-item.packery.style-default .aspect-ratio-fill, .portfolio-item.packery.outline .aspect-ratio-container,
.portfolio-item.packery.outline .aspect-ratio-fill, .portfolio-item.packery.shadow .aspect-ratio-container,
.portfolio-item.packery.shadow .aspect-ratio-fill {
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.portfolio-item.packery.style-default .portfolio-main-image img, .portfolio-item.packery.outline .portfolio-main-image img, .portfolio-item.packery.shadow .portfolio-main-image img {
	max-width: none;
}

.col-md-4 .portfolio-item.packery.style-default .portfolio-summary, .col-md-4 .portfolio-item.packery.outline .portfolio-summary, .col-md-4 .portfolio-item.packery.shadow .portfolio-summary,
.col-md-5 .portfolio-item.packery.style-default .portfolio-summary,
.col-md-5 .portfolio-item.packery.outline .portfolio-summary,
.col-md-5 .portfolio-item.packery.shadow .portfolio-summary,
.col-md-6 .portfolio-item.packery.style-default .portfolio-summary,
.col-md-6 .portfolio-item.packery.outline .portfolio-summary,
.col-md-6 .portfolio-item.packery.shadow .portfolio-summary {
	margin-left: auto;
	margin-right: auto;
}

.col-md-4 .portfolio-item.packery.style-default .portfolio-summary, .col-md-4 .portfolio-item.packery.outline .portfolio-summary, .col-md-4 .portfolio-item.packery.shadow .portfolio-summary {
	width: 80%;
}

.col-md-5 .portfolio-item.packery.style-default .portfolio-summary, .col-md-5 .portfolio-item.packery.outline .portfolio-summary, .col-md-5 .portfolio-item.packery.shadow .portfolio-summary {
	width: 70%;
}

.col-md-6 .portfolio-item.packery.style-default .portfolio-summary, .col-md-6 .portfolio-item.packery.outline .portfolio-summary, .col-md-6 .portfolio-item.packery.shadow .portfolio-summary {
	width: 60%;
}

/* 2.10. Packery hover */
/* main: ../../assets/scss/theme-portfolio.scss*/
.packery.style-hover {
	min-height: 0 !important;
}

.packery.style-hover .inner-wrapper {
	position: relative;
	padding-top: 90%;
}

.packery.style-hover .portfolio-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.packery.style-hover .portfolio-content,
.packery.style-hover .inner-wrapper,
.packery.style-hover .portfolio-main-image,
.packery.style-hover .portfolio-main-image > figure,
.packery.style-hover .portfolio-main-image > figure > img,
.packery.style-hover .parallax-img-parent,
.packery.style-hover .parallax-img-container,
.packery.style-hover .aspect-ratio-container,
.packery.style-hover .aspect-ratio-fill,
.packery.style-hover .aspect-ratio-fill > img,
.packery.style-hover .portfolio-inner {
	min-height: 0 !important;
}

.packery.style-hover .section-parallax-img {
	min-height: 0 !important;
}

.packery.style-hover .portfolio-main-image {
	position: relative;
	top: auto;
	left: auto;
}

.packery.style-hover .portfolio-main-image .progressive__img:not(.section-parallax-img) {
	position: relative;
	top: auto;
	left: auto;
}

.packery.style-hover .portfolio-content {
	position: absolute;
	top: 0;
	left: 0;
}

.packery.style-hover.rella-portfolio-wide .inner-wrapper {
	padding-top: 45%;
}

.packery.style-hover.rella-portfolio-portrait .inner-wrapper, .packery.style-hover.rella-portfolio-double-portrait .inner-wrapper {
	padding-top: 180%;
}

.packery.style-hover.hover-bottom-shadow .portfolio-content > *, .packery.style-hover.hover-only-icons .portfolio-content > *, .packery.style-hover.hover-bottom .portfolio-content > * {
	max-width: none;
}

.col-md-3 .packery.style-hover.rella-portfolio .portfolio-share,
.col-md-3 .packery.style-hover.rella-portfolio .btn, .col-md-3 .packery.style-hover.rella-portfolio-sq .portfolio-share,
.col-md-3 .packery.style-hover.rella-portfolio-sq .btn, .col-md-3 .packery.style-hover.rella-portfolio-big-sq .portfolio-share,
.col-md-3 .packery.style-hover.rella-portfolio-big-sq .btn {
	width: 42px;
	height: 42px;
}

.col-md-3 .packery.style-hover.rella-portfolio .portfolio-share .btn,
.col-md-3 .packery.style-hover.rella-portfolio .btn, .col-md-3 .packery.style-hover.rella-portfolio-sq .portfolio-share .btn,
.col-md-3 .packery.style-hover.rella-portfolio-sq .btn, .col-md-3 .packery.style-hover.rella-portfolio-big-sq .portfolio-share .btn,
.col-md-3 .packery.style-hover.rella-portfolio-big-sq .btn {
	font-size: 13px;
	line-height: 40px;
}

.packery.style-hover.buttons-naked .btn {
	width: auto !important;
	height: auto !important;
	line-height: normal !important;
}

.packery.style-hover.hover-bottom-shadow .portfolio-content {
	padding-bottom: 0;
}

.packery.style-hover.hover-bottom-shadow .title-wrapper {
	padding-bottom: 1.92308em;
}

.packery.style-hover.hover-bottom-shadow .title-wrapper h2 {
	margin-bottom: 0.07692em;
	font-size: 1.53846em;
}

.packery.style-hover.hover-bottom-shadow .category {
	font-size: 0.92308em;
}

.packery.style-hover.hover-side .portfolio-content {
	padding-top: 2.53846em;
	padding-left: 12%;
	padding-bottom: 4.30231em;
}

.packery.style-hover.hover-side .portfolio-meta {
	margin-bottom: 0.46154em;
}

.packery.style-hover.hover-side .portfolio-likes {
	margin-bottom: 0.38462em;
}

.packery.style-hover.hover-only-icons .portfolio-share,
.packery.style-hover.hover-only-icons .btn {
	width: 25% !important;
	height: auto !important;
}

.packery.style-hover.hover-only-icons .portfolio-share .btn,
.packery.style-hover.hover-only-icons .btn .btn {
	width: 100% !important;
}

.packery.style-hover.hover-color .portfolio-content, .packery.style-hover.hover-dark .portfolio-content, .packery.style-hover.hover-gradient .portfolio-content {
	/* padding-top: 26.346%;*/
	/* padding-bottom: 25%;*/
}

.packery.style-hover.hover-color .title-wrapper, .packery.style-hover.hover-dark .title-wrapper, .packery.style-hover.hover-gradient .title-wrapper {
	margin-bottom: 0.53846em;
}

.packery.style-hover.hover-color .title-wrapper h2, .packery.style-hover.hover-dark .title-wrapper h2, .packery.style-hover.hover-gradient .title-wrapper h2 {
	margin-top: 0.38462em;
	margin-bottom: 0.15385em;
	font-size: 2.15385em;
}

.packery.style-hover.hover-color .portfolio-summary, .packery.style-hover.hover-dark .portfolio-summary, .packery.style-hover.hover-gradient .portfolio-summary {
	margin-bottom: 0.53846em;
	font-size: 1.07692em;
	line-height: 2em;
}

.col-md-3 .packery.style-hover.hover-color.rella-portfolio h2, .col-md-3 .packery.style-hover.hover-color.rella-portfolio-sq h2, .col-md-3 .packery.style-hover.hover-color.rella-portfolio-big-sq h2, .col-md-3 .packery.style-hover.hover-dark.rella-portfolio h2, .col-md-3 .packery.style-hover.hover-dark.rella-portfolio-sq h2, .col-md-3 .packery.style-hover.hover-dark.rella-portfolio-big-sq h2, .col-md-3 .packery.style-hover.hover-gradient.rella-portfolio h2, .col-md-3 .packery.style-hover.hover-gradient.rella-portfolio-sq h2, .col-md-3 .packery.style-hover.hover-gradient.rella-portfolio-big-sq h2 {
	font-size: 1.69231em;
}

.col-md-3 .packery.style-hover.hover-rectangular .portfolio-summary, .col-md-3 .packery.style-hover.hover-color .portfolio-summary, .col-md-3 .packery.style-hover.hover-dark .portfolio-summary, .col-md-3 .packery.style-hover.hover-gradient .portfolio-summary {
	display: none;
}

.packery.style-hover.hover-color .portfolio-content {
	/* padding-top: 28.335%;*/
	/* padding-bottom: 28.335%;*/
}

.packery.style-hover.hover-gradient .portfolio-likes {
	margin-bottom: 1.23077em;
}

.packery.style-hover.hover-gradient .title-wrapper {
	margin-bottom: 1.15385em;
}

.packery.style-hover.hover-gradient .title-wrapper h2 {
	margin-top: 0.38462em;
	margin-bottom: 0.38462em;
}

.packery.style-hover.hover-gradient .portfolio-summary {
	margin-bottom: 1.15385em;
}

.packery.style-hover.hover-gradient .btn {
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.packery.style-hover.hover-side .btn {
	font-size: 2.69231em;
}

.packery.style-hover.hover-light .portfolio-content {
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
}

.col-md-3 .packery.style-hover.hover-light .portfolio-content {
	/* padding-top: 65%;*/
	/* padding-bottom: 64%;*/
}

.packery.style-hover.hover-bottom-left .portfolio-content {
	padding-top: 1.36em;
	padding-bottom: 1.53846em;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.packery.style-hover.hover-bottom-left .portfolio-share-popup {
	bottom: auto;
	top: calc(100% + 20px);
}

.col-md-6 .packery.style-hover.hover-bottom-left .portfolio-footer,
.col-md-6 .packery.style-hover.hover-bottom-left .portfolio-meta,
.col-md-6 .packery.style-hover.hover-bottom-left .title-wrapper,
.col-md-6 .packery.style-hover.hover-bottom-left .portfolio-summary {
	width: 65%;
}

.packery.style-hover.hover-top-left .portfolio-content {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.packery.style-hover.hover-frame .portfolio-content {
	padding-top: 1.53846em;
	padding-bottom: 1.73846em;
}

.packery.style-hover.hover-frame .portfolio-summary {
	margin-bottom: 0.76923em;
}

.packery.style-hover.hover-frame .portfolio-inner:before,
.packery.style-hover.hover-frame .portfolio-content:before {
	width: 5px;
}

.packery.style-hover.hover-frame .portfolio-inner:after,
.packery.style-hover.hover-frame .portfolio-content:after {
	height: 5px;
}

.packery.style-hover.hover-rectangular .portfolio-summary {
	margin-bottom: 0;
}

.packery.style-hover.hover-rectangular .portfolio-footer {
	margin-top: 0.76923em;
}

.packery.style-hover.hover-blur .portfolio-content {
	padding-top: 1.90538em;
	padding-bottom: 1.23077em;
}

.packery.style-hover.hover-blur .portfolio-meta {
	margin-bottom: 0.38462em;
}

.packery.style-hover.hover-blur .title-wrapper {
	margin-bottom: 0;
}

.packery.style-hover.hover-blur .title-wrapper h2 {
	margin-bottom: 0.23077em;
}

.packery.style-hover.hover-blur .portfolio-summary p {
	line-height: 1.84615em;
}

.packery.style-hover.hover-blur .portfolio-footer {
	margin-top: 0;
}

.packery.style-hover.hover-blur .portfolio-share .btn,
.packery.style-hover.hover-blur .btn {
	width: 40px;
	height: 40px;
	font-size: 1.23077em;
	line-height: 40px;
}

.col-md-3 .packery.style-hover.hover-blur .portfolio-content {
	padding-left: 5%;
	padding-right: 5%;
}

.col-md-4 .packery.style-hover.hover-blur .portfolio-summary,
.col-md-6 .packery.style-hover.hover-blur .portfolio-summary {
	width: 60%;
}

.packery.style-hover.hover-elegant .portfolio-content {
	left: auto;
	top: auto;
}

.packery.style-hover.hover-elegant .title-wrapper {
	padding-top: 0.76923em;
	padding-bottom: 0.76923em;
}

.col-md-3 .packery.style-hover.hover-elegant .portfolio-content {
	margin-top: 81.54%;
}

.packery.style-hover.rella-portfolio-portrait .portfolio-main-image img {
	max-width: none;
}

.packery.style-hover.rella-portfolio-portrait .portfolio-main-image .parallax-img-container .aspect-ratio-fill {
	height: 100% !important;
}

@media screen and (min-width: 768px) {
	.col-md-6 .packery.hover-light .portfolio-content,
	[data-vc-stretch-content] .packery.hover-light .portfolio-content {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
}

@media screen and (max-width: 768px) {
	.col-md-6 .portfolio-item .style-hover.hover-bottom-left .portfolio-footer,
	.col-md-6 .portfolio-item .style-hover.hover-bottom-left .portfolio-meta,
	.col-md-6 .portfolio-item .style-hover.hover-bottom-left .title-wrapper,
	.col-md-6 .portfolio-item .style-hover.hover-bottom-left .portfolio-summary {
		width: 100%;
	}
}

/* 2.11. Packery fixed caption */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.packery.caption-fixed {
	min-height: 0 !important;
}

.portfolio-item.packery.caption-fixed .portfolio-content,
.portfolio-item.packery.caption-fixed .inner-wrapper,
.portfolio-item.packery.caption-fixed .portfolio-main-image,
.portfolio-item.packery.caption-fixed .portfolio-main-image > figure,
.portfolio-item.packery.caption-fixed .portfolio-main-image > figure > img,
.portfolio-item.packery.caption-fixed .parallax-img-parent,
.portfolio-item.packery.caption-fixed .parallax-img-container,
.portfolio-item.packery.caption-fixed .aspect-ratio-container,
.portfolio-item.packery.caption-fixed .aspect-ratio-fill,
.portfolio-item.packery.caption-fixed .aspect-ratio-fill > img,
.portfolio-item.packery.caption-fixed .portfolio-inner {
	min-height: 0 !important;
}

.portfolio-item.packery.caption-fixed .section-parallax-img {
	min-height: 0 !important;
}

.portfolio-item.packery.caption-fixed .portfolio-main-image {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}

.portfolio-item.packery.caption-fixed .portfolio-main-image .progressive__img:not(.section-parallax-img) {
	position: relative;
	top: auto;
	left: auto;
}

.portfolio-item.packery.caption-fixed .portfolio-content {
	position: absolute;
	top: 0;
	left: 0;
}

/* 2.12. Fixed Caption */
/* main: ../../assets/scss/theme-portfolio.scss*/
.portfolio-item.caption-fixed {
	overflow: hidden;
	min-height: 400px;
}

.portfolio-item.caption-fixed .portfolio-content,
.portfolio-item.caption-fixed .inner-wrapper,
.portfolio-item.caption-fixed .portfolio-main-image,
.portfolio-item.caption-fixed .portfolio-main-image > figure,
.portfolio-item.caption-fixed .portfolio-main-image > figure > img,
.portfolio-item.caption-fixed .parallax-img-parent,
.portfolio-item.caption-fixed .parallax-img-container,
.portfolio-item.caption-fixed .aspect-ratio-container,
.portfolio-item.caption-fixed .aspect-ratio-fill,
.portfolio-item.caption-fixed .aspect-ratio-fill > img,
.portfolio-item.caption-fixed .portfolio-inner {
	min-height: 400px;
}

.portfolio-item.caption-fixed .section-parallax-img {
	min-height: 480px;
}

.portfolio-item.caption-fixed .portfolio-inner {
	-webkit-transform: none !important;
	transform: none !important;
}

.portfolio-item.caption-fixed .portfolio-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100% !important;
	height: 100%;
	left: auto !important;
	margin-left: 0 !important;
	padding-top: 6.78571em;
	padding-bottom: 6.07143em;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	opacity: 1;
	visibility: visible;
}

.portfolio-item.caption-fixed .portfolio-inner {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-item.caption-fixed .portfolio-main-image {
	width: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.caption-fixed .portfolio-main-image .carousel-container,
.portfolio-item.caption-fixed .portfolio-main-image .carousel-items,
.portfolio-item.caption-fixed .portfolio-main-image .flickity-slider,
.portfolio-item.caption-fixed .portfolio-main-image .flickity-slider > [class^=col-],
.portfolio-item.caption-fixed .portfolio-main-image .flickity-slider .aspect-ratio-fill,
.portfolio-item.caption-fixed .portfolio-main-image img:not(.section-parallax-img) {
	height: 100% !important;
	min-height: 400px;
}

.portfolio-item.caption-fixed .portfolio-main-image img {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.caption-fixed .portfolio-likes {
	margin-bottom: 0.2em;
}

.portfolio-item.caption-fixed .portfolio-likes a {
	color: #000;
}

.portfolio-item.caption-fixed .portfolio-likes i {
	width: auto;
	height: auto;
	background-color: transparent !important;
	line-height: normal;
	color: #000;
}

.portfolio-item.caption-fixed .portfolio-likes a:hover i {
	background-color: transparent;
}

.portfolio-item.caption-fixed .blur-image-container,
.portfolio-item.caption-fixed .portfolio-meta,
.portfolio-item.caption-fixed .title-wrapper,
.portfolio-item.caption-fixed .portfolio-summary,
.portfolio-item.caption-fixed .portfolio-footer {
	opacity: 1;
	visibility: visible;
	-webkit-filter: none;
	filter: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.portfolio-item.caption-fixed .aspect-ratio-fill {
	padding-bottom: 0 !important;
}

.portfolio-item.caption-fixed .overlay-link h2,
.portfolio-item.caption-fixed .overlay-link a, .portfolio-item.caption-fixed .overlay-link {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	text-indent: -99999px;
}

.portfolio-item.caption-fixed.masonry .inner-wrapper,
.portfolio-item.caption-fixed.masonry .portfolio-inner {
	height: auto;
}

.portfolio-item.caption-fixed.masonry .carousel-container,
.portfolio-item.caption-fixed.masonry .carousel-items,
.portfolio-item.caption-fixed.masonry .flickity-slider,
.portfolio-item.caption-fixed.masonry .flickity-slider > [class^=col-],
.portfolio-item.caption-fixed.masonry .flickity-slider .aspect-ratio-fill,
.portfolio-item.caption-fixed.masonry img:not(.section-parallax-img) {
	height: auto !important;
}

.portfolio-item.caption-fixed.masonry .portfolio-main-image {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	bottom: auto !important;
	right: auto !important;
}

.portfolio-item.caption-fixed.masonry .portfolio-content {
	position: absolute;
	top: 0;
	left: 0;
}

.portfolio-item.caption-fixed.text-light .portfolio-likes i,
.portfolio-item.caption-fixed.text-light .portfolio-likes a {
	color: #fff;
}

.portfolio-item.caption-fixed:not(.masonry) .flickity-viewport {
	height: 100% !important;
	min-height: 280px;
}

.portfolio-item.caption-fixed:hover .portfolio-main-image {
	-webkit-transform: scale3d(1.15, 1.15, 1.15);
	transform: scale3d(1.15, 1.15, 1.15);
}

.portfolio-item.caption-fixed:hover .portfolio-content {
	/* transform: scale3d(1.2, 1.2, 1.2);*/
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.portfolio-item.caption-fixed:hover .portfolio-meta,
.portfolio-item.caption-fixed:hover .title-wrapper,
.portfolio-item.caption-fixed:hover .portfolio-summary,
.portfolio-item.caption-fixed:hover .portfolio-footer {
	opacity: 0;
	visibility: hidden;
}

.portfolio-item.caption-fixed:hover .portfolio-meta {
	/* transition-delay: 0.05s;*/
	-webkit-transform: translate3d(0, -55px, 0);
	transform: translate3d(0, -55px, 0);
}

.portfolio-item.caption-fixed:hover .title-wrapper {
	/* transition-delay: 0.1s;*/
	-webkit-transform: translate3d(0, -45px, 0);
	transform: translate3d(0, -45px, 0);
}

.portfolio-item.caption-fixed:hover .portfolio-summary {
	/* transition-delay: 0.15s;*/
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
}

.portfolio-item.caption-fixed:hover .portfolio-footer {
	/* transition-delay: 0.2s;*/
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

/* 2.13. Grid fixed caption */
/* main: ../../assets/scss/theme-portfolio.scss*/
.grid.caption-fixed .portfolio-content {
	padding-top: 4.14286em;
	padding-bottom: 4.28571em;
}

@media screen and (min-width: 768px) {
	.grid.caption-fixed {
		min-height: 280px;
	}
	.grid.caption-fixed .portfolio-content,
	.grid.caption-fixed .inner-wrapper,
	.grid.caption-fixed .portfolio-main-image,
	.grid.caption-fixed .portfolio-main-image > figure,
	.grid.caption-fixed .portfolio-main-image > figure > img,
	.grid.caption-fixed .parallax-img-parent,
	.grid.caption-fixed .parallax-img-container,
	.grid.caption-fixed .aspect-ratio-container,
	.grid.caption-fixed .aspect-ratio-fill,
	.grid.caption-fixed .aspect-ratio-fill > img,
	.grid.caption-fixed .portfolio-inner {
		min-height: 280px;
	}
	.col-md-6 .grid.caption-fixed .portfolio-content, .col-md-6
	.grid.caption-fixed .inner-wrapper, .col-md-6
	.grid.caption-fixed .portfolio-main-image, .col-md-6
	.grid.caption-fixed .portfolio-main-image > figure, .col-md-6
	.grid.caption-fixed .portfolio-main-image > figure > img, .col-md-6
	.grid.caption-fixed .parallax-img-parent, .col-md-6
	.grid.caption-fixed .parallax-img-container, .col-md-6
	.grid.caption-fixed .aspect-ratio-container, .col-md-6
	.grid.caption-fixed .aspect-ratio-fill, .col-md-6
	.grid.caption-fixed .aspect-ratio-fill > img, .col-md-6
	.grid.caption-fixed .portfolio-inner {
		min-height: 400px;
	}
	.grid.caption-fixed .section-parallax-img {
		min-height: 350px;
	}
	.col-md-6 .grid.caption-fixed .section-parallax-img {
		min-height: 480px;
	}
	.col-md-6 .grid.caption-fixed {
		min-height: 400px;
	}
}

/* 2.14. Masonry fixed caption */
/* main: ../../assets/scss/theme-portfolio.scss*/
.masonry.caption-fixed {
	/* @extend .masonry.style-hover;*/
}

.masonry.caption-fixed .portfolio-content {
	padding-top: 6.78571em;
	padding-bottom: 6.28571em;
}
