*,::after,::before{box-sizing:border-box}

:root {
	--tt-main-bg-color: #0a0a0a; /* background color. */
	--tt-main-color: #c00; /* main color. */
}
.mos-img img{
	display: none;
}
.mos-img{
	padding-top: 10px;
}

.pgi-image-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}
.pgi-cap-overs .egaller-dat,.pgi-cap-overs .egaller-title,.pgi-cap-overs .egaller-title a,.pgi-cap-overs .egaller-cat,.pgi-cap-overs .mos-img{
	color: #fff;
}

.pgi-cap-overs .egaller-dat,.pgi-cap-overs .egaller-cat,.pgi-cap-simples .egaller-dat, .pgi-cap-simples .egaller-cat{
	display: inline-block;
	padding: 0px 10px;
}
.pgi-cap-overs .pgi-caption-inner{
	padding: 0px 50px;
}
.pgi-cap-simples .pgi-caption-inner{
	padding: 20px 30px;
}
/* ------------------------------------------------------------- *
 * tt-Section
/* ------------------------------------------------------------- */

.tt-section {
	position: relative;
	padding: 80px 0;
}
@media (max-width: 991px) {
	.tt-section {
		padding: 10% 0;
	}
	.pspl-item-title,
	.pspl-item-hover-title {
	color: #f1f1f1 !important;
	}
}
@media (max-width: 767px) {
	.tt-section {
		padding: 10% 0;
	}
}
@media (max-width: 480px) {
	.tt-section {
		padding: 15% 0;
	}
}


/* tt-section background image 
=============================== */
.tt-section-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
}


/* tt-section inner 
==================== */
.tt-section-inner {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}



/* Scroll down 
=============== */
.tt-scroll-down {
	position: absolute;
	bottom: 2%;
	left: 4%;
	z-index: 9;
}
#page-header:not(.ph-full) .tt-scroll-down { /* Display only on full scren page header! */
	display: none;
}

.tt-sd-inner {
	display: inline-flex;
	align-items: center;
	height: 50px;
	text-decoration: none;
	transform: rotate(-90deg);
	transform-origin: center left;
}

/* Scroll down text */
.tt-sd-text {
	margin-left: 10px;
	font-size: 15px;
	font-weight: bold;
	font-weight: 600;
	color: #EEE;
}

/* Scroll down arrow */
.tt-sd-arrow {
	position: relative;
	width: 55px;
}
.tt-sd-arrow-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #EEE;
	animation: scroll-down-swipe-line 4s infinite;
}
@keyframes scroll-down-swipe-line {
	80% {
		transform-origin: left;
		transform: scaleX(1); 
	}
	90% {
		transform-origin: left;
		transform: scaleX(0); 
	}
	90.1% {
		transform-origin: right;
		transform: scaleX(0); 
	}
	100% {
		transform-origin: right;
		transform: scaleX(1); 
	}
}
.tt-sd-arrow::before,
.tt-sd-arrow::after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	width: 12px;
	background-color: #EEE;
	transition: width .3s;
}
.tt-sd-arrow::before {
	top: 0px;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}
.tt-sd-arrow::after {
	bottom: 0px;
	transform: rotate(45deg);
	transform-origin: top left;
}
.tt-sd-arrow,
.tt-sd-arrow::before,
.tt-sd-arrow::after {
	height: 2px;
}

/* Scroll down hover */
.tt-sd-inner:hover .tt-sd-arrow::before,
.tt-sd-inner:hover .tt-sd-arrow::after {
	width: 16px;
}

/* Scroll down for small screens */
@media (max-width: 1024px) {
	.tt-scroll-down {
		bottom: 0%;
		left: 6%;
	}
	.tt-sd-text { 
		display: none;
	}
	.tt-sd-arrow {
		width: 15px;
	}
	.tt-sd-arrow::before, 
	.tt-sd-arrow::after {
		width: 10px;
	}
}


/* Page header styles 
====================== */
/* page header caption title (stroke style) */
#page-header.ph-stroke .ph-caption-title {
	font-weight: bold;
	font-weight: 700;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	-webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
	#page-header.ph-stroke .ph-caption-title {
		-webkit-text-stroke-width: 1px;
	}
}


/* Page header sizes 
===================== */
/* Caption size sm */
#page-header.ph-cap-sm .ph-caption-title {
	font-size: clamp(38px, 4vw, 68px);
}

/* Caption size lg */
#page-header.ph-cap-lg .ph-caption-title {
	font-size: clamp(20px, 4vw, 100px);
}

