:root {
	--tt-main-bg-color: #f8f4ed;

	--tt-main-color: #b12c0d;

}



* {
	box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	margin: 0;
	background-color: var(--tt-main-bg-color);
	line-height: 1.6;
	font-size: 19px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	overflow-x: hidden;
}

p {
	margin: 0 0 30px;
}

a {
	color: currentColor;
	text-decoration: none;
	outline: none
}

a:hover,
a:focus {
	color: currentColor;
}

p a {
	color: currentColor;
	opacity: .8;
	font-style: italic;
	border-bottom: 1px solid;
}

p a:hover,
p a:focus {
	color: currentColor;
	opacity: .6;
}

img {
	max-width: 100%;
	height: auto;
}


strong {
	font-weight: bold;
	font-weight: 700;
}

section {
	position: relative;
}

button:focus {
	outline: none;
}

.small,
small {
	font-size: 80%;
}

hr {
	width: 100%;
	max-width: 1300px;
	border: 1px solid #999fa5ff;
	margin: 0 auto 30px auto;
}

.map-container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 30px auto;
}

.anim-image-parallax {
	transform: scale(1.2);
	transform-origin: 50% 100%;
}


::selection {
	color: #fff;
	text-shadow: none;
	background: var(--tt-main-color);
}

::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: var(--tt-main-color);
}

::-webkit-selection {
	color: #fff;
	text-shadow: none;
	background: var(--tt-main-color);
}




.tt-no-scroll {
	overflow-y: hidden !important;
}



body {
	font-family: 'Poppins', sans-serif;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
#ball,
.ptr-prel-content,
.ph-caption-title-ghost,
.ph-caption-subtitle,
.ph-caption-description,
.ph-categories,
.ph-share-trigger,
.tt-scroll-down,
.tt-main-menu-list,
.tt-ol-menu-toggle-btn-text,
.tt-ol-menu-list,
.tt-ol-menu-ghost,
.tt-ol-menu-social,
.tt-heading,
.tt-ps-caption-category,
.tt-ps-nav-pagination,
.tt-cc-pagination,
.tt-phc-item::before,
.tt-phc-counter,
.pli-counter,
.ttgr-cat-trigger-wrap,
.ttgr-cat-list,
.pi-item-title-link::before,
.portfolio-interactive-ghost,
.pspl-item-title-link::before,
.tt-pagination,
.tt-np-ghost,
.tt-scrolling-text,
.tt-scrolling-btn {
	font-family: 'Syne', sans-serif;
}




#page-transition {
	display: none;
}

body.tt-transition #page-transition {
	position: relative;
	display: block;
	z-index: 99999;
}

body.tt-transition .ptr-overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #111;
	z-index: 1;
}

body.tt-transition .ptr-preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
}

body.tt-transition .ptr-prel-content {
	margin-top: 10px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	font-weight: 600;
	color: #444;
}

.ptr-prel-image {
	max-height: 82px;
	opacity: .5;
}




body.tt-boxed .tt-wrap {
	max-width: 1282px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

body.tt-boxed .tt-wrap .tt-wrap {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}


#body-inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	min-height: 100vh;
}


#content-wrap {
	position: relative;
	overflow: hidden;
}





.tt-sidebar {
	scrollbar-width: thin;
	scrollbar-color: #555 #2a2a2a;
}

select {
	scrollbar-width: thin;
	scrollbar-color: #666 #2a2a2a;
}


.tt-sidebar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

select::-webkit-scrollbar {
	width: 10px;
}


.tt-sidebar::-webkit-scrollbar-track,
select::-webkit-scrollbar-track {
	background: #2a2a2a;
}


.tt-sidebar::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 50px;
}

select::-webkit-scrollbar-thumb {
	background-color: #666;
	border-radius: 50px;
}


body:not(.is-mobile).tt-smooth-scroll {
	overflow: hidden !important;
}


body:not(.is-mobile).tt-smooth-scroll #scroll-container {
	width: auto;
	height: 100vh;
	overflow: auto;
	margin: 0;
}







.tt-section {
	position: relative;
}

@media (max-width: 991px) {
	.tt-section {
		padding: 10% 0;
	}
}

@media (max-width: 767px) {
	.tt-section {
		padding: 10% 0;
	}
}







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




.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	font-weight: 600;
	color: inherit;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	line-height: 1.4;
	margin-top: 0px;
	margin-bottom: 30px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 30px;
}

.h1,
h1 {
	font-size: 48px;
}

.h2,
h2 {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #222;
	text-align: center;
}

.h3,
h3 {
	font-size: 36px;
	margin-bottom: 40px;
	margin-top: 40px;
}

.h4,
h4 {
	margin: 10px 0 5px;
	font-size: 16px;
	color: #333;
}

.h5,
h5 {
	margin: 10px 0 5px;
	font-size: 18px;
	color: #333;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}

.h6,
h6 {
	font-size: 16px;
	font-family: 'Georgia', 'Times New Roman', serif;
	color: #383737ff;
	margin-bottom: 10px;
}

.contact_detail {
	font-family: 'Times New Roman', Times, serif;
	color: #7d7d7d;
	font-size: 18px;
	margin-bottom: 2px;
}

.wp-block-heading {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 30px;
	color: #222;
	text-align: center;
}



.tt-heading {
	margin-bottom: 40px;
}

@media (max-width: 991px) {
	.tt-heading {
		margin-bottom: 30px;
	}
}


.tt-heading-title {
	margin: 0;
	font-size: calc(24px + 1vw);
	font-weight: bold;
	font-weight: 600;
	color: #111111;
	font-size: 100px;
}




.tt-heading>p:first-child {
	margin-bottom: 0;
}

.tt-heading-title+p {
	margin-top: 50px;
}

.tt-heading>p:last-child {
	margin-bottom: 0;
}


















.tt-heading.tt-heading-xxlg .tt-heading-title {
	font-size: calc(24px + 4.5vw);
	line-height: 1.2;
}


#tt-header {
	position: relative;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 1000;
}


.tt-header-inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 3.5%;
	padding-right: 3.5%;
}

.tt-header-col {
	display: flex;
	align-items: center;
}

@media (max-width: 1024px) {
	.tt-header-inner {
		padding-top: 20px;
	}
}

body:not(.tt-boxed) .tt-header-inner,
.tt-header-inner:not(.tt-wrap) {
	padding-left: 1.5%;
	padding-right: 1.5%;
}


.tt-logo {
	position: relative;
	margin-right: auto;
	line-height: 1;
	pointer-events: initial;
	z-index: 9;
}

.tt-logo a {
	display: inline-block;
	font-size: 21px;
	color: #FFF;
}

.tt-logo img {
	max-height: 70px;
}


@media (max-width: 1024px) {
	.tt-logo img {
		max-height: 42px;
	}
}


@media (min-width: 1025px) {
	.tt-main-menu {
		pointer-events: initial;
	}

	.tt-main-menu-list {
		display: flex;
		gap: 30px;
		list-style: none;
		padding: 0;
		margin: 0;
		align-items: center;
	}

	.tt-main-menu-list li a {
		text-decoration: none;
		color: #222;
		font-weight: 500;
		font-size: 16px;
		transition: color 0.2s;
	}

	.tt-main-menu-list li a:hover,
	.tt-main-menu-list li a.active {
		color: #c59d5f;
	}
}


#tt-m-menu-toggle-btn-wrap {
	display: none;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}


.tt-m-menu-toggle-btn {
	width: 24px;
	height: 18px;
	position: relative;
	cursor: pointer;
}


.tt-main-menu-list .social-row {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.tt-m-menu-toggle-btn span,
.tt-m-menu-toggle-btn span::before,
.tt-m-menu-toggle-btn span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #222;
	transition: all 0.3s ease;
}

.tt-m-menu-toggle-btn span {
	top: 50%;
	transform: translateY(-50%);
}

.tt-m-menu-toggle-btn span::before {
	top: -8px;
}

.tt-m-menu-toggle-btn span::after {
	top: 8px;
}


@media (max-width: 991px) {
	#index_caption {
		display: none;
	}

	.tt-main-menu-list {
		display: flex;
		flex-direction: column;
		gap: 15px;
		align-items: flex-start;
	}

	.tt-main-menu-list .social-row {
		display: flex;
		justify-content: center;
		gap: 15px;
		width: 100%;
		margin-top: 10px;
	}

	.tt-main-menu-list .social-row a {
		display: flex;
		align-items: center;
		justify-content: center;
	}



	#tt-m-menu-toggle-btn-wrap {
		display: flex;
	}


	.tt-main-menu {
		display: none;
		flex-direction: column;
		gap: 15px;
		padding: 20px;
		color: #000;
		background-color: #f8f4ed;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		z-index: 999;
	}


	body.menu-open .tt-main-menu {
		display: flex !important;
	}


	body.menu-open .tt-m-menu-toggle-btn span {
		background: transparent;
	}

	body.menu-open .tt-m-menu-toggle-btn span::before {
		transform: rotate(45deg);
		top: 0;
	}

	body.menu-open .tt-m-menu-toggle-btn span::after {
		transform: rotate(-45deg);
		top: 0;
	}
}


