@charset "UTF-8";
/* CSS Document */

/* HOME MAIN SLIDER */

#home_slider{
	position: relative;
	width: 100%;
	height: calc(100vh - 50px);
	margin-top: 50px;
}

#loader{
	background-color: #000;
}

/* GALLERY */
#gallery_container{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.gallery_animation{
-webkit-transition: all 2000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
   -moz-transition: all 2000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	 -o-transition: all 2000ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		transition: all 2000ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */

-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
	 -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
}


.slider_images_container{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	z-index: 1;
	transform-origin: center bottom;
	overflow: hidden;
}

#gallery_images_container{
	opacity: 0;
	/* min-height: 768px; */
}
#gallery_images_container.in{
	opacity: 1;
}



.slider_images_container .image{
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	overflow: hidden;
-webkit-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	 -o-transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		transition: all 1500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	 -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
		transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

}
.slider_images_container .image.left{
	left: 0;
}
.slider_images_container .image.right{
	right: 0;
}

.slider_images_container .image.in{
	width: 100%;
}
.slider_images_container .image.faded{
	opacity: 0;
}
.slider_images_container .image video{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
}

.slide_info_container{
	width: 100vw;
	max-width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.slide_info_container .fullsize_link{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
}

#slider_buttons{
	position: absolute;
	z-index: 1000;
	right: 5vw;
	bottom: 5.5vh;
}

.slide_info-banner {
	margin-top: 20px;
}
.slide_info-banner img {
	width: 60%;
	max-width: 400px;
}

/*
#gallery_container .arrows{
	display: inline-block;
}
*/
#gallery_container .arrow{
	position: absolute;
	display: none !important;
	top:45%;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
	color:#fff;
	text-shadow: 0 0 5px rgba(9, 255, 244,0);
	z-index: 100;
-webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	 -o-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	 -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

}

#gallery_container .arrow .icon{
	font-size: 55px;
	transform: rotate(180deg) scaleY(0.9) scaleX(1.1);
	margin-bottom: 4px;
}
#gallery_container .arrow .name{
	font-size: 11px;
}


/*
#slider_buttons .arrows .arrow:hover{
	color: #a9d8f7;
	text-shadow: 0 0 8px rgba(9, 255, 244,1);
}
*/

#gallery_container #left_arrow{
	left: -100px;
	transform: rotate(-90deg);
}
#gallery_container #right_arrow{
	right: -100px;
	transform: rotate(90deg);
}
#gallery_container #left_arrow.in{
	left: 20px;
}
#gallery_container #right_arrow.in{
	right: 20px;
}

#gallery_container .arrow:hover .icon{
	transform: rotate(180deg) scaleY(0.9) scaleX(1.1) translateY(3px);
	color: #f12d1a;
}

#gallery_container .arrow:hover .name{
	transform: scaleX(0.95);
	color: #f12d1a;
}



#slider_buttons #dots{
	display: inline-block;
	vertical-align: middle;
}
#slider_buttons #dots .dot{
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background-color: #161a32;
	margin: 0 3px;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	cursor: pointer;

}
#slider_buttons #dots .dot:hover, #slider_buttons #dots .dot.active{
	background-color: #FFD659;
/* 	box-shadow: 0 0 8px rgba(247, 70, 54,1); */
	transform: scaleY(1.1);
	transform-origin: center;
	width: 20px;
}

#slider_buttons #dots .dot, #gallery_container .arrow .icon, #gallery_container .arrow .name{
-webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	 -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	 -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}