/* Caption size xlg */
#page-header.ph-cap-xlg .ph-caption-title {
	font-size: clamp(38px, 8vw, 142px);
}

/* Caption size xxlg */
#page-header.ph-cap-xxlg .ph-caption-title {
	font-size: clamp(38px, 10vw, 180px);
	line-height: 1;
}
@media (min-width: 1025px) {
	#page-header.ph-cap-xxlg.ph-stroke .ph-caption-title {
		-webkit-text-stroke-width: 3px;
	}
}

/* Page header full screen (no effect on smaller screens!) */
@media (min-width: 1025px) {
	#page-header.ph-full {
		display: flex;
		align-items: center;
		min-height: 100vh;
	}
	#page-header.ph-full .page-header-inner {
		padding-top: 10% !important;
		padding-bottom: 5% !important;
	}
	#page-header.ph-full.ph-center .page-header-inner {
		padding-top: 5% !important;
		padding-bottom: 5% !important;
	}
	#page-header.ph-full .ph-image {
		position: absolute;
		display: flex;
		align-items: center;
		top: 0;
		bottom: 0;
		height: 100%;
	}
	#page-header.ph-full:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
		padding-bottom: 140%;
	}
}


/* ------------------------------------------------------------- *
 * Page header
/* ------------------------------------------------------------- */

#page-header {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.page-header-inner,
body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
	width: 100%;
	padding-top: 9vw;
	padding-bottom: 12vw;
	z-index: 2;
}
body.ph-image-on #page-header .page-header-inner {
	padding-top: 16vw;
	padding-bottom: 13vw;
}
body:not(.tt-boxed) .page-header-inner, 
.page-header-inner:not(.tt-wrap) {
	padding-left: 13%;
	padding-right: 13%;
}
@media (max-width: 1920px) {
	.page-header-inner {
		padding-top: 250px;
		padding-bottom: 140px;
	}
	body.ph-image-on #page-header .page-header-inner {
		padding-top: 200px;
		padding-bottom: 140px;
	}

	/* If page header image does not exist or project info list exist */
	body:not(.ph-image-on) #page-header .page-header-inner,
	body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
		padding-top: 100px;
		padding-bottom: 110px;
	}
}
@media (max-width: 1400px) {
	body.tt-boxed .page-header-inner.tt-wrap {
		padding-left: 8%;
		padding-right: 5%;
	}
}
@media (max-width: 1024px) {
	#page-header .page-header-inner {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	body:not(.tt-boxed) .page-header-inner, 
	.page-header-inner:not(.tt-wrap) {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media (max-width: 768px) {
	.page-header-inner,
	body:not(.ph-image-on) #page-header .page-header-inner,
	body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
		padding-top: 70px;
		padding-bottom: 90px;
	}
}
@media (max-width: 540px) {
	body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
		padding-top: 240px;
		padding-bottom: 40vw;
	}
}


/* Page header caption 
======================= */
.ph-caption {
	position: relative;
}

/* page header caption title */
.ph-caption-title {
	position: relative;
	margin: 0;
	font-size: clamp(38px, 5vw, 82px);
	font-weight: bold;
	font-weight: 600;
	color: var(--tt-main-color);
	line-height: 1.2;
	z-index: 9;
}

/* page header caption title ghost */
.ph-caption-title-ghost {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	left: 6%;
	padding-top: 5%;
	font-size: calc(18px + 13.5vw);
	font-weight: bold;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	line-height: 1;
	opacity: .1;
	z-index: 1;
	pointer-events: none;
}
.ph-caption-title-ghost .phgh-text { /* cloned text by .js */
	display: inline-block;
	margin-right: 7vw;
}
#page-header.ph-bg-image .ph-caption-title-ghost { /* disable title ghost if "ph-bg-image" is enabled */
	display: none;
}

/* page header caption subtitle */
.ph-caption-subtitle {
	position: relative;
	margin-bottom: 20px;
	font-size: calc(15px + 0.3vw);
	font-weight: 500;
	color: #CCC;
	z-index: 9;
}
.ph-caption-title + .ph-caption-subtitle {
	margin-top: 20px;
	margin-bottom: 0;
}



/* Page header positions 
========================= */
/* Position center */
#page-header.ph-center {
	text-align: center;
}
@media (min-width: 1025px) {
	#page-header.ph-center .page-header-inner {
		max-width: 100%;
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
}
#page-header.ph-center .ph-caption {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#page-header.ph-center .ph-caption-title-ghost {
	left: 50%;
	font-size: calc(16px + 12vw);
	transform: translate3d(-50%, 0, 0);
}
#page-header.ph-center .ph-caption-description,
#page-header.ph-center .ph-caption > p {
	margin-left: auto;
	margin-right: auto;
}