.modern-approach {
	font-family: 'Playfair Display', serif;
	color: #111;
	width: 100%;
}

.content-box {
	text-align: left;
}

.modern-approach .title {
	font-size: 58px;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 150px;
	margin-bottom: 25px;
	width: 800px;
	font-weight: 300;
	font-family: 'Playfair Display', serif;
	position: relative;
	z-index: 999;
}

.modern-approach .title span {
	font-family: 'Great Vibes', cursive;
	font-weight: 100;
	font-size: 70px;
	text-transform: none;
	font-style: normal;
}

.modern-approach p {
	padding-left: 50px;
	padding-right: 13px;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 18px;
	color: #333;
}

#img_one {
	margin-top: 350px;
	width: 400px;
	height: 480px;
	margin-left: 250px;
}

#img_two {
	width: 450px;
	height: 570px;
}


@media (max-width: 991px) {

	.modern-approach .row.align-items-center {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.modern-approach .row.align-items-center>[class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100%;
	}

	.modern-approach .content-box h2 {
		order: 1;
		font-size: clamp(24px, 6vw, 32px);
		line-height: 1.3;
		text-align: center;
		margin: 20px 0;
		width: 100%;
	}

	#img_one {
		order: 2;
		width: 100%;
		max-width: 380px;
		margin: 0 auto 15px;
		object-fit: cover;
		display: block;
	}

	.modern-approach .content-box p {
		order: 3;
		padding: 0 16px;
		text-align: justify;
		font-size: 15px;
		line-height: 1.6;
	}

	#img_two {
		order: 4;
		width: 100%;
		max-width: 380px;
		margin: 15px auto 0;
		object-fit: cover;
		display: block;
	}
}



@media (max-width: 991px) {
	.gallery.gallery-section-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
		padding: 1px;
	}

	.gallery-item {
		aspect-ratio: 1 / 1;
		width: 100%;
	}
}


.stories-section-wrapper {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}


.stories-grid-item {
	width: 300px;
	margin: 0;
	cursor: pointer;
	text-align: center;
}


.stories-grid-item-wrapper {
	width: 100%;
	height: 420px;
	overflow: hidden;
}

.stories-grid-item-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.story-info {
	margin-top: 8px;
}

.story-info h4 {
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
}

.story-info .meta {
	font-size: 12px;
	color: #666;
	margin: 0;
}


@media (max-width: 991px) {
	.stories-grid-item {
		width: 100%;
		max-width: 340px;
	}

	.stories-grid-item-wrapper {
		height: auto !important;
	}

	.stories-grid-item-wrapper img {
		width: 380px;
		height: 500px;
		object-fit: cover;
	}

	.story-info h4 {
		font-size: 13px;
		text-transform: uppercase;
	}

	.story-info .meta {
		font-size: 10px;
		color: #666;
	}
}


.video-section {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	margin-bottom: 90px;
}

.video-section video {
	width: 100%;
	height: 100%;
	object-fit: cover;


	clip-path: polygon(80% 13%,

			100% 35%,

			100% 100%,

			100% 79%,

			100% 9%,

			110% 150%,

			0 72%,

			0 0);
}

.overlay-text {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-family: "Times New Roman", serif;
	max-width: 700px;
	padding: 20px;
}

.overlay-text h1 {
	font-size: 3rem;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

.overlay-text p {
	font-size: 1rem;
	line-height: 1.6;
}


@media (max-width: 991px) {
	.video-section {
		margin-top: 90px;
		height: 60vh;
		position: relative;
		overflow: hidden;
		margin-bottom: 1px;
	}


	.video-section video {
		clip-path: polygon(80% 13%,

				100% 35%,

				100% 100%,

				100% 79%,

				100% 9%,

				110% 150%,

				0 72%,

				0 0);
	}

	.overlay-text {
		position: absolute;
		left: 50%;
		width: 90%;
		max-width: 90%;
		text-align: center;
		color: #5e5c5c;

		padding: 10px;
		box-sizing: border-box;
	}

	.overlay-text h1 {
		font-size: 1.8rem;
		letter-spacing: 1px;
		font-family: 'Trebuchet MS', Arial, sans-serif;
		margin-bottom: 10px;
	}

	.overlay-text p {
		font-size: 0.5rem;
		line-height: 1.4;
		word-wrap: break-word;
		margin: 0 auto;
	}


}



.section-title {
	font-size: 55px;
}

.film-grid-item-wrapper {
	display: flex;
	justify-content: center;
}

.film-grid-item-wrapper iframe {
	width: 100%;
	height: 330px;
	margin-bottom: 40px;
	margin-right: 15px;
}


@media (max-width: 991px) {

	.section-title {
		font-size: 40px;
	}

	.film-grid-item-wrapper {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.film-grid-item-wrapper iframe {
		width: 390px;
		height: 220px;
		margin: 10px;
	}
}


.story-card {
	padding: 10px;
	text-align: center;
}

.story-card-img {
	width: 100%;
	max-width: 400px;
	height: 400px;
	object-fit: cover;
}

.story-card-title {
	margin-top: 12px;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #000;
}

.story-card-meta {
	font-size: 13px;
	font-family: 'Georgia', serif;
	color: #777;
}

.story-card-desc {
	font-size: 13px;
	font-family: 'Georgia', serif;
	color: #3a3838ff;
	line-height: 1.6;
	margin: 6px 0;
}

.story-card-readmore {
	font-size: 13px;
	color: #838486ff;
	margin-top: 14px;
	letter-spacing: 3px;
	font-weight: 500;
}

.story-card-readmore i {
	margin-left: 4px;
	transition: transform 0.3s ease;
}

.story-card-readmore:hover i {
	transform: translateX(4px);
}


.hero-wrapper {
	width: 1500px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.hero-wrapper .hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}


@media (max-width: 991px) {
	.hero-wrapper {
		height: 100%;
		width: 100%;
	}
}

@media (max-width: 576px) {
	.hero-wrapper {
		height: 100%;
		width: 100%;
	}
}








.custom-images-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.custom-images-grid .images-grid-item {
	width: 100%;
	aspect-ratio: 1 / 1;

	margin: 0;
}

.custom-images-grid .images-grid-item-wrapper {
	width: 100%;
	height: 100%;
}

.custom-images-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


@media (max-width: 991px) {
	.custom-images-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);

		gap: 15px;

		width: 100%;
		max-width: 100%;
		margin: 0 auto;

		padding: 0 20px;

	}

	.custom-images-grid .images-grid-item {
		aspect-ratio: 1 / 1;

		width: 100%;
	}

	.custom-images-grid img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}


.custom-gallery-card {
	padding: 2%;
	text-align: center;
}

.custom-gallery-card .pgi-image-wrap {
	text-decoration: none;
	color: inherit;
	display: inline-block;
}


.custom-gallery-card .gallery-grid-item-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-gallery-card img {
	width: 400px;
	height: 400px;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}


.custom-gallery-card h4 {
	font-size: 18px;
	margin: 12px 0 6px;
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
}

.custom-gallery-card p:nth-of-type(1) {
	font-size: 14px;
	color: #777;
}


.custom-gallery-card p:nth-of-type(2) {
	font-size: 12px;
	color: #838486ff;
	margin-top: 10px;
	letter-spacing: 3px;
}

.custom-gallery-card p:nth-of-type(2) i {
	margin-left: 5px;
}


.faq-container {
	width: 1200px;
	margin: 0 auto 20px auto;
}

.faq-item {
	margin-bottom: 20px;
}

.faq-item h6 {
	font-size: 16px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.faq-item p {
	font-size: 14px;
	font-family: 'Georgia', 'Times New Roman', serif;
	color: #3a3838ff;
	line-height: 1.6;
	margin: 0 0 12px 0;
}

.faq-divider {
	width: 1200px;
	border: 1px solid #999fa5ff;
	margin: 0 auto 20px auto;
}


@media (max-width: 991px) {
	.faq-container {
		width: 100%;
		padding: 0 15px;
	}

	.faq-divider {
		width: 100%;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.faq-item h6 {
		font-size: 15px;
	}

	.faq-item p {
		font-size: 13px;
		line-height: 1.5;
		margin-top: 10px;
	}
}


#contact_page {
	text-align: center;
	max-width: 850px;
	font-family: 'Georgia', 'Times New Roman', serif;
	font-size: 14px;
	line-height: 1.8;
	color: #686767ff;
	margin-bottom: 70px;
}

.error-msg {
	color: red;
	font-size: 13px;
	margin-top: 3px;
	display: none;
}

.gallery-item:hover img {
	transform: scale(1.05);
}

.contact_gallery {
	max-width: 1300px;
	margin: 40px auto;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}


@media (max-width: 991px) {
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		padding: 10px;
	}

	.gallery-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

}


