.paralax1 {
	transform-style: preserve-3d;
}

.paralax2 {
	transform-style: preserve-3d;
}

.paralax3 {
	transform-style: preserve-3d;
}

.mySlideContent1, .mySlideContent2 {
	margin-left: 5vw;
	margin-right: 5vw;
	/*margin-top: -900px;*/
	transition: 1.3s;
	will-change: transform, opacity;
	transform: translate3d(0px, -100vh, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 20deg);
	opacity: 0;
	transform-style: preserve-3d;
	transition-timing-function: ease;
}

.fp-section.active .mySlideContent1, .fp-section.active .mySlideContent2 {
	margin-top: 0;
	will-change: transform, opacity;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	opacity: 1;
	transform-style: preserve-3d;
}

.title01 {
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px white;
	font-size: 100px;
	font-family: Inter, sans-serif;
	letter-spacing: 1px;
	line-height: 85%;
	text-align: center;
}

.title01new {
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px white;
	font-size: 90px;
	font-family: Inter, sans-serif;
	letter-spacing: 1px;
	line-height: 110%;
	text-align: center;
}
.title22 {
	color: rgba(0, 0, 0, 0);
	-webkit-text-stroke: 1px white;
	font-size: 64px;
	font-family: Inter, sans-serif;
	letter-spacing: 1px;
	line-height: 110%;
	text-align: center;
}

.title2 {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
	margin: 0 0 32px;
}

.title10,
h2.title10 {
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 29px;
	text-align: left;
	width: 100%;
}

.text11 {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	line-height: 174.65%;
	text-align: left;
}
.text12 {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 174.65%;
	text-align: left;
}

.subtitle3 {
	width: 100%;
	margin: 0px;
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 183.5%;
	color: #000000;
}

.text4 {
	width: 100%;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 183.5%;
	color: #333;
	margin-bottom: 10px;
	/*text-align: justify;*/
	text-align: left;
}

.title5 {
	position: relative;
	width: 100%;

	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Inter, sans-serif;
	font-size: 64px;
	line-height: 110%;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-text-stroke: 1px white;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	color: transparent;
	-webkit-text-stroke: 1px white;
	text-align: left;
}
.myTitle2{
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 54px;
	text-align: center;

	color: #444444;

}

.mySlideContent1 span,
.mySlideContent1 div, 
.mySlideContent2 span,
.mySlideContent2 div {
	transition: 0.3s;
}

.mySlideContent1:hover span,
.mySlideContent1:hover div {
	color: #fff;
}

.subtitle6 {
	font-family: Inter, sans-serif;
	margin: 0px;
	text-align: left;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	display: block;
}

.subtitle7 {
	font-size: 17px;
}

.text8 {
	font-size: 16px;
	line-height: 183.5%;
	text-align: left;
}

.text9 {
	font-size: 19px;
	font-weight: bold;
	line-height: 200%;
}
.text21{
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}
.text24{
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 175%;
}
.text25{
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
}
.title26{
	color: #ffffff;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
}

.text-ffffff {
	color: #ffffff;
}

@media only screen and (max-width: 1200px) {
	.title5 {
		font-size: 70px;
	}
}

.line1 {
	border-top: 1px solid white;
	width: 16px;
	display: flex;
	flex-direction: column;
	margin-bottom: 4px;
}

.line2 {
	border: 1px solid #242424;
	position: absolute;
	width: 16px;
	height: 0px;
	top: 5px;
	left: -1px;
}