#page-header.ph-center:not(.ph-bg-image) .ph-image {
	right: 50%;
	transform: translate(50%, 0);
}

/* ====================
	portfolio images over  
======================= */

.portfolio-grid-item .pgi-image-inner img  {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	background: #292929;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.portfolio-grid-item:hover  .pgi-image-inner img  {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.pgi-image-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index:2;
    background: rgba(0, 0, 0, 0.2);
	transition: all 200ms linear;
	opacity: 0;
}
.portfolio-grid-item:hover .pgi-image-inner:before {
	opacity: 1;
}

/* ====================
	isotope items wrap  
======================= */
.isotope-items-wrap {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

/* isotope items wrap (if gutter enabled) */
.isotope.gutter-1 .isotope-items-wrap {
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
}
.isotope.gutter-2 .isotope-items-wrap {
	margin-top: 1.5%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.isotope.gutter-3 .isotope-items-wrap {
	margin-top: 2.5%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.isotope.gutter-4 .isotope-items-wrap {
	margin-top: 3%;
	margin-left: 3%;
	margin-right: 3%;
}


/* if boxed layout enabled */
body.tt-boxed .isotope-wrap.tt-wrap .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-items-wrap {
	margin-top: 40px;
	margin-left: 0;
	margin-right: 0;
}
@media (max-width: 991px) {
	body.tt-boxed .isotope-wrap.tt-wrap .isotope-items-wrap,
	body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
	body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-items-wrap {
		margin-top: 20px;
	}
}

/* if "isotope-top-content" exist */
body.iso-top-content-on .isotope .isotope-items-wrap {
	margin-top: 0 !important;
}

/* isotope item 
================ */
.isotope-item {
	float: left;
	width: 25%;
}

/* isotope last item (it makes last item to 100% wide). Class: "iso-last-item" */
@media (max-width : 991px) {
	.isotope-item.iso-last-item {
		width: 100% !important;
	}
}

/* isotope item heights 
======================== */
/* isotope item height-1 (use class "iso-height-1") */
.isotope-item.iso-height-1 > div,
.isotope-item.iso-height-1 > a,
.isotope-item.iso-height-1 > article {
	display: block;
	padding-bottom: 70%;
}

/* isotope item height-2 (use class "iso-height-2") */
.isotope-item.iso-height-2 > div,
.isotope-item.iso-height-2 > a,
.isotope-item.iso-height-2 > article {
	display: block;
	padding-bottom: 140%;
}

/* isotope item height-2 if "gutter-1" enabled */
.isotope.colum-2.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.colum-2.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.colum-2.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 140.6%;
}
.isotope.colum-3.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.colum-3.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.colum-3.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 140.9%;
}
.isotope.colum-4.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.colum-4.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.colum-4.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.4%;
}
.isotope.colum-5.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.colum-5.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.colum-5.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.4%;
}
.isotope.colum-6.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.colum-6.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.colum-6.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.8%;
}

/* isotope item height-2 if "gutter-2" enabled */
.isotope.colum-2.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.colum-2.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.colum-2.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 143.1%;
}
.isotope.colum-3.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.colum-3.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.colum-3.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 144.7%;
}
.isotope.colum-4.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.colum-4.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.colum-4.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 146.2%;
}
.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 148%;
}
.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 150%;
}

/* isotope item height-2 if "gutter-3" enabled */
.isotope.colum-2.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.colum-2.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.colum-2.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 145.2%;
}
.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 148%;
}
.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 150.9%;
}
.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 154%;
}
.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 158%;
}
@media (max-width : 1600px) {
	/* isotope item height-2 if "gutter-2" enabled */
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 146.2%;
	}
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 146.4%;
	}

	/* isotope item height-2 if "gutter-3" enabled */
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 151%;
	}
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 151%;
	}
}
@media (max-width: 992px) {
	/* isotope item height-2 if "gutter-2" enabled */
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.colum-5.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 143%;
	}
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.colum-6.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 143%;
	}

	/* isotope item height-2 if "gutter-3" enabled */
	.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-3.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-4.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-5.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.colum-6.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
}