.slide_image_contaier,
.slide_image{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.slide_image{
	transform: scale(1.1)
}

.slider_big_font{
	font-size: 9vw;
	line-height: 7vw;
}



/* main poster */

.main_poster{

}
.main_poster .slide_image{
	background-image: url("../images/home/slide01/slide_01_bg.webp");
	background-position: center right !important;
}
.gallery_item .frame{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.gallery_item .frame div{
	position: absolute;
}
.gallery_item .frame .top{
	left: 106px;
	width: calc(100% - 212px);
	top:0;
	height: 50px;
	background-image: url("../images/home/slide01/slide_01_frame_top_tile.png");
	background-size: contain; background-repeat: repeat-x;
}
.gallery_item .frame .top_left{
	top:0;
	left: 0px;
	width: 108px;
	height: 108px;
	background-image: url("../images/home/slide01/slide_01_frame_top_left.png");
	background-size: contain; background-repeat: no-repeat;
}
.gallery_item .frame .top_right{
	top:0;
	right: 0px;
	width: 108px;
	height: 108px;
	background-image: url("../images/home/slide01/slide_01_frame_top_right.png");
	background-size: contain; background-repeat: no-repeat;
}
.gallery_item .frame .left{
	left: 0px;
	width: 50px;
	top:106px;
	height: calc(100% - 212px);
	background-image: url("../images/home/slide01/slide_01_frame_left_tile.png");
	background-size: contain; background-repeat: repeat-y;
}
.gallery_item .frame .right{
	right: 0px;
	width: 50px;
	top:106px;
	height: calc(100% - 212px);
	background-image: url("../images/home/slide01/slide_01_frame_right_tile.png");
	background-size: contain; background-repeat: repeat-y;
}
.gallery_item .frame .bottom{
	left: 106px;
	width: calc(100% - 212px);
	bottom:0;
	height: 50px;
	background-image: url("../images/home/slide01/slide_01_frame_bottom_tile.png");
	background-size: contain; background-repeat: repeat-x;
}
.gallery_item .frame .bottom_left{
	bottom:0;
	left: 0px;
	width: 108px;
	height: 108px;
	background-image: url("../images/home/slide01/slide_01_frame_bottom_left.png");
	background-size: contain; background-repeat: no-repeat;
}
.gallery_item .frame .bottom_right{
	bottom:0;
	right: 0px;
	width: 108px;
	height: 108px;
	background-image: url("../images/home/slide01/slide_01_frame_bottom_right.png");
	background-size: contain; background-repeat: no-repeat;
}
.gallery_item .yellow.frame .top{
	background-image: url("../images/home/slide01/slide_01_frame_top_tile_yellow.png");
}
.gallery_item .yellow.frame .top_left{
	background-image: url("../images/home/slide01/slide_01_frame_top_left_yellow.png");
}
.gallery_item .yellow.frame .top_right{
	background-image: url("../images/home/slide01/slide_01_frame_top_right_yellow.png");
}
.gallery_item .yellow.frame .left{
	background-image: url("../images/home/slide01/slide_01_frame_left_tile_yellow.png");
}
.gallery_item .yellow.frame .right{
	background-image: url("../images/home/slide01/slide_01_frame_right_tile_yellow.png");
}
.gallery_item .yellow.frame .bottom{
	background-image: url("../images/home/slide01/slide_01_frame_bottom_tile_yellow.png");
}
.gallery_item .yellow.frame .bottom_left{
	background-image: url("../images/home/slide01/slide_01_frame_bottom_left_yellow.png");
}
.gallery_item .yellow.frame .bottom_right{
	background-image: url("../images/home/slide01/slide_01_frame_bottom_right_yellow.png");
}
.gallery_item .frame:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.55+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 0;
}
.main_poster .main_poster_info{
	position: absolute;
	left: 5vw;
	top: 0vh;
	padding-top: 10vh;
	width: 75vw;
	display: flex;
	justify-content: center;
}
.main_poster .main_poster_info .logo{
	width: 75%;
	margin-bottom: 3vh;
	opacity: 0;
}
.main_poster .main_poster_info .logo.in{
	opacity: 1;
}
.main_poster .main_poster_info .logo img{
	width: 100%;
	height: auto;
}
.main_poster .main_poster_info .button_container{
	opacity: 0;
	text-align: center;
}
.main_poster .main_poster_info .button_container.in{
	opacity: 1;
}
.main_poster .bottom_info{
	position: absolute;
	bottom:10vh;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 99vw;
	padding: 0 7vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:2vw;
	flex-wrap: wrap;

}
.main_poster .bottom_info .left{
	width: 32%;
	text-align: center;
	padding-bottom: 2vh;
}
.main_poster .bottom_info .date{
	width: 100%;
	margin-bottom: 2vh;
	opacity: 0;
	font-size: 3.5vw;
	line-height: 3.5vw;
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
	position: relative;
}
.main_poster .bottom_info .date.in{
	opacity: 1;
}
.main_poster .bottom_info .date sup{
	font-size: 40%;
}
.main_poster .bottom_info .date:before, .main_poster .bottom_info .date:after{
	content: '';
	position: absolute;
	width: 1vw;
	height: 1vw;
	background-color: #E93321;
	transform: rotate(45deg);
	left: 0;
	top: calc(50% - 0.5vw);
}
.main_poster .bottom_info .date:after{
	left: auto;
	right: 0;
}
.main_poster .bottom_info .left .rounded_button a{
	font-size: 1.4vw;
	line-height: 1.4vw;
	padding: 0.8vw 3vw 0.7vw 2vw;
}
.main_poster .bottom_info .left .rounded_button{
	opacity: 0;
	transform: translateY(10px);
}
.main_poster .bottom_info .left .rounded_button.in{
	opacity: 1;
	transform: translateY(0px);
}
.main_poster .bottom_info .right{
	width: 55%;
}
.main_poster .logos{
	display: flex;
	gap:2vw;
	justify-content: space-around;
	margin-bottom: 2vh;
}
.main_poster .logos img{
	width: 27%;
	height: auto;
	opacity: 0;
	transform: scale(2);
	filter: blur(20px);
}
.main_poster .logos img.in{
	opacity: 1;
	transform: scale(1);
	filter: blur(0px);
}
.main_poster .pilots{
	padding-top: 7px;
}
.main_poster .pilots img{
	width: 100%;
	height: auto;
	opacity: 0;
	transform: translateY(15px);
}
.main_poster .pilots img.in{
	opacity: 1;
	transform: translateY(0px);
}
.animation_item{
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}

@media(max-height:800px){
	#home_slider{
		height: auto;
		aspect-ratio: 16/9;
	}
}

