/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,800&display=swap|M+PLUS+Rounded+1c&display=swap|Sawarabi+Mincho&display=swap|Lobster&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,800&display=swap|M+PLUS+Rounded+1c&display=swap|Dancing+Script&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap|Poppins:300,400,500,600,800&display=swap');

*
{
	/* outline:none !important; */
	scroll-behavior:smooth;
}
body{
	/* font-family: 'Dancing Script', cursive; */
/* font-family: 'Poppins',sans-serif,'Sawarabi Mincho','Sacramento', cursive; */
/* font-family: 'M PLUS Rounded 1c', sans-serif; */
/* font-family: 'Sawarabi Mincho', sans-serif; */
font-family: 'Poppins',sans-serif,'Sawarabi Mincho';

}
header{
	position: relative;
	z-index: 10000000;
}
p{
	font-family:'Sawarabi Mincho'!important;
	font-size: 1.1rem;
}
/* #navbarSupportedContent
{
	display: flex;
	justify-content: flex-start;
} */
.navbar{
	background:transparent !important;
	transition: 0.5s;
}
.navbar span{
	font-size:0.4em;
	font-family:'Dancing Script', cursive !important;
	color:rgba(255,255,255,0.4);
}
.navbar.scrolled{
	/* color:#fff !important; */
	/* background: #000 !important; */
	background: rgba(37, 37, 37, 0.281) !important;
	transition:0.5s;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color:#000;
	background: #fff;
}
.navbar-light .navbar-nav .active>.nav-link:hover{
	color:#000;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
}
.navbar-light .navbar-nav .nav-link:hover ,
.navbar-light .navbar-nav .nav-link:focus{
    color: rgba(255,255,255,1);
}
.navbar-brand{
	padding-top:20px;
	line-height:25px;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:visited
{
	color:rgba(255,255,255,1);
	font-size: 2.5rem;
	font-weight: 600;
}
.content a{
	text-decoration: none;
	color:#fff;
	line-height: 5px;
}
.content a br{
	line-height: 5px;

}

.banner{
	position: relative;
	width:100%;
	height: 100vh;
	/* background:url(img/TH/main_for_blackA.jpg) center no-repeat; */
	/* background:url(img/9c60ffabe5829ef5311e8bd8d0352050_holiORG-min.jpg) center no-repeat; */
	background:url(../img/9c60ffabe5829ef5311e8bd8d0352050_holi-new-teisei-min.jpg) center no-repeat;
	background-size: cover;
	background-position-x:center;
	margin-bottom: 0;
}
/* .banner:before, */
.sec2:before,
.contact:before
{
	content:'';
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 150px;
	background: linear-gradient(#000,transparent);
	pointer-events: none;
}
.banner:after,
.sec2:after,
.contact:after
{
	content:'';
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	height: 400px;
	background: linear-gradient(transparent,#000);
	pointer-events: none;
}
.banner:after
{
	height: 100px;

}

.height100p{
	height: 100vh;
}.h100{
	height: 100%;
}
.contentBox{
	position: relative;
	display:flex;
	justify-content: center;
	align-items:center;
	text-align: center;
	z-index: 10;
}
.contentBox h1{
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	font-size: 5rem;
	margin-top: 0.5em;
	line-height: 1.2em;
}
.contentBox p{
	color: #fff;
	font-size: 1.1rem;
}
.sec1{
	padding: 150px 0;
	background: #000;
	/* height: 100vh; */
}
.sec1 .row{
	display:flex;
}
.headerText{
	color:#fff;
}
.headerText h2{
	font-size: 3rem;
	margin-bottom:20px;
	font-weight: 400;
}
.placeBox{
	position: relative;
	max-width: 300px;
	height: 400px;
	margin:0 auto;
	background: #000;
	margin-top: 30px;
}
.placeBox .imgBx{
	width: 100%;
	height: 100%;
}
.placeBox .imgBx img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	/* filter:blur(1px); */
}
/* .placeBox .imgBx.jenny img{
	height: 80%;

} */

.placeBox .content{
	position: absolute;
	top:20%;
	left:0;
	width: 100%;
	height: 100%;
	display:flex;
	justify-content: baseline;
	align-items: flex-end;
	overflow: hidden;
	transition: 1s;

}
.placeBox .content h3{
	position: relative;
	margin: 0%;
	padding:10px;
	background:rgba(0,0,0,0.5);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	text-align: center;

}

.placeBox .content h3 span{
	font-size: 12px;
	font-weight: 500;
	opacity: 0;
}
.placeBox:hover .content{
	/* opacity: 1; */
	/* visibility: visible; */
	height: 80%;
	transition: 1s;
}

.placeBox:hover .content h3 span{
	opacity: 1;
	/* visibility: visible; */
	transition: 1s;
}



#Caracters{
	position: relative;
	background: url(../img/2212104328_attach-min.jpg);
	background-size: cover;
	background-position: center;
	/* background-position-y:20px;
	background-repeat: no-repeat; */
	height: 100vh;

}
.caractaerstitle
{
	margin-top: 15%;
}
.caractaerstitle span
{
	font-size: 1.5em;
}
#Caracters2{
	position: relative;
	background: url(../img/1715311761_attach-min.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;

}
.caractaers2title
{
	margin-top: 15%;
}
.sec2 h2{ 
	font-weight: 800;
	color:#fff;
	text-transform: uppercase;
	font-size: 4.5rem;
}
.btnD1{
	border:2px solid #fff;
	color:#000;
	background: #fff;
	border-radius: 50px;
	padding:	15px 50px;
	font-size: 1.15rem;
	outline:none;
	font-weight: 500;
	/* margin-top: 20px; */
}
.btnD2{
	border:2px solid #fff;
	color:#000;
	background: #fff;
	border-radius: 50px;
	padding:	5px 25px;
	font-size: 1.15rem;
	outline:none;
	font-weight: 500;
	margin-top: 20px;
}
.blog{
	position: relative;
	padding:55px 0;
	background: #000;
}
.blog .headerText p{
	font-size: 0.9em !important;
}
.blogpost{
	position: relative;
	width: 100%;
	margin-top:30px;
	background:#fff;
}
.blogpost .imgBx{
	width:100%;
	height:300px;
}
.blogpost .imgBx img{
	width: 100%;
	height:100%;
	object-fit:cover;
	object-position: 0% 45%;
}
.blogpost .content{
 padding:15px;
}
.blogpost .content h1{
	margin: 0;
	padding:00 10px;
	font-weight: 600;
	font-size: 1.5rem;
	color: midnightblue;
}

.btnD2,
.btnD2:hover
{
	background:#262626;
	color:#fff !important;
	border-radius: 30px;
	padding: 10px 20px;
	float: right;
}


.contact{
	position: relative;
	padding: 100px 0;
	background: url(../img/bottom.jpg);
	background-size: cover;
	min-height: 100vh;
	margin-top:100px;
}
.contact form{
	position: relative;
	z-index:1000;
}
.contact .form-control{
	background: transparent;
	border:none;
	border-bottom: 2px solid rgba(255,255,255,.2);
	height:50px;
	border-radius: 0;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-size: 1.25rem;
	}
	.contact .form-control:focus,
.contact .form-control:hover{
	border:none;
	border-bottom:2px solid rgba(255,255,255,0.8);
	box-shadow: none;
}
.contact .textarea{
	min-height: 100px;
}
.contact label{
	color: #fff;
	font-size: 1.25rem;
}
footer{
	background: #000;
	padding: 50px 0 0 ;
}
.sci{
	margin:0;
	padding:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sci li{
	list-style: none;
	margin:0 20px;
}
.sci li a{
	color:#777;
	font-size: 2em;
	transition:0.5s;
}
.sci li a:hover{
	color:#fff;
}
.cpryt{
	margin-top: 20px;
	text-align: center;
	color:#777;
}
.cpryt a,
.cpryt a:hover{
	color:#fff;
}

/* #home h1,#worlds h2{
	font-family: 'Lobster', cursive;
} */
@media (min-width:1081px){
	.navbar-brand{
		font-size: 2.5rem !important;
	}
}
/* @media (max-width:1081px){
	.navbar-brand{
		font-size: 1.5rem !important;
	}
} */
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    /* padding-right: 1rem;
    padding-left: 1rem; */
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
nav
{
	background: rgba(136, 136, 136,0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	height:60px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	gap:2%;
	z-index: 1000;
	

}

}
@media (max-width: 992px){
	.navbar{
		background:#000 !important;
	}

	.navbar-light .navbar-toggler {
		background: #fff;
		border-radius: 0;
	}
	.banner{
		min-height: 100vh;
		padding: 100px 0;
		background-position: 15% 0;
	}
	.contentBox p{
		color: #fff;
		font-size: 0.7rem !important;
	}
	
	/* .banner:before,
	.sec2:before,
	.contact:before
	{
		height: 200px;
		background: linear-gradient(#fff,transparent);

	}	
	.banner:after,
	.sec2:after,
	.contact:after
	{
		height: 200px;
		background: linear-gradient(transparent,#fff);
	}
	 */

	.contentBox h1,
	.sec2 h2{
		font-size: 2rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		/* padding-right: 1rem;
		padding-left: 1rem; */
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.sec1{
		padding:20px 0;
	}
	.headerText h2{
		font-size: 2rem;
	}
	.blog{
		padding:20px 0;
	}
	.blogpost .imgBx{
		height:300px;
	}
	.contact{
		padding: 20px 0;
		background-position: top;
	}

.contact .form-control{
	height:40px;
	border: 1px sokid #fff;
}
.btnD1{
	padding: 10px 40px;
	margin-top:10px;
}
footer{
	background:#000;
	padding: 0px 0 20px;
}
.sci li{
	list-style: none;
	margin: 0 10px;
}
.sci li a{
	color:#777;
	font-size:1.5rem;
	transition: 0.5s;
}
.sec2{
	height: auto;
}
}