/* isotope colum-1 if "iso-height-1" enabled */
.isotope.colum-1 .isotope-item.iso-height-1 > div,
.isotope.colum-1 .isotope-item.iso-height-1 > a,
.isotope.colum-1 .isotope-item.iso-height-1 > article {
	display: block;
	padding-bottom: 30%;
}
@media (max-width: 768px) {
	.isotope.colum-1 .isotope-item.iso-height-1 > div,
	.isotope.colum-1 .isotope-item.iso-height-1 > a,
	.isotope.colum-1 .isotope-item.iso-height-1 > article {
		padding-bottom: 48%;
	}
}
/* isotope colum-1 if "iso-height-2" enabled */
.isotope.colum-1 .isotope-item.iso-height-2 > div,
.isotope.colum-1 .isotope-item.iso-height-2 > a,
.isotope.colum-1 .isotope-item.iso-height-2 > article {
	display: block;
	padding-bottom: 48%;
}


/* isotope gutter (add more space between isotope items) 
=========================================================*/
/* gutter-1 */
.isotope.gutter-1 .isotope-item { padding: 0 0 6px 6px; }
.isotope.gutter-1 { margin-left: -6px; }

/* gutter-2 */
.isotope.gutter-2 .isotope-item { padding: 0 0 1.5% 1.5%; }
.isotope.gutter-2 { margin-left: -1%; }

/* gutter-3 */
.isotope.gutter-3 .isotope-item { padding: 0 0 2.5% 2.5%; }
.isotope.gutter-3 { margin-left: -1.3%; }

/* gutter-4 */
.isotope.gutter-4 .isotope-item { padding: 0 0 3% 3%; }
.isotope.gutter-4 { margin-left: -1.6%; }


/* isotope columns 
=================== */
.isotope.colum-1 .isotope-item {
	width: 100%;
}
.isotope.colum-2 .isotope-item {
	width: 50%;
}
.isotope.colum-3 .isotope-item {
	width: 33.33333333%;
}
.isotope.colum-4 .isotope-item {
	width: 25%;
}
.isotope.colum-5 .isotope-item {
	width: 20%;
}
.isotope.colum-6 .isotope-item {
	width: 16.66666666666667%;
}

/* isotope grid sizer */
.grid-sizer {
	width: 25%;
}
.isotope.colum-1 .grid-sizer {
	width: 100%;
}
.isotope.colum-2 .grid-sizer {
	width: 50%;
}
.isotope.colum-3 .grid-sizer {
	width: 33.33333333%;
}
.isotope.colum-4 .grid-sizer {
	width: 25%;
}
.isotope.colum-5 .grid-sizer {
	width: 20%;
}
.isotope.colum-6 .grid-sizer {
	width: 16.66666666666667%;
}

/* isotope item width (alternative width) */
.isotope.colum-2 .width-2 { width: 100%; }
.isotope.colum-3 .width-2 { width: 66.66666666%; }
.isotope.colum-4 .width-2 { width: 50%; }
.isotope.colum-5 .width-2 { width: 40%; }
.isotope.colum-6 .width-2 { width: 33.33333333%; }

/* isotope columns on smaller screens 
====================================== */
@media (max-width : 1600px) {
	.isotope.colum-5 .isotope-item,
	.isotope.colum-6 .isotope-item,

	.isotope.colum-5 .grid-sizer,
	.isotope.colum-6 .grid-sizer {
		width: 25%;
	}
	.isotope.colum-5 .width-2,
	.isotope.colum-6 .width-2 {
		width: 50%;
	}
}

@media (max-width : 1200px) {
	.isotope.colum-4 .isotope-item,
	.isotope.colum-5 .isotope-item,
	.isotope.colum-6 .isotope-item,

	.isotope.colum-4 .grid-sizer,
	.isotope.colum-5 .grid-sizer,
	.isotope.colum-6 .grid-sizer {
		width: 33.33333333%;
	}
	.isotope.colum-4 .width-2,
	.isotope.colum-5 .width-2,
	.isotope.colum-6 .width-2 {
		width: 66.66666666%;
	}
}

@media (max-width : 991px) {
	.isotope.colum-3 .isotope-item,
	.isotope.colum-4 .isotope-item,
	.isotope.colum-5 .isotope-item,
	.isotope.colum-6 .isotope-item,

	.isotope.colum-3 .grid-sizer,
	.isotope.colum-4 .grid-sizer,
	.isotope.colum-5 .grid-sizer,
	.isotope.colum-6 .grid-sizer,

	.isotope.colum-3 .width-2,
	.isotope.colum-4 .width-2,
	.isotope.colum-5 .width-2,
	.isotope.colum-6 .width-2 {
		width: 50%;
	}
}