@media(max-width:767px){
	#home_slider {
		height: calc(100vh - 130px);
		aspect-ratio: auto;
		background-color: #000;
	}
	.main_poster .bottom_info {
		bottom: 7vh;
	}
	.gallery_item .frame .top,
	.gallery_item .frame .bottom{
		height: 35px
	}
	.gallery_item .frame .left,
	.gallery_item .frame .right{
		width: 35px;
		top:75px;
		height: calc(100% - 148px);
	}
	.gallery_item .frame .top {
		left: 74px;
		width: calc(100% - 148px);
		background-image: url(../images/home/slide01/slide_01_frame_top_tile_mobile.png)
	}
	.gallery_item .frame .top_left,
	.gallery_item .frame .top_right,
	.gallery_item .frame .bottom_left,
	.gallery_item .frame .bottom_right{
		width: 75px;
		height: 75px;
	}
	.gallery_item .frame .bottom {
		left: 74px;
		width: calc(100% - 148px);
		background-image: url(../images/home/slide01/slide_01_frame_bottom_tile_mobile.png)
	}
	#slider_buttons{
		right: 12vw;
	}

	.main_poster .slide_image{
		background-image: url("../images/home/slide01/slide_01_bg_mobile.webp");
		background-position: center center !important;
		transform: scale(1);
	}


	.main_poster .main_poster_info .logo{
		display: none;
	}
	.main_poster .bottom_info{
		flex-direction: column;
	}
	.main_poster .bottom_info .left{
		width: 75%;
	}
	.main_poster .bottom_info .left .rounded_button a{
		font-size: 1rem;
		line-height: 1rem;
		padding: 10px 35px 10px 20px;
	}
	.main_poster .bottom_info .left .rounded_button:after{
		right: 2vw;
	}
	.main_poster .bottom_info .date {
		font-size: 7.5vw;
		line-height: 7.5vw;
	}
	.main_poster .bottom_info .right {
		width: 85%;
	}
	.main_poster .logos{
		gap:1vw;
	}
	.main_poster .logos img {
		width: 30%;
	}
	.main_poster .bottom_info .date:before, .main_poster .bottom_info .date:after {
		content: '';
		width: 3vw;
		height: 3vw;
		top: calc(50% - 1.5vw);
	}

}