#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: 13vw;
	padding-bottom: 10vw;
	z-index: 2;
}

body.ph-image-on #page-header .page-header-inner {
	padding-top: 16vw;
	padding-bottom: 13vw;
}

@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;
	}

	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: 250px;
		padding-bottom: 200px;
	}
}

@media (max-width: 1024px) {
	#page-header .page-header-inner {
		padding-top: 250px;
		padding-bottom: 250px;
	}
}

@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: 80px;
	}
}

@media (max-width: 540px) {
	body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
		padding-bottom: 40vw;
	}
}


.ph-image {
	position: absolute;
	top: 160px;
	right: 18vw;
	width: clamp(340px, 18vw, 800px);
	z-index: 2;
	line-height: 0;
}

@media (max-width: 1920px) {
	.ph-image {
		width: 380px;
	}

	.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
		width: 440px;
	}
}

@media (max-width: 1600px) {

	.ph-image,
	.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
		width: 25vw;
	}
}

@media (max-width: 1024px) {

	.ph-image,
	.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
		right: 10vw;
	}
}

@media (max-width: 540px) {

	.ph-image,
	.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
		width: 50%;
	}
}

.ph-image-inner {
	position: relative;
	width: 100%;
}



.ph-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}





#page-header.ph-bg-image .ph-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0;
	z-index: -1;
	transform: none;
	overflow: hidden;
}

#page-header.ph-bg-image .ph-image-inner {
	width: 100%;
	height: 100%;
}

#page-header.ph-bg-image .ph-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}



@media (max-width: 991px) {
	.ph-caption-title {
		font-size: 28px;

		line-height: 1.3;
	}

	.ph-caption-title-ghost {
		font-size: 20px;

	}
}



.ph-caption {
	position: relative;
}


.ph-caption-title {
	position: relative;
	margin: 0;
	font-size: clamp(38px, 5vw, 82px);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
	z-index: 9;
}


.ph-caption-title-ghost {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	left: 6%;
	padding-top: 5%;
	font-size: calc(16px + 19.5vw);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	white-space: nowrap;
	line-height: 1;
	opacity: .1;
	z-index: 1;
	pointer-events: none;
}

.ph-caption-title-ghost .phgh-text {

	display: inline-block;
	margin-right: 7vw;
}

#page-header.ph-bg-image .ph-caption-title-ghost {

	display: none;
}


.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;
}


.ph-categories {
	position: relative;
	margin-bottom: 20px;
	z-index: 9;
}

.ph-caption-title+.ph-categories {
	margin-top: 20px;
	margin-bottom: 0;
}

.ph-category {
	position: relative;
	display: inline-block;
	font-size: calc(15px + 0.1vw);
	color: #FFF;
	line-height: 1.4;
}

a.ph-category:hover {
	opacity: .8;
}

.ph-category~.ph-category:not(:empty)::before {
	content: ", ";
	margin-left: -4px;
}


.ph-meta {
	position: relative;
	display: inline-flex;
	margin-top: 20px;
	font-size: 16px;
	color: #DDD;
	font-weight: normal;
	z-index: 9;
}


.ph-caption-description {
	position: relative;
	max-width: 740px;
	margin-top: 30px;
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
	z-index: 9;
}


.ph-caption>p {
	position: relative;
	max-width: 900px;
	z-index: 9;
}

.ph-caption .ph-caption-title+p,
.ph-caption .ph-caption-title-ghost+p,
.ph-caption .ph-caption-subtitle+p {
	margin-top: 30px;
}

.ph-caption>p:last-child {
	margin-bottom: 0;
}



.tt-scroll-down {
	position: absolute;
	bottom: 2%;
	left: 4%;
	z-index: 9;
}

#page-header:not(.ph-full) .tt-scroll-down {

	display: none;
}

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


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


.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;
}


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


@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;
	}
}



.ph-share {
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 3.5%;
	height: 113px;
	z-index: 999;
	cursor: pointer;
	overflow: hidden;
}

.ph-share-text {
	display: inline-block;
	font-size: 15px;
	color: #EEE;
}

.ph-share-icon {
	font-size: 15px;
	color: #EEE;
}

.ph-share .social-buttons>ul>li a {
	font-size: 14px;
}

@media (min-width: 1025px) {
	.ph-share-inner {
		text-align: right;
	}

	.ph-share-trigger {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 10px, 0);
		transition: all 0.3s ease;
	}

	.ph-share-text {
		letter-spacing: 1px;
		transform: rotate(-90deg);
	}

	.ph-share-icon {
		margin-top: 15px;
	}

	.ph-share:hover .ph-share-trigger {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0, -30px, 0);
	}

	.ph-share .social-buttons {
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0, -10%, 0);
		transition: all 0.3s ease;
	}

	.ph-share:hover .social-buttons {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, -60%, 0);
	}
}

@media (max-width: 1024px) {
	.ph-share {
		right: 2%;
		bottom: 1%;
		height: auto;
	}

	.ph-share-inner {
		display: flex;
		align-items: center;
	}

	.ph-share-text {
		margin-right: 15px;
	}

	.ph-share-text::after {
		content: ":";
		margin-left: 1px;
	}

	.ph-share-icon {
		display: none;
	}
}







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








@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: 25px !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-center {
	text-align: center;
}

.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);
}




.tt-grid {
	position: relative;
}

.tt-grid::after {
	content: "";
	display: table;
	clear: both;
}





.tt-grid-categories {
	position: relative;
}


.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;
}


@media (min-width: 768px) {
	body.ttgr-cat-nav-open .ttgr-item-inner {
		transition: transform 0.6s ease-in-out;
	}
}


.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;
	}
}

.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;
}





.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 {
	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;
}


@media (min-width: 992px) {
	.ttgr-cat-list {
		counter-reset: ttgr-cat-list-counter;
	}
}







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(255 255 255 / 7%);
	padding: 5px 15px;
	font-size: 15px;
	line-height: 1.4;
	color: #AAA;
	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-grid-item {
	position: relative;
	float: left;
	width: 100%;
}

.ttgr-item-inner {
	position: relative;
}



.ttgr-height {
	position: relative;
	padding-bottom: 35%;
}

@media (max-width: 768px) {
	.ttgr-height {
		position: relative;
		padding-bottom: 60%;
	}
}

body.tt-boxed .tt-wrap .ttgr-height {
	padding-bottom: 60%;
}


.tt-grid[class*="ttgr-layout-"] .ttgr-height {
	padding-bottom: 60%;
}



@media (min-width: 768px) {
	.tt-grid.ttgr-layout-2 .tt-grid-item {
		width: 50%;
	}
}

.tt-grid.ttgr-layout-2 .ttgr-height {
	padding-bottom: 65%;
}


















@media (min-width: 768px) {

	.tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+1),
	.tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+5) {
		width: 60%;
	}

	.tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+2),
	.tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n+4) {
		width: 40%;
		padding-top: 12vw;
	}

	.tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-child(3n+3) {
		width: 100%;
		padding: 0 14vw;
	}

	.tt-grid.ttgr-layout-creative-1:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:nth-child(3n+3) .ttgr-height {
		padding-bottom: 55%;
	}
}


@media (min-width: 768px) {

	.tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+1),
	.tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+4) {
		width: 58%;
	}

	.tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+2),
	.tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n+3) {
		width: 42%;
		padding-top: 9.8vw;
	}

	.tt-grid.ttgr-layout-creative-2 .tt-grid-item:last-child:nth-child(odd) {
		width: 100%;
		padding: 0 14vw;
	}

	.tt-grid.ttgr-layout-creative-2:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:last-child:nth-child(odd) .ttgr-height {
		padding-bottom: 55%;
	}
}
















.tt-grid.ttgr-gap-2 {
	margin-left: 1vw;
	margin-right: 1vw;
}

body.tt-boxed .tt-wrap .tt-grid.ttgr-gap-2 {
	margin-left: -1vw;
	margin-right: -1vw;
}

.tt-grid.ttgr-gap-2 .ttgr-item-inner {
	margin: 0 1vw 2vw 1vw;
}











.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap),
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height:not(.tt-gallery-video-wrap):not(.pgi-video-wrap) {
	padding-bottom: 0 !important;
	line-height: 0 !important;
}

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height img,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height img {
	position: relative;
	top: unset;
	left: unset;
	width: 100%;
	height: auto;
	object-fit: unset;
	object-position: unset;
}


.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.tt-gallery-video-wrap {
	padding-bottom: 60%;
}

.tt-grid.ttgr-not-cropped:not([class*="ttgr-layout-"]) .ttgr-height.tt-gallery-video-wrap,
.tt-grid.ttgr-layout-2.ttgr-not-cropped .ttgr-height.tt-gallery-video-wrap {
	padding-bottom: 0 !important;
	line-height: 0 !important;
}




#portfolio-grid {
	position: relative;
}


.portfolio-grid-item {
	position: relative;
}



.pgi-image-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
	line-height: 1;
}