.mobilePopup1 {
	/*display: none
	*/
		transition: all 0.3s; 
	min-height: 0;
	max-height: 0;
	height: 0;
	overflow: hidden;

}
.visibleOnMobile{
	display: none;
}
.hamburger{
	display: none;
}
.topPadding50{
	padding-top: 50px;
}
.threeColumnsContainer{
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: center;
	
}
.threeColumnsColumn{
	padding: 0px 30px 0 30px;
	text-align: left;
}
@media only screen and (min-width: 800px) {
	.hideOnDesktop{
		display: none;
	}

}
@media only screen and (max-width: 799px) {
	.threeColumnsContainer{
		flex-direction: column;
	}
	.hideOnMobile{
		display: none;
	}
	.visibleOnMobile{
		display: inherit;
	}
	.opened .mobilePopup1 {
		position: absolute;
		width: 100vw;
		height: 100vh;
		background-color: white;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		pointer-events: all;
		min-height: 100vh;
		max-height: 100vh;
	}
	.opened .logotype-link.w--current {
		color: #242424
	}
	/* Line 2 */
	.nav-menu a.nav-link {
		display: none;
	}
	.nav-menu .hamburger {
		position: relative;
		width: 16px;
		display: flex;
		flex-direction: column;
	}
	.hamburger .line1 {
		display: inline-block;
	}
	.hamburger .line2 {
		display: none;
	}
	.opened .hamburger .line1 {
		display: none;
	}
	.opened .hamburger .line2 {
		display: inline-block;
	}
	.mySlideContent1 {
		text-align: left;
	}
	.title01 {
		font-size: 40px;
		color: #fff;
		line-height: 100%;
		text-align: center;
	}
	.title01new {
		font-size: 10.56vw;
		line-height: 13vw;
		color: #fff;
		text-align: left;
		width: 100%;
	}
	.title22 {
		font-size: 6vw;
	}
	.subtitle3 {
		width: 100%;
		margin: 0px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 100;
		color: #333;
		margin-bottom: 10px;
		text-align: left;
	}
	.subtitle3 br {
		display: none;
	}
	.text4 {
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
	}
	.title5 {
		width: 100vw;
		font-weight: 800;
		line-height: 12.73vw;
		font-size: 10.56vw;
		position: relative;
		color: white;
	}
	.myTitle2{
		font-size: 7vw;
		line-height: 9vw;
	}

	.nav-popup-link {
		width: 100%;
		font-weight: 800;
		line-height: 12.73vw;
		font-size: 10.56vw;
		position: relative;
		color: #242424;
		display: block;
		text-decoration: none;
	}
	.subtitle6 {
		position: static;
		width: 100%;
		font-size: 4.97vw;
	}
	.subtitle7 {
		font-size: 4.35vw;
	}
	.text8 {
		font-size: 14px;
	}

	.text9 {
		font-size: 16px;
	}
	.mobTextCenter {
		text-align: center;
	}
	.hideOnMobile {
		display: none;
	}
	.grid {
		display: block;
	}
	.project-description {
		display: none;
	}
	.project-headings br {
		display: none;
	}
	.text11 {
		font-size: 4.8vw;
		line-height: 160%;
		font-style: normal;
		font-weight: normal;
	}
	.text12{
		font-size: 4.1vw;
		line-height: 160%;
		font-style: normal;
		font-weight: normal;
	}
	.title10,
h2.title10 {
	font-size: 5.7vw;
	line-height: 6.9vw;
	}
}

#menu {
	pointer-events: none;
}

#menu .nav-wrap {
	pointer-events: none;
}

#menu .logotype {
	pointer-events: all;
}

#menu .nav-menu {
	pointer-events: all;
}
#menu.opened{
	mix-blend-mode: normal;
}
#graffityframeContainer {
	position: relative;
}

#graffityframeContainer .content {
	/*pointer-events: none;*/
	height: calc(100vh - 100px);
}

#graffityframeContainerCover {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.readButton {
	background: #ffffff;
	color: #000;
	padding: 5px;
	position: absolute;
	bottom: 10px;
	right: 5vw;
	pointer-events: all;
	z-index: 300;
	font-weight: 700;
}

.readButton:focus {
	outline: none;
}

.vertPadding40 {
	padding-left: 5vw;
	padding-right: 5vw;
}

.rot1 {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: -10%;
	transform-origin: center center;
	animation: rot 4s linear infinite;
	visibility: hidden;
	height: 100%;
}

@keyframes rot {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

.signPH {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.signPH:hover .rot1 {
	visibility: visible;
}
.ifrmVideo{
    width: 1000px;
    max-width: 100%;
    height: 563px;
    max-height: 56.3vw;
}
.video1{
    width: 300px;
    max-width: 100%;
}