.after_race_slide .slide_info{
	position: absolute;
	left: 5vw;
	top: 0vh;
	padding-top: 10vh;
	width: 80vw;
}
.after_race_slide .slide_info .title{
	font-size: 2vw;
	line-height: 2vw;
	color: #fff;
	display:flex;
	align-items: baseline;
	opacity: 0;
}
.after_race_slide .slide_info .title.in{
	opacity: 1;
}
.after_race_slide .slide_info .title .isotype{
	position: relative;
	width: auto;
	height: 1.55vw;
	margin-right: 5px;
}
.after_race_slide .slide_info .desc{
	margin-bottom: 1vw;
}
.after_race_slide .slide_info .rounded_button{
	opacity: 0;
	transform: translateY(20px);
}
.after_race_slide .slide_info .rounded_button.in{
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 500ms;
}


.news .slide_image{
	background-image: url("../images/home/slide_news_bg.webp?v2");
	background-position: center center !important;
	overflow: hidden;
}

.aftermovie .slide_image{
	background-image: url("../images/home/slide_aftermovie_bg.webp?v2");
	background-position: center center !important;
	overflow: hidden;
}

.social_wall .slide_image{
	background-image: url("../images/home/socialwall/slide_social_wall_bg.webp");
	background-position: center center !important;
	overflow: hidden;
}

.social_wall .photos_container{
	position: absolute;
	right: 0;
	top:0;
	padding: 5vw;
	width: 50vw;
	height: 100%;
	z-index: 0;
}
.social_wall .photos_container .photo{
	position: absolute;
	transform: scale(0);
	transform-origin: right top;
	opacity: 0;
}
.social_wall .photos_container .photo.in{
	transform: scale(1);
	opacity: 1;
}
.social_wall .photos_container .photo:nth-child(1){
	right: 4vw;
	top: 4vw;
	z-index: 2;
	width: 30%;
}
.social_wall .photos_container .photo:nth-child(2){
	right: 20%;
	top: 20%;
	z-index: 0;
	width: 60%;
}
.social_wall .photos_container .photo:nth-child(3){
	left: 0;
	bottom: 4vw;
	z-index: 0;
	width: 30%;
}
.social_wall .photos_container .photo img{
	width: 100%;
	height: auto;
}

.social_wall .frame{
	z-index: 2;
	pointer-events: none;
}
.social_wall .frame:before{
	background: none;
}

.coverage .slide_image{
	background-image: url("../images/home/slide_coverage_bg.webp");
	background-position: center center !important;
	overflow: hidden;
}

@media(max-width:767px){
	.after_race_slide .slide_info {
		position: absolute;
		left: 12vw;
	}
	.after_race_slide .slide_info .title{
		font-size: 5vw;
		line-height: 5vw;
	}
	.after_race_slide .slide_info .title .isotype {
		height: 3.55vw;
	}
	.social_wall .photos_container{
		width: 85vw;
	}
	.social_wall .photos_container .photo:nth-child(1) {
		top: auto;
		right: 11vw;
		bottom: 33%;
		z-index: 2;
		width: 35%;
	}
	.social_wall .photos_container .photo:nth-child(2) {
		top: auto;
		right: auto;
		left: 13%;
		bottom: 10%;
		z-index: 0;
		width: 64%;
	}

	.slider_big_font {
		font-size: 10.5vw;
		line-height: 9vw;
	}
	.coverage .slider_big_font {
		font-size: 9vw;
		line-height: 9vw;
	}

	.rounded_button a {
		padding: 8px 35px 7px 25px;
	}
	.after_race_slide .slide_info .desc {
		margin-bottom: 1vh;
	}
}

/* Aftermovie */

#aftermovie_section{
	position: relative;
	padding: 5vh 2vw;
}
#aftermovie_section .title{
	position: relative;
	margin-bottom: 2vw;
	font-size: 8vw;
	line-height: 8vw;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#aftermovie_section .title .phrase .word .letter_mask .letter{
	transform: translateY(9vw);
}
#aftermovie_section .title .phrase .word .letter_mask .letter.in{
	transform: translateY(0);
}