.pgi-caption {
	width: 100%;
	max-width: 1200px;
	padding: 20px 3% 0px 3%;
}



.pgi-title {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: clamp(28px, 4vw, 64px);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.pgi-title {
		font-size: calc(19px + 1.5vw);
	}
}


#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
	display: inline;
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a {
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
	background-image: -ms-linear-gradient(transparent 96%, currentColor 2px);
	transition: 0.5s cubic-bezier(.215, .61, .355, 1);
	background-size: 0 96%;
}

#portfolio-grid:not(.pgi-cap-inside) .pgi-title a:hover {
	background-size: 100% 96%;
}






@media (min-width: 768px) {

	.ttgr-layout-2 .pgi-title,
	.ttgr-layout-creative-1 .pgi-title,
	.ttgr-layout-creative-2 .pgi-title {
		font-size: calc(19px + 0.4vw);
	}


	body.tt-boxed .tt-wrap .ttgr-layout-2 .pgi-title {
		font-size: calc(19px + 0.2vw);
	}
}




#portfolio-grid.pgi-cap-inside .pgi-caption {
	position: absolute;
	left: 0;
	bottom: 8%;
	padding: 0 8%;
	z-index: 2;
}










@media (min-width: 768px) {}







.pli-image {
	position: relative;
	z-index: 2;
}




@media (min-width: 769px) {
	.pli-caption {
		position: absolute;
		left: -15%;
		bottom: 15%;
		width: 100%;
		max-width: 600px;
	}
}

.pli-title {
	margin: 0;
	font-size: calc(16px + 3.5vw);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
}

.pli-categories-wrap {
	position: relative;
	margin-bottom: 24px;
}

@media (max-width: 768px) {
	.pli-categories-wrap {
		margin-bottom: 10px;
	}
}





.pli-counter {
	position: absolute;
	top: 8%;
	left: -30%;
	pointer-events: none;
}

.pli-counter::before {
	counter-increment: pli-counter 1;
	content: "" counter(pli-counter, decimal-leading-zero);
	display: block;
	line-height: 1;
	font-size: calc(17px + 7vw);
	font-weight: 500;
	color: #FFF;
	opacity: 0.15;
	z-index: -1;
}

@media (max-width: 768px) {
	.portfolio-list-item::before {
		display: none;
	}
}



@media (min-width: 769px) {

	.portfolio-list.pli-hover .pli-image {
		transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
		clip-path: inset(0 0 0 0);
	}

	.portfolio-list.pli-hover .portfolio-list-item:hover .pli-image {
		clip-path: inset(3% 3% 3% 3%);
	}


	.portfolio-list.pli-hover .pli-image-hover-zoom {
		transition: all 1s cubic-bezier(0.07, 0.72, 0.29, 0.96);
	}

	.portfolio-list.pli-hover .portfolio-list-item:hover .pli-image-hover-zoom {
		transform: scale(1.05);
	}
}












.ptl-item {
	position: relative;
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #333;
	will-change: transform;
}

.ptl-item:first-child {
	border-top: 1px solid #333;
}

@media (max-width: 767px) {
	.ptl-item {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}











.ptli-image {
	position: relative;
	width: 100%;
	max-width: clamp(50px, 4vw, 74px);
	line-height: 0;
	overflow: hidden;
	border-radius: 100px;
}

.ptli-image::before {
	display: block;
	content: "";
	padding-bottom: 100%;
}

.ptli-image:not(.ptli-image:first-child) {
	margin-left: 10px;
}

.ptli-image>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.ptli-image~.ptli-image~.ptli-image~.ptli-image~.ptli-image~.ptli-image {

	display: none;
}





body.tt-boxed .tt-wrap {
	padding-left: 3%;
	padding-right: 3%;
}


.pi-item-title-link {
	position: relative;
	display: inline-grid;
	align-items: center;
	padding-top: 24px;
	padding-bottom: 24px;
	text-decoration: none;
}


.portfolio-interactive {
	counter-reset: pi-item-counter;
}

.pi-item-title-link::before {
	position: absolute;
	counter-increment: pi-item-counter;
	content: "" counter(pi-item-counter, decimal-leading-zero);
	top: 10px;
	right: -20px;
	line-height: 1;
	font-size: calc(12px + 0.3vw);
	font-weight: 300;
	color: #FFF;
	opacity: .6;
	z-index: 2;
}

@media (max-width: 1024px) {
	.pi-item-title-link::before {
		right: 0;
	}
}





.portfolio-interactive.hovered,
.portfolio-interactive.hovered .pi-item-title-link::before {
	opacity: .3;
}

.pi-item-title-link:hover {
	opacity: .9;
}

.portfolio-interactive.hovered .pi-item-title-link:hover::before {
	opacity: .7;
}



.pi-item-image {
	position: absolute;
	display: block;
	top: 50%;
	left: 30%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transform: translate3d(0, -50%, 0);
	transition: all .3s ease-out;
}

.portfolio-interactive-item.pi-item-hover .pi-item-image {
	opacity: 1;
	visibility: visible;
	transition-delay: .1s;
}

.pi-item-image img,
.pi-item-image video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .9;
}






@media (min-width: 768px) {

	.portfolio-interactive.pi-inline .portfolio-interactive-item {
		float: left;
	}

	.portfolio-interactive.pi-inline .portfolio-interactive-item:last-child {
		margin-right: 0;
	}

	.portfolio-interactive.pi-inline .pi-item-title-link {
		padding: 25px 50px 40px 0;
	}

	.portfolio-interactive.pi-inline .pi-item-title-link::after {
		position: absolute;
		content: "/";
		top: 47%;
		right: 15px;
		line-height: 1;
		font-size: calc(12px + 1.3vw);
		font-weight: 500;
		color: #FFF;
		opacity: .5;
		z-index: 2;
		transform: translate3d(0, -50%, 0);
	}

	.portfolio-interactive.pi-inline.pi-center .pi-item-title-link::after {
		top: 65%;
		font-size: calc(12px + 2.3vw);
	}

	.portfolio-interactive.pi-inline .pi-item-title-link::before {
		top: 8px;
		right: 55px;
		font-size: calc(11px + 0.2vw);
	}

	@media (max-width: 1200px) {
		.portfolio-interactive.pi-inline .pi-item-title-link {
			padding: 25px 40px 30px 0;
		}

		.portfolio-interactive.pi-inline .pi-item-title-link::before {
			right: 45px;
		}
	}
}



.portfolio-interactive.pi-center .pi-item-title-link {
	padding-bottom: 0;
}

.portfolio-interactive.pi-center .pi-item-title-link::before {
	display: none;
}

.portfolio-interactive.pi-center .pi-item-image {
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}



body:not(.page-header-on) .portfolio-interactive.pi-full {
	display: table;
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
}

body:not(.page-header-on) .portfolio-interactive.pi-full {
	min-height: 100vh;
}

@media (max-width: 1024px) {
	body:not(.page-header-on) .portfolio-interactive.pi-full {
		min-height: calc(100vh - 25vh);
		padding-bottom: 40px;
	}
}


.portfolio-interactive-ghost {
	display: none;
}

body.pi-full-on:not(.page-header-on) .portfolio-interactive-ghost {
	position: fixed;
	display: block;
	bottom: 0;
	left: 0;
	font-size: 22.5vw;
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: .7;
	opacity: .07;
	z-index: -1;
}

@media (max-width: 767px) {

	body:not(.page-header-on) .portfolio-interactive-ghost,
	body:not(.page-header-on).pi-inline-on .portfolio-interactive-ghost {
		top: 15%;
		bottom: auto;
	}
}


@media (min-width: 1025px) {
	body.pi-full-on #tt-footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		pointer-events: none;
	}

	body.pi-full-on #tt-footer a {
		pointer-events: initial;
	}
}




.portfolio-split {
	position: relative;
}



.portfolio-split-images {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: -1;
	overflow: hidden;
}

@media (max-width: 1400px) {
	.portfolio-split-images {
		width: 45%;
	}
}

@media (max-width: 1024px) {
	.portfolio-split-images {
		width: 100%;
	}

	.portfolio-split-images::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000;
		opacity: .6;
		z-index: 1;
	}
}

.pspl-images-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #121212;
}

.pspl-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease-in-out;
}

.pspl-image.active {
	opacity: 1;
	visibility: visible;
}

.pspl-image img,
.pspl-image video.pspl-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}





.portfolio-split-item {
	position: relative;
}

.portfolio-split-item.pi-item-hover {
	z-index: 9;
}




.pspl-item-title-link {
	position: relative;
	display: inline-grid;
	align-items: center;
	padding-top: 24px;
	padding-bottom: 24px;
	text-decoration: none;
}



.pspl-item-title-link::before {
	position: absolute;
	counter-increment: pspl-item-counter;
	content: "" counter(pspl-item-counter, decimal-leading-zero);
	top: 10px;
	right: -20px;
	line-height: 1;
	font-size: calc(12px + 0.2vw);
	font-weight: 300;
	color: #FFF;
	opacity: .5;
	z-index: 2;
	transition: opacity .3s;
}

