html,body,div,ul,li,button,a,h1,h2,h3,h4,span{
	font-family: var(--font-family);
	color: #fff;
}

.swiper-button-prev, :host(.swiper-rtl) .swiper-button-next{
	background-color: #000;
}

h2{
	/* font-family: var(--font-family-heading); */
	font-size: 3.7rem;
	text-align: center;
	color: #fff;
    margin: 0 auto;
	font-family: "Noto Serif Display", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: italic;
}
p,span,li{
	font-weight: 300;
	line-height: 1.4rem;
}

body{ background: #000;}

a{ 
	color: #fff;
	font-size: .9rem;
	font-weight: 300;
}

.txt_center{
	text-align: center;
}

.clamp{
	width: clamp(40rem, 50%, 60rem);
	margin: 0 auto;
}

.clamp_s{
	width: clamp(28rem, 50%, 36rem);
	margin: 0 auto;
}
.flex{
	display: flex;
}

.pad_bottom_m{
	padding-bottom: 4.4rem;
}
.pad_bottom_l{
	padding-bottom: 6.6rem;
}
.pad_bottom_s{
	padding-bottom: 2rem;
}
.pad_bottom_xs{
	padding-bottom: 1rem;
}
.pad_bottom_xsh{
	padding-bottom: 0.5rem;
}
.pad_bottom_xsq{
	padding-bottom: 0.25rem;
}

.pad_top_l{
	padding-top: 6.6rem;
}
.pad_top_s{
	padding-top: 2rem;
}
.pad_top_xs{
	padding-top: 1rem;
}
.pad_top_xsh{
	padding-top: 0.5rem;
}
.pad_top_xsq{
	padding-top: 0.25rem;
}

.cust_h1{
	font-size: 1.2rem;
	font-weight: 300;
	margin-bottom: 1rem;
}
.cust_h2{
	font-size: 5.25rem;
	font-family: var(--font-family-heading) !important;
}

@media only screen and (max-width: 768px) {

	.page_body{
		padding: 0;
	}
	.clamp{
		width: 100%;
		margin: 0 auto;
	}
	.clamp_s{
		width: 100%;
		margin: 0 auto;
	}
	.pad_bottom_m{
		padding-bottom: 2rem;
	}
	h2{
		font-size: 2.8rem;
        line-height: 3.4rem;
	}
	
}


.container{
	margin: auto;
	box-sizing: border-box;
	max-width: 1600px;
	width: 100%;
	padding: 1rem;
	padding-top: 0;
	padding-bottom: 0;
}

.container_s{
	margin: auto;
	box-sizing: border-box;
	max-width: 915px;
	width: 100%;
	padding: 1rem;
	padding-top: 0;
	padding-bottom: 0;
}

/* width class */
.w_10{ width: 10%; }
.w_20{ width: 20%; }
.w_25{ width: 25%; }
.w_30{ width: 30%; }
.w_40{ width: 40%; }
.w_50{ width: 50%; }
.w_60{ width: 60%; }
.w_70{ width: 70%; }
.w_80{ width: 80%; }
.w_90{ width: 90%; }
.w_100{ width: 100%;}

.w_25_calc{ width: calc(25% - 1rem) }

.hide{

	display: none;
}



/* ALL - LARGE SCREEN */
@media screen and (min-width: 1600px) {
	html,body{
		font-size: 16px;
	}
}

.sp_show {
	display: none;
}

@media screen and (max-width: 767px) {

	.sp_hide{
		display: none;
	}

	.sp_show {

		display: block;
	}

	.container{

		padding: 0;
	}

	.cust_h2{

		font-size: 3.25rem;
		line-height: 3.35rem;
	}

	p,span,li{
	
		font-size: 1rem;
	}

	.mod_products_single_header_wrapper .btn_underline.btn_underline{
		font-size: .9rem;
	}
	.mod_products_single_header_button{
		font-size: 1rem;
	}
}

/* DESKTOP + TABLET */
@media screen and (min-width: 768px) and (max-width: 1599px) {
	html,body{
		font-size: 16px;
	}
}

/* DESKTOP */
@media screen and (min-width: 1024px) and (max-width: 1599px) {
	html,body{
		font-size: 16px;
	}
}


/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.tb_hide{
		display: none;
	}
}


/* MOBILE */
@media screen and (max-width: 767px) {
	html,body{
		font-size: 14px;
	}
	

	/* width class */
	.sp_w_10{ width: 10%; }
	.sp_w_20{ width: 20%; }
	.sp_w_30{ width: 30%; }
	.sp_w_40{ width: 40%; }
	.sp_w_50{ width: 50%; }
	.sp_w_60{ width: 60%; }
	.sp_w_70{ width: 70%; }
	.sp_w_80{ width: 80%; }
	.sp_w_90{ width: 90%; }
	.sp_w_100{ width: 100%; }
}