#aftermovie_section .video_container{
	position: relative;
	width: 100%;
	padding: 0vw 10vw 0vh;
	text-align: center;
	opacity: 0;
}
#aftermovie_section .video_container.in{
	opacity: 1;
}
#aftermovie_section .video_container iframe{
	width: 100%;
	aspect-ratio: 16/9;
}
#aftermovie_section #player-iframe {
	pointer-events: none;
	margin-bottom: 20px;
	z-index: 1;
}
#aftermovie_section #player-iframe.playing{
	pointer-events: all;
}

#aftermovie_section #player-cover{
	position: absolute;
	left: 10vw;
	top:0;
	width: calc(100% - 20vw);
	aspect-ratio: 16/9;
	background-image: url("../images/home/slide_aftermovie_bg.webp?v2");
	background-size: cover;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#aftermovie_section #player-cover .play_btn{
	width: 30%;
	max-width: 200px;
	position: relative;
	z-index: 2;
}
#aftermovie_section #player-cover:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
#aftermovie_section #player-cover.hide{
	opacity: 0
}

#aftermovie_section .paper_element{
	width: 6vw;
	height: 3vw;
	object-fit: contain;
	object-position: center;
	transform: scale(0);
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#aftermovie_section .paper_element.in{
	transform: scale(1);
}



/* COUNTDOWN */

#countdown_container{
	position: relative;
	padding: 2vw;
}
#countdown_container .text_container{
	display: flex;
	justify-content: center;
	font-size: 3.2vw;
	line-height: 3.2vw;
	gap:1.5vw;
	font-variant-numeric: tabular-nums;
	overflow: hidden;
}
#countdown_container .text_container div{
	font-variant-numeric: tabular-nums;
}
#countdown_container .countdown_item{
	transform: translateY(4vw);
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#countdown_container .countdown_item.in{
	transform: translateY(0);
}


#countdown_seconds{
	width: 5.8vw;
	text-align: center;
}
#countdown_days,
#countdown_hours,
#countdown_minutes,
#countdown_seconds{
	color: #4B6DB5;
}

#countdown_container .text_container .paper_element{
	width: 2.5vw;
	height: auto;
	transform: scale(0);
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#countdown_container .text_container .paper_element.in{
	transform: scale(1);
}
 /* HOME MAP*/
 #home_map{
	 position: relative;
	 padding: 38vw 8vw 15vw;
 }
 #home_map .frame{
	 position: absolute;
	 z-index: 0;
	 left: 0;
	 top:0;
	 width: 100%;
	 height: 100%;
 }
#home_map .frame .paper_element{
	position: absolute;
	width: 2.5vw;
	height: 2.5vw;
}
#home_map .frame .paper_element.top_left{
	left: 1.5vw;
	top: 1.5vw;
}
#home_map .frame .paper_element.top_right{
	right: 1.5vw;
	top:1.5vw;
}
#home_map .frame .paper_element.bottom_left{
	left: 1.5vw;
	bottom: 1.5vw;
	transform: rotate(-90deg);
}
#home_map .frame .paper_element.bottom_right{
	right: 1.5vw;
	bottom: 1.5vw;
	transform: rotate(90deg);
}
#home_map .frame .paper_element.left{
	width: 2vw;
	height: auto;
	top:40%;
	left: 0;
	transform: rotate(180deg);
}
#home_map .frame .paper_element.right{
	width: 2vw;
	height: auto;
	top:40%;
	right: 0;
}


 #home_map .section_name{
	 font-size: 13.5vw;
	 line-height: 13.5vw;
	 text-align: center;
	 position: absolute;
	 width: 100%;
	 left: 0;
	 top: 0;
	 padding: 10vw 5vw;
	 z-index: 1;
 }
 #home_map .map{
	 position: relative;
	 width: 100%;
	 z-index: 2;
	 margin: 0 auto;
 }
 #home_map .map img,
 #home_map .map #map_animation{
	 width: 100%;
	 height: auto;
	 position: relative;
	 z-index: 2;
 }
#home_map .map .info{
	position: absolute;
	left: 0;
	bottom: 0vw;
	z-index: 1;
}
#home_map .map .info .name{
	font-size: 1.3vw;
	line-height: 2vw;
}
#home_map .map .info .text{
	font-size: 4vw;
	line-height: 4vw;
	margin-bottom: 2vh;
}