@media (max-width: 1024px) {
	.pspl-item-title-link::before {
		right: 0;
	}
}






.portfolio-split.hovered .pspl-item-title-link::before {
	opacity: .3;
}

.portfolio-split.hovered .pspl-item-title-link:hover::before {
	opacity: .7;
}



.pspl-ghost {
	position: fixed;
	display: block;
	bottom: 140px;
	left: 3.5%;
	font-size: 15vh;
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: .7;
	opacity: .07;
	z-index: -1;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

@media (max-width: 1024px) {
	.pspl-ghost {
		display: none;
	}
}



body.pspl-reverse-on .portfolio-split-images {
	left: 0;
	right: auto;
}

body.pspl-reverse-on .pspl-ghost {
	left: auto;
	right: 3.5%;
}



@media (min-width: 1025px) {

	body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn-text,
	body.pspl-light-image-on:not(.pspl-reverse-on) .tt-main-menu-list>li>a,
	body.pspl-light-image-on:not(.pspl-reverse-on) .tt-main-menu-list>li>.tt-submenu-trigger>a {
		color: #111;
	}

	body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
	body.pspl-light-image-on:not(.pspl-reverse-on):not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after,
	body.pspl-light-image-on:not(.pspl-reverse-on):not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
		background-color: #111;
	}


	body.pspl-light-image-on.pspl-reverse-on:not(.tt-ol-menu-active) #tt-header .tt-logo-light {
		display: none;
	}
}




.tt-portfolio-slider {
	position: relative;
	width: 100%;
	background-color: var(--tt-main-bg-color);
}

.tt-portfolio-slider .swiper {
	height: 100vh;
}


.tt-portfolio-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	background-color: #000;
}




img.tt-psi-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}







.tt-ps-caption-title {
	margin: 0;
	font-size: clamp(48px, 5vw, 82px);
	font-weight: bold;
	font-weight: 600;
	line-height: 1.2;
}

.tt-ps-caption-title a {
	display: inline;
	color: #FFF;
}


body:not(.tt-magic-cursor) .tt-ps-caption-title a {
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 3px), currentColor 3px);
	background-image: linear-gradient(transparent calc(100% - 3px), currentColor 3px);
	background-image: -ms-linear-gradient(transparent 96%, currentColor 3px);
	transition: 0.6s cubic-bezier(.215, .61, .355, 1);
	background-size: 0 96%;
}

body:not(.tt-magic-cursor) .tt-ps-caption-title a:hover {
	background-size: 100% 96%;
	color: currentColor;
}


.tt-ps-caption-category {
	margin: 0 0 24px 0;
	font-size: calc(13px + 0.2vw);
	font-weight: 500;
}


























.tt-portfolio-carousel {
	position: relative;
}

.tt-portfolio-carousel .swiper-wrapper {
	position: relative;
}

.tt-portfolio-carousel .swiper-wrapper.swtr-smooth {

	transition: transform 0.8s !important;
}

.tt-portfolio-carousel .swiper-slide {
	display: flex;
	align-items: center;
	height: 100vh;
	overflow: visible;
}

@media (min-width: 1025px) {
	.tt-portfolio-carousel .swiper-slide {
		width: auto;
	}
}

@media (max-width: 1024px) {
	.tt-portfolio-carousel .swiper-slide {
		height: calc(100vh - 60px);
	}
}




@media (max-width: 1024px) {


	.tt-pci-inner {
		width: 100%;
	}
}










.tt-pci-title {
	margin: 0;
	font-size: calc(16px + 2.8vw);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
}

.tt-pci-category {
	position: relative;
	display: inline-block;
	margin-left: 3px;
	font-size: calc(13px + 0.1vw);
	color: #FFF;
	line-height: 1.2;
}

.tt-pci-category~.tt-pci-category {
	margin-left: -4px;
}

.tt-pci-category~.tt-pci-category:not(:empty)::before {
	content: ", ";
}

.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category {
	visibility: hidden;
	width: 0;
}

.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category~.tt-pci-category {
	display: none;
}

.tt-pci-category+.tt-pci-category+.tt-pci-category+.tt-pci-category::before {
	content: "...";
	margin-left: 5px;
	visibility: visible;
}











@media (min-width: 1025px) {}






.tt-pc-arrow {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #FFF;
	cursor: pointer;
	outline: none;
}

.tt-pc-arrow.tt-pc-arrow-disabled {
	cursor: auto;
	pointer-events: none;
}















.tt-portfolio-hover-carousel {
	position: relative;
}

.tt-portfolio-hover-carousel .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: 100vh;
	padding: 0 5%;
}

@media (max-width: 768px) {
	.tt-portfolio-hover-carousel .swiper-slide {
		padding: 0 50px;
	}
}


body.tt-transition .tt-portfolio-hover-carousel::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

body.tt-transition .tt-portfolio-hover-carousel.tt-phc-ready::before {
	display: none;
}



.tt-phc-item {
	position: relative;
	display: block;
	pointer-events: none;
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item {
	pointer-events: initial;
}

.tt-phc-item::before {
	position: absolute;
	content: attr(data-number);
	top: 0;
	left: -30px;
	width: 20px;
	font-size: calc(12px + 0.2vw);
	font-weight: 300;
	line-height: 10px;
	color: #FFF;
	opacity: .5;
	transition: opacity .3s ease-in-out;
}

@media (max-width: 768px) {
	.tt-phc-item::before {
		position: absolute;
		content: attr(data-number);
		top: 0;
		left: -30px;
		width: 20px;
		font-size: 14px;
		font-weight: normal;
		line-height: 10px;
		opacity: .5;
		transition: opacity .3s ease-in-out;
	}
}

.tt-portfolio-hover-carousel .swiper-slide.active .tt-phc-item::before {
	opacity: 1;
}







.tt-portfolio-hover-carousel-images {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	overflow: hidden;
}

.phc-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.03);
	transition: all .4s ease-in-out;
}

.phc-image.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.phc-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}



.tt-phc-counter {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 38px;
	left: 50%;
	height: 40px;
	font-size: 17px;
	color: #FFF;
	font-weight: normal;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
}

.tt-phc-count {
	position: relative;
	height: 40px;
	line-height: 40px;
}

.tt-phc-count span:first-child {
	opacity: 1;
}

.tt-phc-count span {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}

.tt-phc-counter-separator {
	position: relative;
	margin: 0 5px;
}

.tt-phc-counter-separator::before {
	display: block;
	content: "";
	width: 17px;
	height: 1px;
	background-color: #FFF;
	opacity: .7;
	transform: rotate(-70deg);
}

.tt-phc-total {
	height: 40px;
	line-height: 40px;
}





body.tt-light-bg-on .tt-phc-item::before,
body.tt-light-bg-on .tt-phc-counter {
	color: #111;
}

body.tt-light-bg-on .tt-phc-counter-separator::before {
	background-color: #111;
}

body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball {
	border-color: #111;
}

body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag,
body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag::before,
body.tt-portfolio-hover-carousel-on.tt-light-bg-on #ball .ball-drag::after {
	color: #111;
}




.tt-gallery {
	position: relative;
}


.tt-gallery-item {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}


.tt-gallery-image {
	position: relative;
}

.tt-gallery-image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}


.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-wrap,
.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-inner,
.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .tt-gallery-image-hover-zoom,
.tt-grid[class*="ttgr-layout-creative-"].ttgr-not-cropped .tt-gallery-image .tt-gallery-image-hover-zoom,

.tt-grid .tt-gallery-video-wrap .anim-image-parallax-wrap,
.tt-grid .tt-gallery-video-wrap .anim-image-parallax-inner,
.tt-grid .tt-gallery-video-wrap .tt-gallery-image-hover-zoom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}


.tt-gallery-video-wrap {
	position: relative;
}

.tt-gallery-video-wrap::before {
	position: absolute;
	bottom: 5%;
	right: 5%;
	font-size: 19px;
	color: #FFF;
	z-index: 2;
	opacity: .3;


	content: "\f03d";
	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;
}



@media (min-width: 768px) {


	.tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item-inner {
		clip-path: inset(0 0 0 0);
		overflow: hidden;
		transition: clip-path 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
	}

	.tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item:hover .tt-gallery-item-inner {
		clip-path: inset(3% 3% 3% 3%);
	}


	.tt-gallery.ttga-hover .tt-gallery-image-hover-zoom {
		transition: all 1s cubic-bezier(.165, .84, .44, 1);
	}

	.tt-gallery.ttga-hover .tt-gallery-item:hover .tt-gallery-image-hover-zoom {
		transform: scale(1.05);
	}
}












.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-actions .lg-close {
	display: none !important;

}




.lg-actions {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}


.lg-actions .lg-next,
.lg-actions .lg-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 1000;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: translateY(-50%) scale(1.1);
}

.lg-actions .lg-prev {
	left: 20px;
}

.lg-actions .lg-next {
	right: 20px;
}