@media (max-width : 480px) {
	.isotope.colum-2 .isotope-item,
	.isotope.colum-3 .isotope-item,
	.isotope.colum-4 .isotope-item,
	.isotope.colum-5 .isotope-item,
	.isotope.colum-6 .isotope-item {
		width: 100%;
	}
}

.isotope-wrap .colum-1,.isotope-wrap .colum-2,.isotope-wrap .colum-3,.isotope-wrap .colum-4,.isotope-wrap .colum-5,.isotope-wrap .colum-6{
    padding: 0px;
}

/* ------------------------------------------------------------- *
 * portfolio
/* ------------------------------------------------------------- */
#portfolio-grid.pgi-cap-overs .egaller-box-content  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scaleX(0);
    opacity: 0;
    transform-origin: right;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#portfolio-grid.pgi-hover.pgi-cap-overs  .portfolio-grid-item:hover .egaller-box-content{
    transform: scaleX(1);
    opacity: 1;
    z-index: 88;
}

#portfolio-grid.pgi-cap-simples .egaller-box-content  {
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#portfolio-grid.pgi-cap-center .pgi-caption {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#portfolio-grid.pgi-cap-center .pgi-caption-inner {
	text-align: center;
}
#portfolio-grid.pgi-cap-inside.pgi-cap-center .pgi-caption {
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, 50%) !important;
}

/* ------------------------------------------------------------- *
 * Buttons
/* ------------------------------------------------------------- */

button {
	background-color: transparent;
	cursor: pointer;
	border: none;
}

.tt-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	background-color: transparent;
	margin: 15px 15px 15px 0;
	padding: 0 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-weight: 500;
	overflow: hidden;
	cursor: pointer;
	border: none;
	border-radius: 100px;
	z-index: 9;
}
.tt-btn:last-child {
	margin-right: 0;
}
.tt-btn > * {
	position: relative;
	color: #FFF;
	transition: transform 0.3s;
}
.tt-btn > *,
.tt-btn > *::after {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 1;
}
.tt-btn > *::after {
	position: absolute;
	content: attr(data-hover);
	top: 100%;
	width: 100%;
	left: 0;
	padding-left: 0;
	padding-right: 0;
}
.tt-btn:hover > *:not(.tt-btn-icon) {
	transform: translate3d(0, -100%, 0);
}

/* Button icon (works with "tt-btn-link" only!) */
.tt-btn-icon {
	display: inline-flex;
}
.tt-btn-icon:first-child {
	margin-right: 10px;
}
.tt-btn-icon:last-child {
	margin-left: 10px;
}


/* Button styles 
================= */
/* Button full width */
.tt-btn-full {
	display: flex;
	width: 100%;
	text-align: center;
}

/* Button round */
.tt-btn-round {
	width: 110px;
	height: 110px;
}
@media (max-width: 1024px) {
	.tt-btn-round {
		width: 100px;
		height: 100px;
	}
}
.tt-btn-round > * {
	max-width: 75%;
	padding: 0;
	line-height: 1.4;
}
.tt-btn-round > *::after {
	width: 100;
	line-height: 1.4;
}

/* Button primary */
.tt-btn-primary {
	background-color: var(--tt-main-color);
}
.tt-btn-primary > *,
.tt-btn-primary > *::after {
	color: #FFF;
}
.tt-btn-primary:hover > * {
	color: #FFF;
}

/* Button primary outline */
.tt-btn-primary-outline {
	box-shadow: inset 0 0 0 2px var(--tt-main-color);
}
.tt-btn-primary-outline > *,
.tt-btn-primary-outline > *::after {
	color: var(--tt-main-color);
}
.tt-btn-primary-outline:hover > * {
	color: var(--tt-main-color);
}

/* Button light */
.tt-btn-light {
	background-color: #FFF;
}
.tt-btn-light > *,
.tt-btn-light > *::after {
	color: #111;
}
.tt-btn-light:hover > * {
	color: #111;
}

/* Button light outline */
.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px #FFF;
}
.tt-btn-light-outline > *,
.tt-btn-light-outline > *::after {
	color: #FFF;
}
.tt-btn-light-outline:hover > * {
	color: #FFF;
}

/* Button dark */
.tt-btn-dark {
	background-color: #292929;
}
.tt-btn-dark > *,
.tt-btn-dark > *::after {
	color: #FFF;
}
.tt-btn-dark:hover > * {
	color: #FFF;
}