#home_map .map .info .rounded_button a{
	padding: 10px 55px 10px 35px;
	padding: 0.8vw 3vw 0.7vw 2vw;
	font-size: 1.4vw;
	line-height: 1.4vw;
}

#home_map .map .circuit_info{
	position: absolute;
	right: 0vw;
	bottom: 8vw;
}
#home_map .map .circuit_info .name{
	font-size: 1.3vw;
	line-height: 1.5vw;
	margin-bottom: 0.5vw;
}
#home_map .map .circuit_info .text{
	font-size: 1.3vw;
	line-height: 1.8vw;
}
#home_map .map .circuit_info .bullet{
	display: inline-block;
	margin-right: 5px;
	width: 0.6vw;
	height: auto;
	vertical-align: middle;
}
@media(max-width:767px){
	#home_map {
		padding: 38vw 6vw 30vw;
	}
	#home_map .map .info {
		bottom: -18vw;
	}
	#home_map .map .info .text {
		font-size: 4.3vw;
		line-height: 4.3vw;
		margin-bottom: 1vh;
	}
	#home_map .map .info .rounded_button a {
		font-size: 1rem;
		line-height: 1rem;
		padding: 10px 35px 10px 20px;
	}
	#home_map .map .info .rounded_button:after{
		right: 2vw;
	}
	#home_map .map .info .name {
		font-size: 1.6vw;
		line-height: 3vw;
	}
	#home_map .map .circuit_info {
		position: absolute;
		right: -1.4vw;
		bottom: -10vw;
	}
	#home_map .map .circuit_info .name {
		font-size: 3vw;
		line-height: 3vw;
		margin-bottom: 0.7vw;
	}
	#home_map .map .circuit_info .text {
		font-size: 2.8vw;
		line-height: 3vw;
	}
}


/* Poster */
#home_poster{
	position: relative;
	width: 100vw;
	max-width: 100%;
}
#home_poster .poster_image_container{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
}
#home_poster .poster_image_container .poster_image{
	position: relative;
	width: 100%;
	height: 100%;
}
#home_poster .poster_image_container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.1);
}

#home_poster .frame{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
}
#home_poster .frame .paper_element{
	position: absolute;
}
#home_poster .frame .left{
	width: 5vw;
	height: calc(100% - 3vw);
	left: 0;
	top:3vw;
	background-image: url("../images/elements/paper_frame_pink_01.svg");
	background-size: contain; background-repeat: repeat-y;
}
#home_poster .frame .right{
	width: 5vw;
	height: calc(100% - 3vw);
	right: 0;
	top:3vw;
	background-image: url("../images/elements/paper_frame_pink_02.svg");
	background-size: contain; background-repeat: repeat-y;
}
#home_poster .frame .top{
	top: 0;
	left: 0;
	width: 100%;
	height: 3.1vw;
}
#home_poster .frame .bottom{
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.1vw;
}

#home_poster .info{
	position: relative;
	padding: 0 10vw 50vh;
}
#home_poster .info .paper_logo{
	position: relative;
	left: 0;
	padding-top: 3vw;
	margin-bottom: 15vh;
	width: 100%;
	display: flex;
	justify-content: center;
}
#home_poster .info .paper_logo img{
	width: 26vw;
	max-width: 250px;
}
#home_poster .info .series{
	position: relative;
	display: flex;
	justify-content: center;
	gap:3vw;
	margin-bottom: 10vh;
}
#home_poster .info .series .logo{
	width: 15%;
	height: auto;
	transform: scale(1.3);
	filter: blur(20px);
	opacity: 0;
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#home_poster .info .series .logo.in{
	transform: scale(1);
	filter: blur(0px);
	opacity: 1;
}
#home_poster .info{
	text-align: center;
	/* text-shadow: 0 0 35px rgba(0,0,0,1); */
	/* margin-bottom: 10vh; */
}
#home_poster .info .text2{
	font-size: 7vw;
	line-height: 6.5vw;
	display: flex;
	justify-content: center;
}
#home_poster .info .text1{
	font-size: 6.5vw;
	line-height: 6.5vw;
}
#home_poster .info .text1 .phrase,
#home_poster .info .text2 .phrase{
	display: flex;
	justify-content: center;

}