.lg-actions .lg-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 1000;
}

.lg-actions .lg-close:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: scale(1.1);
}


@media (max-width: 768px) {

	.lg-actions .lg-next,
	.lg-actions .lg-prev {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.lg-actions .lg-prev {
		left: 10px;
	}

	.lg-actions .lg-next {
		right: 10px;
	}

	.lg-actions .lg-close {
		width: 40px;
		height: 40px;
		font-size: 18px;
		top: 10px;
		right: 10px;
	}
}












.lg-actions,
.lg-actions * {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}


.lg-actions .lg-next,
.lg-actions .lg-prev {
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 60px !important;
	height: 60px !important;
	background: rgba(0, 0, 0, 0.7) !important;
	border-radius: 50% !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 24px !important;
	cursor: pointer !important;
	z-index: 1000 !important;
	transition: all 0.3s ease !important;
}


.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
	background: rgba(0, 0, 0, 0.9) !important;
	transform: translateY(-50%) scale(1.1) !important;
}


.lg-actions .lg-next,
.lg-actions .lg-prev {
	pointer-events: auto !important;
	cursor: pointer !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
}

.lg-actions .lg-prev {
	left: 20px !important;
}

.lg-actions .lg-next {
	right: 20px !important;
}


.lg-actions .lg-close {
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	position: absolute !important;
	top: 20px !important;
	right: 20px !important;
	width: 50px !important;
	height: 50px !important;
	background: rgba(0, 0, 0, 0.7) !important;
	border-radius: 50% !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 20px !important;
	cursor: pointer !important;
	z-index: 1000 !important;
}




























@media (min-width: 1025px) {}








.tt-next-project {
	position: relative;
	display: flex;
	align-items: center;
	height: 80vh;
	overflow: hidden;
	background-color: #141414;
}

@media (max-width: 1024px) {
	.tt-next-project {
		height: 50vh;
	}

	body:not(.tt-np-image-on) .tt-next-project {
		height: auto;
	}
}

@media (min-width: 1025px) {
	body.tt-np-image-on .tt-next-project {
		height: 100vh;
	}
}


.tt-np-image {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transform-origin: 50% 100%;
}

.tt-np-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.tt-next-project[class*="np-image-cover-"] .tt-np-image::before {
	position: absolute;
	display: block;
	content: "";
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background-color: #040404;
	z-index: 1;
	opacity: 0;
}

.tt-next-project.np-image-cover-3 .tt-np-image::before {
	opacity: .3;
}




.tt-np-caption {
	position: relative;
	width: 100%;
	padding: 40px 17% 120px 17%;
	z-index: 3;
}

@media (min-width: 1025px) {
	body.tt-np-image-on .tt-np-caption {
		padding: 10% 17% 40px 17%;
	}
}

@media (max-width: 1024px) {
	.tt-np-caption {
		padding: 140px 10% 40px 10%;
	}

	body:not(.tt-np-image-on) .tt-np-caption {
		padding: 15% 10%;
	}
}

.tt-np-title {
	margin: 0;
	padding-right: 2%;
	font-size: clamp(38px, 5vw, 82px);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
}

.tt-np-title p {
	font-size: 15px
}

.tt-np-title a {
	color: #FFF;
}


.tt-np-ghost {
	display: none;
}

body:not(.tt-np-image-on) .tt-np-ghost {
	position: absolute;
	display: block;
	bottom: 50%;
	left: 10%;
	font-size: 24vw;
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	line-height: .7;
	opacity: .07;
	z-index: 1;
	transform: translate3d(0, 50%, 0);
}

@media (max-width: 1024px) {
	body:not(.tt-np-image-on) .tt-np-ghost {
		font-size: 32vw;
	}
}





















.tt-content-carousel {
	position: relative;
}


.tt-content-carousel-item {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 0;
}

@media (min-width: 1025px) {
	.tt-content-carousel .swiper-slide {
		height: 100%;
		width: auto;
	}

	.tt-content-carousel-item {
		margin-left: 3vw;
		margin-right: 3vw;
	}
}

@media (max-width: 1024px) {
	.tt-content-carousel-item {
		margin-left: 2vw;
		margin-right: 2vw;
	}
}



.tt-cc-nav-prev,
.tt-cc-nav-next {
	position: absolute;
	top: 50%;
	z-index: 20;
	transform: translateY(-50%);
}

.tt-cc-nav-prev {
	left: 2%;
}

.tt-cc-nav-next {
	right: 2%;
}

.tt-cc-nav-arrow-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}





.tt-cc-pagination {
	position: absolute;
	bottom: 5%;
	left: 50%;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
}



















.tt-testimonials-slider {
	position: relative;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

@media (min-width: 1025px) {
	.tt-testimonials-slider .swiper-slide {
		max-width: 800px;
		margin-left: 3vw;
		margin-right: 3vw;
	}
}

@media (max-width: 1024px) {
	.tt-testimonials-slider .swiper-slide {
		width: 100% !important;
		margin-left: 3vw;
		margin-right: 3vw;
	}
}



.tt-ts-nav-prev,
.tt-ts-nav-next {
	position: absolute;
	top: 40%;
	z-index: 20;
	transform: translateY(-50%);
}

@media (max-width: 1024px) {

	.tt-ts-nav-prev,
	.tt-ts-nav-next {
		display: none;
	}
}

.tt-ts-nav-prev {
	left: -12%;
}

.tt-ts-nav-next {
	right: -12%;
}

.tt-ts-nav-arrow-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}





.tt-ts-pagination {
	position: absolute;
	left: 50%;
	bottom: -80px;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
}

@media (max-width: 1024px) {
	.tt-ts-pagination {
		bottom: -50px;
	}
}














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);
}


.tt-btn-icon {
	display: inline-flex;
}

.tt-btn-icon:first-child {
	margin-right: 10px;
}

.tt-btn-icon:last-child {
	margin-left: 10px;
}








.tt-btn-primary {
	background-color: var(--tt-main-color);
}

.tt-btn-primary>*,
.tt-btn-primary>*::after {
	color: #FFF;
}

.tt-btn-primary:hover>* {
	color: #FFF;
}
















@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);
	}
}


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



.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);
	}
}










.social-buttons ul {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-buttons ul>li {
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 2px;
}

@media (max-width: 991px) {
	.social-buttons ul>li {
		margin: 0px;
	}
}

.social-buttons ul>li:first-child {
	margin-left: 0;
}

.social-buttons ul>li:last-child {
	margin-right: 0;
}

.social-buttons>ul>li a {
	display: block;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 15px;
	font-weight: 600;
	color: #eaeaea;
	transition: opacity 0.2s;
}

body:not(.tt-magic-cursor) .social-buttons>ul:hover>li a {
	opacity: .5;
}

body:not(.tt-magic-cursor) .social-buttons>ul>li a:hover {
	opacity: 1;
}







.tt-accordion {
	position: relative;
}

.tt-accordion-item {
	position: relative;
}



.tt-accordion-heading {
	position: relative;
	cursor: pointer;
}







.tt-accordion-content {
	padding-bottom: 40px;
	color: #e0e0e0;
}

.tt-accordion-content:not(.is-open) {
	display: none;
}

.tt-accordion-content p:last-child {
	margin-bottom: 0;
}














figure {
	position: relative;
	margin: 0;
}


figure img {
	width: 100%;
	height: auto;
}






.tt-form-control {
	display: block;
	width: 100%;
	background-color: transparent;
	padding: 5px 15px;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	border: 1px solid rgb(136 136 136 / 65%);
	border-radius: 3px;
}

.tt-form-control:focus {
	color: #FFF;
	background-color: transparent;
	border-color: rgb(204 204 204 / 85%);
	outline: none;
	box-shadow: none;
}

.tt-form-control+.tt-form-control {
	margin-top: 20px;
}

.tt-form-control:disabled {
	background-color: rgb(176 176 176 / 6%);
	opacity: .4;
	cursor: not-allowed;
}

.tt-form-control:not(textarea):not([size]) {

	height: 56px;
}

.tt-form-text {
	display: block;
	margin-top: 5px;
	font-style: italic;
	color: #999;
}

label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
	font-weight: 500;
}

::-webkit-input-placeholder {
	color: #999 !important;
}

::-moz-placeholder {
	color: #999 !important;
}


.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}

.gallery-item {
	aspect-ratio: 1 / 1;

	overflow: hidden;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	display: block;
}


.tt-form-group {
	margin-bottom: 30px;
	color: #4e4e4e;
	font-size: 12px;
}


input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
	cursor: pointer;
}


textarea,
textarea.tt-form-control {
	padding: 15px
}


select {
	cursor: pointer;
}

select option {
	background-color: #131212;
	color: #FFF;
}

select option[value=""][disabled] {
	display: none;
}

select[multiple] option {
	background-color: transparent;
	color: #FFF;
}

select option[disabled],
select[multiple] option[disabled] {
	color: #999;
}

select:required:invalid {
	color: #999;
}