/* Button dark outline */
.tt-btn-dark-outline {
	box-shadow: inset 0 0 0 2px #222;
}
.tt-btn-dark-outline > *,
.tt-btn-dark-outline > *::after {
	color: #222;
}
.tt-btn-dark-outline:hover > * {
	color: #222;
}

/* Button link */
.tt-btn-link {
	padding: 0;
	align-items: center;
	font-weight: normal;
	border-radius: 0;
}
.tt-btn-link > *,
.tt-btn-link > *::after {
	padding: 0;
	line-height: 1.6;
	color: #FFF;
}
.tt-btn-link:hover > *,
.tt-btn-link:hover > *::after {
	color: #FFF;
}


/* Button line (alternative to the icon)
=============== */
.tt-btn-line {
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #FFF;
	margin-top: 2px;
}
body:not(.is-mobile) .tt-btn:hover .tt-btn-line {
	animation: swipe-line .8s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
}

@keyframes swipe-line {
	0% {
		transform-origin: right;
		transform: scale(1); 
	}
	33% {
		transform-origin: right;
		transform: scaleX(0); 
	}
	66% {
		transform-origin: left;
		transform: scaleX(0); 
	}
	to {
		transform-origin: left;
		transform: scale(1); } 
}

/* Button disabled */
.tt-btn.tt-btn-disabled {
	opacity: .4;
	cursor: not-allowed;
}


/* Scrolling button
==================== */
.tt-scrolling-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	line-height: 0;
	z-index: 9;
}
@media (max-width: 991px) {
	.tt-scrolling-btn {
		transform: scale(.8);
	}
}
@media (max-width: 380px) {
	.tt-scrolling-btn {
		transform: scale(.7);
	}
}

/* Scrolling button icon */
.scr-btn-icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	font-size: 18px;
	color: #999;
	transform: translate(-50%, -50%);
	transition: color .2s;
}
.tt-scrolling-btn:hover .scr-btn-icon {
	color: #FFF;
}

/* Scrolling button spinner */
.scr-btn-spinner {
}
.tt-scrolling-btn svg { 
	width: 100%;
}

/* Scrolling button text (Note: If you change the scrolling button text, you probably need to adjust this CSS so that your text fits correctly!) */
.scr-btn-text { 
	font-size: 41px;
	font-weight: bold;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 13px;
	fill: #BBB;
	transition: fill .2s;
}
.tt-scrolling-btn:hover .scr-btn-text { 
	fill: #FFF; 
}

/* ------------------------------------------------------------- *
 * tt-Arrows
/* ------------------------------------------------------------- */

[class*="tt-arrow"] {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 2px;
	box-shadow: inset 0 0 0 40px;
	margin: 10px;
	color: #FFF;
}

[class*="tt-arrow"]:before, 
[class*="tt-arrow"]:after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	width: 12px;
	height: 2px;
	box-shadow: inset 0 0 0 40px;
}
[class*="tt-arrow"]:before {
	top: 0px;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}
[class*="tt-arrow"]:after {
	bottom: 0px;
	transform: rotate(45deg);
	transform-origin: top left;
}

.tt-arrow-left {
	/* Left is devault angle */
}
.tt-arrow-right {
	transform: rotate(180deg);
}
.tt-arrow-up {
	transform: rotate(90deg);
}
.tt-arrow-down {
	transform: rotate(270deg);
}
.tt-arrow-left-up {
	transform: rotate(45deg);
}
.tt-arrow-left-down {
	transform: rotate(320deg);
}
.tt-arrow-right-up {
	transform: rotate(135deg);
}
.tt-arrow-right-down {
	transform: rotate(225deg);
}


.mos-img img{
	display: none;
}
.mos-img{
	padding-top: 10px;
}
 .pgi-category a, .pli-category a {
	color: #ccc;
}

.darkcolor, .darkcolor a {
  color: #111;
}
.mx-icon-zooms {
	z-index: 160;
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all 300ms linear;
	opacity: 0;
}

.mx-icon-zoom {
	padding-top: 18px;
	padding-left: 20px;
	font-size: 18px;
	background-color: var(--tt-main-color);
	color: #fff;
	height: 60px;
	width: 60px;
	border-radius: 50px;
}
.ttgr-item-inner:hover .mx-icon-zooms{
	opacity: 1;
}
.mx-icon-zoom:hover {
	background-color: var(--tt-main-bg-color);
	color: #fff;
}
.mx-icon-zoomleft {
	position: absolute;
	z-index: 100;
	top: 22px;
	left: 22px;
	opacity: 0;
	transition: all 200ms linear;
}