#home_poster .info .button_container{
	display: flex;
	justify-content: center;
}
#home_poster .info .button_container .rounded_button{
	box-shadow: 0 0 20px rgb(22 26 50);
}
#home_poster .info .button_container .rounded_button a{
	font-size: 1.3vw;
	line-height: 1.2vw;
	padding: 0.7vw 3vw 0.7vw 2vw;
}

#home_poster .info .button_container .rounded_button:after {
	content: '';
	position: absolute;
	right: 1vw;
	width: 1vw;
	height: 1.2vw;
	top: calc(50% - 0.65vw);
}

#poster_btn{
	transform: translateY(20px);
	opacity: 0;
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-delay: 500;
}
#poster_btn.in{
	opacity: 1;
	transform: translateY(0);
}


@media(max-width:767px){
	#home_poster .info .paper_logo {
		margin-bottom: 8vh;
	}
	#home_poster .info {
		position: relative;
		padding: 0 7vw 35vh;
	}
	#home_poster .info .series {
		gap: 2vw;
		margin-bottom: 2vh;
	}
	#home_poster .info .series .logo {
		width: 24%;
		height: auto;
	}
	#home_poster .info .text {
		font-size: 9.5vw;
		line-height: 10vw;
		margin-bottom: 3vh;
	}
	/* #home_poster .info .text span {
		font-size: 8vw;
		line-height: 8vw;
	} */
	#home_poster .info .text2{
		font-size: 9vw;
		line-height: 9vw;

	}
	#home_poster .info .text1{
		font-size: 8vw;
		line-height: 8vw;
	}
	#home_poster .info .button_container .rounded_button a {
		font-size: 1rem;
		line-height: 1rem;
		padding: 10px 35px 10px 20px;
	}
	#home_poster .info .button_container:after{
		right: 2vw;
	}
	#home_poster .info .button_container .rounded_button:after {
		content: '';
		position: absolute;
		right: 15px;
		width: 8px;
		height: 16px;
		top: calc(50% - 7px);
	}

	#home_poster .poster_image_container img{
		transform: scale(1);
	}
}


/* ANIMATIONS */


.phrase{
	display: inline-block;
}
.phrase .word{
	display: inline-block;
}

.phrase .word .letter_mask{
	display: inline-block;
	overflow: hidden;
}

.phrase .word .letter_mask .letter{
	transform: translateY(4vw);
	display: inline-block;
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}

.phrase .word .letter_mask .in.letter{
	transform: translateY(0vw);
}

#gallery_container .phrase{
	margin-bottom: -5vw;
}

#gallery_container .phrase .word .letter_mask .letter{
	transform: translateY(12vw);
}
#gallery_container  .phrase .word .letter_mask .letter.in{
	transform: translateY(0);
}
#gallery_container .phrase .word,
#gallery_container .phrase .word .letter_mask{
	line-height: 8vw;
}


#home_map .section_name .phrase .word .letter_mask .letter{
	transform: translateY(12vw);
}
#home_map .section_name .phrase .word .letter_mask .letter.in{
	transform: translateY(0);
}
#home_map .section_name .phrase .word,
#home_map .section_name .phrase .word .letter_mask{
	line-height: 11vw;
}


#poster_text .phrase .word .letter_mask .letter{
	transform: translateY(8vw);
}
#poster_text .phrase .word .letter_mask .letter.in{
	transform: translateY(0);
}
#poster_text .phrase .word,
#poster_text .phrase .word .letter_mask{
	line-height: 8vw;
	display: flex;
		justify-content: center;
		align-items: center;
}


@media(max-width:767px){



	#poster_text .phrase .word .letter_mask .letter{
		transform: translateY(11vw);
	}
	#poster_text .phrase .word .letter_mask .letter.in{
		transform: translateY(0);
	}
	#poster_text .phrase .word,
	#poster_text .phrase .word .letter_mask{
		line-height: 11vw;
		display: flex;
			justify-content: center;
			align-items: center;
	}
	#poster_text .text2 .phrase .word,
	#poster_text .text2 .phrase .word .letter_mask{
		line-height: 9vw;
	}
}