.tt-form-check,
.tt-form-radio {
	position: relative;
	display: block;
	margin: 0 0 8px 5px;
}

.tt-form-check input,
.tt-form-radio input {
	position: absolute;
	top: 50%;
	opacity: 0;
	cursor: pointer;
	transform: translate3d(0, -50%, 0);
}

.tt-form-check label,
.tt-form-radio label {
	position: relative;
	margin-bottom: 0;
	padding-left: 30px;
	vertical-align: top;
	font-size: 17px;
	cursor: pointer;
}

.tt-form-check label::before,
.tt-form-radio label::before {
	position: absolute;
	top: 3px;
	left: -0;
	display: block;
	width: 20px;
	height: 20px;
	pointer-events: none;
	content: "";
	background-color: #4e4e4e;
	border-radius: 3px;
	transition: background-color 0.2s;
}

.tt-form-check:hover label::before,
.tt-form-radio:hover label::before {
	background-color: #5a5a5a;
}

.tt-form-check label::after,
.tt-form-radio label::after {
	position: absolute;
	display: none;
	content: "";
	top: 8px;
	left: 7px;
	width: 4px;
	height: 6px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.tt-form-check input:checked~label::after,
.tt-form-radio input:checked~label::after {
	display: block;
}

.tt-form-radio label::before {
	border-radius: 100px;
}

.tt-form-radio label::after {
	top: 10px;
	left: 7px;
	width: 4px;
	height: 4px;
	background-color: #FFF;
	border-radius: 100%;
}

.tt-form-check input:disabled,
.tt-form-radio input:disabled {
	cursor: not-allowed;
}

.tt-form-check input:disabled~label,
.tt-form-radio input:disabled~label {
	cursor: not-allowed;
	opacity: .3;
}



.tt-file-info {
	width: 75%;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 14px;
	color: #777;
	line-height: 1;
}









.tt-form-filled .tt-form-control {
	background-color: #ffffff;
	color: #0e0d0d;
	border: 1;
}

.tt-form-filled .tt-form-control:focus {
	box-shadow: inset 0 0 0 1px rgba(48, 48, 48, 0.6);
}

.tt-form-filled .tt-form-control:disabled {
	opacity: .3;
}


























.tt-scrolling-text {
	display: flex;
	position: relative;
	pointer-events: none;
}

.tt-scrolling-text-inner {
	padding-left: 2vw;
	font-size: calc(16px + 6vw);
	line-height: 1;
	font-weight: bold;
	font-weight: 600;
	color: #CCC;
	white-space: nowrap;
	animation-name: tt_scrolling_text;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: running;

}

.tt-scrolling-text-inner:after {
	content: attr(data-text);
}

@keyframes tt_scrolling_text {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}










.tt-pagination {
	display: flex;
	margin-top: 40px;
	padding: 40px 3%;
}

body.tt-boxed .tt-wrap .tt-pagination {
	padding-left: 0;
	padding-right: 0;
}






.tt-sidebar {
	margin-left: 40px;
}

@media (max-width: 1600px) {
	.tt-sidebar {
		margin-left: 10px;
	}
}

@media (max-width: 991px) {
	.tt-sidebar {
		margin: 60px 0 0 0 !important;
	}
}






@media (max-width: 1400px) and (min-width: 769px) {
	body:not(.is-mobile).tt-sliding-sidebar-left-on {
		padding-left: 40px;
	}

	body:not(.is-mobile).tt-sliding-sidebar-right-on {
		padding-right: 40px;
	}

	body:not(.is-mobile).tt-sliding-sidebar-left-on .tt-header-inner {
		padding-left: 50px;
	}

	body:not(.is-mobile).tt-sliding-sidebar-right-on .tt-header-inner {
		padding-right: 50px;
	}
}


.tt-sliding-sidebar-wrap {
	position: relative;
	z-index: 9999;
}

.tt-sliding-sidebar-close {
	position: fixed;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 55%);
	backdrop-filter: blur(10px);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

body.tt-sliding-sidebar-open .tt-sliding-sidebar-close {
	opacity: 1;
	visibility: visible;
}



.tt-sliding-sidebar-trigger {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 40px;
	height: 100vh;
	background-color: #1b1b1b;
	font-size: 20px;
	color: #808080;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s, width 0.3s;
}

.tt-sliding-sidebar-trigger:hover {
	width: 54px;
}


body.is-mobile .tt-sliding-sidebar-trigger {
	top: auto;
	left: auto;
	right: 12px !important;
	bottom: 12px !important;
	width: 44px !important;
	height: 44px !important;
	background-color: var(--tt-main-color) !important;
	color: #FFF;
	border-radius: 100px;
	z-index: 2;
}

@media (max-width: 768px) {
	.tt-sliding-sidebar-trigger {
		top: auto;
		left: auto;
		right: 12px !important;
		bottom: 12px !important;
		width: 44px !important;
		height: 44px !important;
		background-color: var(--tt-main-color) !important;
		color: #FFF;
		border-radius: 100px;
		z-index: 2;
	}
}




.tt-ss-right .tt-sliding-sidebar-trigger {
	left: auto;
	right: 0;
}

















































@media (min-width: 1025px) {}





.blog-interactive-item {
	position: relative;
	margin-bottom: 100px;
}

@media (max-width: 1400px) {
	.blog-interactive-item {
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media (max-width: 768px) {
	.blog-interactive-item {
		padding-left: 0;
		padding-right: 0;
	}
}


@media (min-width: 769px) {

	.blog-interactive-item::before {
		position: absolute;
		counter-increment: bi-item-counter;
		content: "" counter(bi-item-counter, decimal-leading-zero);
		top: 45%;
		right: 0;
		line-height: 1;
		font-size: clamp(40px, 12vw, 220px);
		font-weight: normal;
		color: #FFF;
		opacity: 0.1;
		z-index: -1;
		transform: translateY(-50%);
	}
}

@media (max-width: 1400px) {
	.blog-interactive-item::before {
		right: 3%;
	}
}


.bi-item-image {
	position: relative;
	display: block;
	overflow: hidden;
}

.bi-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 769px) {
	.blog-interactive-item .bi-item-image {
		display: none;
	}

	#ball .bi-item-image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	#ball .bi-item-image::before {
		position: absolute;
		display: block;
		content: "";
		top: -1px;
		left: -1px;
		bottom: -1px;
		right: -1px;
		background-color: #040404;
		opacity: .2;
	}
}

@media (max-width: 768px) {
	.bi-item-image {
		display: block;
		margin-bottom: 30px;
		padding-bottom: 60%;
	}

	.bi-item-image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}
}




.bi-item-title {
	margin-bottom: 30px;
	font-size: clamp(28px, 3vw, 50px);
	font-weight: bold;
	font-weight: 500;
	color: #FFF;
	line-height: 1.4;
}

@media (min-width: 769px) {
	.blog-interactive-item:not(.bi-item-image-on) .bi-item-title {
		padding-right: 23%;
	}
}

@media (max-width: 768px) {
	.bi-item-title {
		margin-bottom: 15px;
	}
}

.bi-item-title a {
	display: block;
	color: #FFF;
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a {
	color: #FFF;
	display: inline;
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-image: -ms-linear-gradient(transparent 96%, currentColor 1px);
	transition: 0.6s cubic-bezier(.215, .61, .355, 1);
	background-size: 0 96%;
}

.blog-interactive-item:not(.bi-item-image-on) .bi-item-title a:hover {
	background-size: 100% 96%;
	color: #FFF;
}

@media (min-width: 769px) {
	.blog-interactive-item.bi-item-image-on .bi-item-title a {
		padding-right: 23%;
	}
}




#magic-cursor.blog-interactive-hover-on {
	z-index: -1;
}

#magic-cursor.blog-interactive-hover-on #ball {
	overflow: hidden;
	border: none !important;
}













.tt-blog-post {
	position: relative;
}



































.tt-blog-carousel {
	position: relative;
}

.tt-blog-carousel .swiper {
	margin-left: -1.5vw;
	margin-right: -1.5vw;
}









.tt-blc-nav-prev,
.tt-blc-nav-next {
	position: absolute;
	top: -100px;
	z-index: 20;
	background-color: rgb(137 137 137 / 10%);
	border-radius: 96px 122px 80px 115px;
}

.tt-blc-nav-prev {
	right: 80px;
}

.tt-blc-nav-next {
	right: 0;
}

.tt-blc-nav-arrow-disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none;
}

@media (max-width: 768px) {

	.tt-blc-nav-prev,
	.tt-blc-nav-next {
		top: -65px;
	}

	.tt-blc-nav-prev {
		right: 55px;
	}
}





.tt-blc-pagination {
	position: absolute;
	display: none;

	bottom: 15px;
	left: 50%;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
}










.tt-blog-carousel[data-pagination-type] {
	padding-bottom: 100px;
}

@media (max-width: 768px) {
	.tt-blog-carousel[data-pagination-type] {
		padding-bottom: 80px;
	}
}