/* tt-Ggrid categories/filter 
============================== */
.tt-grid-categories {
	position: relative;
}


/* tt-Ggrid categories/filter trigger 
====================================== */
.ttgr-cat-trigger-wrap {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #FFF;
	z-index: 999;
}

.ttgr-cat-trigger {
	position: relative;
	display: inline-flex;
	align-items: center;
	background-color: #2a2a2a;
	cursor: pointer;
	border-radius: 50px;
}
.ttgr-cat-trigger:hover {
}

.ttgr-cat-text {
	float: left;
	min-width: 60px;
	text-align: right;
	overflow: hidden;
}
.ttgr-cat-text > span {
	position: relative;
	display: inline-block;
	width: 100%;
	transition: transform 0.3s;
}
body:not(.is-mobile) .ttgr-cat-trigger:hover .ttgr-cat-text > span {
	transform: translate3d(0, -100%, 0);
}
body:not(.is-mobile) .ttgr-cat-text > span::before {
	position: absolute;
	top: 100%;
	right: 0;
	content: attr(data-hover);
}

.ttgr-cat-icon {
	float: left;
}
.ttgr-cat-icon span {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 17px;
}

/* If "ttgr-cat-nav" is open */
@media (min-width: 768px) {
	body.ttgr-cat-nav-open .ttgr-item-inner {
		transition: transform 0.6s ease-in-out;
	}
}
body.ttgr-cat-nav-open .pgi-image.anim-image-parallax,
body.ttgr-cat-nav-open .pgi-video-wrap.anim-image-parallax {
	transition: transform 0.8s ease-in-out;
}

/* tt-Ggrid categories trigger position fixed */
.ttgr-cat-trigger-wrap.ttgr-cat-fixed {
	position: fixed;
	bottom: 5%;
	right: 4%;
	padding: 10px 0 10px 10px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 768px) {
	.ttgr-cat-trigger-wrap.ttgr-cat-fixed {
		bottom: 20px;
	}
}
body.ttgr-cat-fixed-on .tt-grid-top {
	padding: 0;
}

.ttgr-cat-trigger-wrap.ttgr-cat-fixed .ttgr-cat-trigger {
	background-color: rgb(50 50 50 / 50%);
	backdrop-filter: blur(10px);
	border-radius: 50px;
	padding-right: 10px;
	color: #fff;
}

/* tt-Ggrid categories trigger colored style */
.ttgr-cat-trigger-wrap.ttgr-cat-colored .ttgr-cat-trigger {
	background-color: var(--tt-main-color);
	color: #FFF;
}


/* tt-Ggrid categories/filter nav 
================================== */
.ttgr-cat-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgb(0 0 0 / 70%);
	backdrop-filter: blur(10px);
	pointer-events: initial;
	z-index: 998;
	visibility: hidden;
	opacity: 0;
}
.ttgr-cat-list-holder {
	position: relative;
	height: 100%;
	width: calc(100% + 17px);
	padding-right: 17px;
	overflow-y: scroll;
	z-index: 2;
}
.ttgr-cat-list-inner {
	display: table;
	width: 100%;
	max-width: 1282px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.ttgr-cat-list-content {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 160px 5% 120px 10%;
}
.ttgr-cat-list-content ul > li > a {
	color: #fff
}
/* tt-Ggrid categories list */
.ttgr-cat-list {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ttgr-cat-list > li {
	position: relative;
}
.ttgr-cat-list > li > a {
	position: relative;
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: calc(26px + 1.7vw);
	font-weight: bold;
	font-weight: 600;
	line-height: 1.2;
	color: #FFF;
	opacity: .5;
	transition: color 0.3s, transform 0.3s;
}
.ttgr-cat-list > li > a:hover,
.ttgr-cat-list > li > a:focus,
.ttgr-cat-list > li > a.active {
	color: #FFF;
	opacity: 1;
	transform: skew(-15deg, 0deg);
}
.ttgr-cat-list > li:first-child > a {
	padding-top: 0;
}.ttgr-cat-list > li:last-child > a {
	padding-bottom: 0;
}

/* tt-Ggrid categories list item counter */
@media (min-width: 992px) {
	.ttgr-cat-list {
		counter-reset: ttgr-cat-list-counter;
	}
	.ttgr-cat-list .ttgr-cat-item::before {
		position: absolute;
		counter-increment: ttgr-cat-list-counter;
		content: "" counter(ttgr-cat-list-counter, decimal-leading-zero);
		top: 5px;
		left: -40px;
		line-height: 1;
		font-size: 14px;
		font-weight: normal;
		color: #FFF;
		opacity: 0.4;
	}
}

/* tt-Ggrid categories list close (for mobile devises) */
.ttgr-cat-close {
	margin-bottom: 25px;
	font-size: calc(13px + 0.6vw);
	color: #FFF;
}
body:not(.is-mobile) .ttgr-cat-close {
	display: none;
}


/* tt-Ggrid categories/filter classic 
====================================== */
.tt-grid-categories-classic {
	position: relative;
}

.ttgr-cat-classic-nav {
	text-align: left;
}

/* tt-Ggrid categories/filter classic list */
ul.ttgr-cat-classic-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.ttgr-cat-classic-list > li {
	position: relative;
	display: inline-block;
	margin: 0 4px 10px 4px;
}
ul.ttgr-cat-classic-list > li:first-child {
	margin-left: 0;
}
ul.ttgr-cat-classic-list > li:last-child {
	margin-right: 0;
}
ul.ttgr-cat-classic-list > li > a {
	display: inline-block;
	background-color: rgb(125 125 125 / 7%);
	padding: 5px 15px;
	font-size: 15px;
	line-height: 1.4;
	color: #111;
	border-radius: 100px;
	transition: all 0.3s;
}
ul.ttgr-cat-classic-list > li > a:hover,
ul.ttgr-cat-classic-list > li > a.active {
	background-color: rgb(255 255 255 / 13%);
	color: #FFF;
}

/* tt-Ggrid categories/filter classic positions */
@media (min-width: 768px) {
	.ttgr-cat-classic-nav.ttgr-cat-classic-center {
		text-align: center;
	}
	.ttgr-cat-classic-nav.ttgr-cat-classic-right {
		text-align: right;
	}
}

/* tt-Ggrid categories/filter classic colored style */
.ttgr-cat-classic-nav.ttgr-cat-classic-colored ul.ttgr-cat-classic-list > li > a:hover,
.ttgr-cat-classic-nav.ttgr-cat-classic-colored ul.ttgr-cat-classic-list > li > a.active {
	background-color: var(--tt-main-color);
}


/* ------------------------------------------------------------- *
 * Smooth Scrollbar
 * Source: https://github.com/idiotWu/smooth-scrollbar/
/* ------------------------------------------------------------- */

/* Hide default scrollbar */
body:not(.is-mobile).tt-smooth-scroll {
	overflow: hidden !important;
}

/* Scroll content (added if <body> contain class "tt-smooth-scroll". Disabled on mobile devices!) */
body:not(.is-mobile).tt-smooth-scroll #scroll-container { 
	width: auto;
	height: 100vh;
	overflow: auto;
	margin: 0;
}

/* Styling scrollbar */
.scrollbar-track {
	background: transparent !important;
	z-index: 99999 !important;
	transition: background 0.2s ease-in-out;
}
.scrollbar-track:hover {
	background: rgba(222, 222, 222, 0.15) !important;
}
.scrollbar-thumb {
	background: #DDD !important;
	opacity: .25;
	transition: opacity 0.2s ease-in-out;
}
.scrollbar-track:hover .scrollbar-thumb {
	opacity: .5;
}


/* ------------------------------------------------------------- *
 * Magic cursor
/* ------------------------------------------------------------- */

#magic-cursor {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
}
body.tt-magic-cursor #magic-cursor {
	display: block;
}

#ball {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	pointer-events: none;
	border-style: solid;
	border-radius: 50%;
	border-color: #FFF;
	/* Note: border width handled through JS */
}


/* Ball view 
============= */
#ball.ball-view {
	background-color: var(--tt-main-color);
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
}
#ball .ball-view-inner {
	padding: 0 5px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
}
#ball .ball-view-inner i {
	font-size: 19px;
}


/* Ball drag 
============= */
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
}
#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: 16px;
	color: #FFF;
	height: 10px;
	line-height: 10px;

	/* Font Awesome */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
#ball .ball-drag::before {
	content: "\f060"; /* Font Awesome */
	left: 0;
	transform: translate3d(-30px, 0, 0);
	transition: all 0.25s;
}
#ball .ball-drag::after {
	content: "\f061"; /* Font Awesome */
	right: 0;
	transform: translate3d(30px, 0, 0);
	transition: all 0.25s;
}


/* Ball close 
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
	text-align: center;
}


/* Magnetic cursor
=================== */
.magnetic-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#ball.magnetic-active {
	border-color: var(--tt-main-color) !important;
}