.tt-blog-carousel[data-pagination-type] .tt-blc-pagination {
	display: block;
}










#tt-footer {
	background-color: #f2ebe3;
	padding: 40px;
	font-size: 14px;
	color: #000;
}

#tt-footer .tt-footer-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}


#tt-footer .footer-logo {
	font-family: "Arial Black", sans-serif;
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
}


#tt-footer .footer-social-icons {
	margin-top: 15px;
	font-size: 20px;
}

#tt-footer .footer-social-icons a {
	margin-right: 12px;
	color: #000;
	transition: color 0.3s ease;
}

#tt-footer .footer-social-icons a:hover {
	color: #666;
}


#tt-footer .footer-middle {
	font-family: Georgia, serif;
	font-size: 14px;
	text-align: center;
}


#tt-footer .footer-right {
	font-family: sans-serif;
	font-size: 14px;
	text-align: right;
}


@media (max-width: 768px) {
	#tt-footer {
		padding: 20px;
		text-align: center;
	}

	.tt-footer-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.footer-col {
		width: 100%;
		text-align: center !important;
		margin-bottom: 20px;
	}

	.footer-logo {
		font-size: 32px;
		line-height: 1.2;
	}

	.footer-middle p {
		font-size: 14px;
		line-height: 1.6;
		margin: 0 auto;
		max-width: 400px;
	}

	.footer-right p {
		font-size: 14px;
		margin-bottom: 10px;
		text-align: center !important;
	}

	.footer-social-icons {
		display: flex;
		justify-content: center;
		gap: 15px;
		margin-top: 10px;
	}

	.footer-social-icons a {
		font-size: 20px;
		color: #000;

		text-decoration: none;
	}
}


body.tt-light-bg-hover #ball,
body.psi-light-bg-on #ball {
	border-color: #111;
}

body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag,
body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag::before,
body.tt-light-bg-hover:not(.tt-ol-menu-open) #ball .ball-drag::after,
body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag::before,
body.psi-light-bg-on:not(.tt-ol-menu-open) #ball .ball-drag::after {
	color: #111;
}




body.tt-light-bg-on:not(.tt-ol-menu-active):not(.tt-m-menu-active) #tt-header .tt-logo-light {
	display: none;
}

body.tt-light-bg-on:not(.tt-ol-menu-active):not(.tt-m-menu-active) .tt-ol-menu-toggle-btn-text {
	color: #111;
}

body.tt-light-bg-on:not(.tt-ol-menu-active):not(.is-mobile) .tt-ol-menu-toggle-btn:hover span,
body.tt-light-bg-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::before,
body.tt-light-bg-on:not(.tt-ol-menu-active) .tt-ol-menu-toggle-btn span::after {
	background-color: #111;
}


@media (min-width: 1025px) {

	body.tt-light-bg-on .tt-main-menu-list>li>a,
	body.tt-light-bg-on .tt-main-menu-list>li>.tt-submenu-trigger>a {
		color: #111;
	}

	body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li>a:hover,
	body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li>.tt-submenu-trigger>a:hover,
	body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.active>a,
	body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.active>.tt-submenu-trigger>a,
	body.tt-light-bg-on .tt-main-menu-list.tt-mm-hover>li.tt-submenu-open>.tt-submenu-trigger>a {
		opacity: 1;
		color: #000;
	}
}

@media (max-width: 1024px) {

	body.tt-light-bg-on:not(.tt-m-menu-active) .tt-m-menu-toggle-btn span::before,
	body.tt-light-bg-on:not(.tt-m-menu-active) .tt-m-menu-toggle-btn span::after {
		background-color: #111;
	}
}




body.tt-light-bg-on .ph-category,
body.tt-light-bg-on .ph-caption-title,
body.tt-light-bg-on .ph-caption-subtitle,
body.tt-light-bg-on .ph-meta,
body.tt-light-bg-on .ph-meta a {
	color: #111;
}


body.tt-light-bg-on .tt-sd-arrow-inner,
body.tt-light-bg-on .tt-sd-arrow::before,
body.tt-light-bg-on .tt-sd-arrow::after {
	background-color: #555;
}

body.tt-light-bg-on .tt-sd-text {
	color: #555;
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow-inner,
body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow::before,
body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-arrow::after {
	background-color: #000;
}

body.tt-light-bg-on .tt-sd-inner:hover .tt-sd-text {
	color: #000;
}


body.tt-light-bg-on .ph-share-text {
	color: #111;
}

body.tt-light-bg-on .ph-share-icon {
	color: #111;
	opacity: .9 !important;
}

body.tt-light-bg-on .ph-share .social-buttons>ul>li a {
	color: #111;
}




body.tt-light-bg-on .tt-ps-caption-category,
body.tt-light-bg-on .tt-ps-caption-title a {
	color: #111;
}





body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title,
body.tt-np-image-on .tt-next-project.tt-np-image-is-light .tt-np-title a {
	color: #111;
}

.tt-next-project[class*="np-image-cover-"].tt-np-image-is-light .tt-np-image::before {
	display: none;
}



@media (min-width: 1025px) {

	body.tt-light-bg-on #tt-footer,
	body.tt-light-bg-on #tt-footer a {
		color: #111;
	}
}




.tt-style-switch {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30%;
	right: 0;
	width: 40px;
	height: 35px;
	background-color: #444;
	font-size: 16px;
	color: #FFF;
	cursor: pointer;
	z-index: 999;
	border-radius: 50px 0 0 50px;
	transition: all .2s;
}

@media (max-width: 540px) {
	.tt-style-switch {
		top: auto;
		bottom: 150px;
	}
}

body:not(.is-mobile) .tt-style-switch:hover {
	width: 45px;
	background-color: var(--tt-main-color);
	color: #FFF;
}


@media (min-width: 769px) {
	body.tt-sliding-sidebar-right-on .tt-style-switch {
		right: auto;
		left: 0;
		border-radius: 0 50px 50px 0;
	}
}



.tt-grid.ttgr-layout-2 .tt-grid-item {
	width: 1300px !important;
	max-width: 90% !important;
	float: none !important;
	margin: 0 auto 50px auto !important;
	padding: 0 !important;
	display: block !important;
}


.ttgr-height {
	padding-bottom: 0 !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	margin: 0 !important;
}


.tt-gallery-image {
	position: relative;
	width: 1300px !important;
	max-width: 90% !important;
	height: auto !important;
	min-height: auto !important;
	overflow: hidden;
	margin: 0 auto !important;
	padding: 0 !important;
}


.tt-gallery-image img,
.tt-gallery-image video {
	width: 1300px !important;
	max-width: 90% !important;
	height: auto !important;
	object-fit: cover;
	display: block !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	margin: 0 auto !important;
	padding: 0 !important;
}


.ttgr-item-inner {
	position: relative;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tt-gallery-item-inner {
	position: relative;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tt-gallery-image-wrap {
	position: relative;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}


.tt-grid-item {
	margin-bottom: 50px !important;
	padding: 0 !important;
	display: block !important;
}


.isotope-items-wrap {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.isotope-item {
	width: 1300px !important;
	max-width: 90% !important;
	float: none !important;
	margin: 0 auto 50px auto !important;
	padding: 0 !important;
	display: block !important;
}


.tt-grid.ttgr-gap-2 {
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
}


.tt-gallery-image {
	width: 1300px !important;
	max-width: 90% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}


.tt-gallery {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tt-grid {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tt-grid-items-wrap {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

.isotope-items-wrap {
	display: block !important;
}


@media (max-width: 768px) {

	.tt-grid.ttgr-layout-2 .tt-grid-item {
		width: 95% !important;
		max-width: 95% !important;
		float: none !important;
		margin: 0 auto 30px auto !important;
		padding: 0 !important;
		display: block !important;
	}

	.ttgr-height {
		padding-bottom: 0 !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		margin: 0 !important;
	}

	.tt-gallery-image {
		position: relative;
		width: 95% !important;
		max-width: 95% !important;
		height: auto !important;
		min-height: auto !important;
		overflow: hidden;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.tt-gallery-image img,
	.tt-gallery-image video {
		width: 95% !important;
		max-width: 95% !important;
		height: auto !important;
		object-fit: cover;
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.tt-grid.ttgr-gap-2 {
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	.tt-grid-item {
		padding: 0 !important;
		margin-bottom: 30px !important;
		display: block !important;
	}

	.isotope-item {
		width: 95% !important;
		max-width: 95% !important;
		float: none !important;
		margin: 0 auto 30px auto !important;
		padding: 0 !important;
		display: block !important;
	}
}


@media screen and (max-width: 768px) {
	video {
		-webkit-playsinline: true;

		-webkit-video-playable-inline: true;
		object-fit: cover;
		width: 100% !important;
		height: auto !important;
	}

	.tt-gallery-image video {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		display: block !important;
	}
}


@supports (-webkit-touch-callout: none) {
	video {
		-webkit-playsinline: true;

		-webkit-video-playable-inline: true;
	}
}