/* GLOBAL(GB) */
/* GB: Main Adjustments */
@font-face {
    font-family: 'g Gaharu';
    src: local('Gaharu'), local('gGaharu'),
        url('../fonts/gGaharu.woff2') format('woff2'),
        url('../fonts/gGaharu.woff') format('woff'),
        url('../fonts/gGaharu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#content {padding: 0;}
header {box-shadow: none;}
.headerSHADOW {box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.container {max-width: 100% !important;}
.fixed-header .container {max-width: 92% !important;}
body {background: linear-gradient(to bottom, #ffffff36, #ffffff61) bottom / cover no-repeat fixed, url(/image/catalog/web_pictures/bg/BG1.webp) bottom / cover no-repeat fixed;}
body #footer-area {z-index: -1;}
#pg-banner-wrap {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}
/* GB: Main Container */
.frag {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	user-select: none;
	outline: none;
}
/* GB: Main Loading Container */
#fragHIDE {
	display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
	background: linear-gradient(to bottom, #cdf3ff00, #1c2b34),url(/image/catalog/web_pictures/banners/banner_FragMainListIMG.webp);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 15;
    overflow: hidden;
	user-select: none;
    transition: all .3s ease-in-out;
}
#fragHIDE > .fragHideVIDContainer {
    position: absolute;
    width: 100%;
    height: 100%;
	transition: all .5s ease-in-out;
}
#fragHIDE > .fragHideVIDContainer > div {
	position: absolute;
    top: 0;
	width: 100%;
    height: 100%;
    background: linear-gradient(to top, #162835 0%, #ffffff30 50%);
}
#fragHIDE > .fragHideVIDContainer > video {
	width: 100%;
    height: 100%;
    object-fit: fill;
}
#fragHIDE > .fragVIDContainerTXT {
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
	align-items: center;
	position: absolute;
    bottom: 0;
    width: 100%;
	transform: translate3d(0, -5em, 0);
}
#fragHIDE > .fragVIDContainerTXT > h1,#fragHIDE > .fragVIDContainerTXTERR > h1 {
	margin: 0;
	font-family: 'playfair_displayregular';
	letter-spacing: 0.02em;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(to bottom, white, #528b88);
	background-repeat: repeat;
	background-size: 100%;
	-webkit-background-clip: text;
	-webkit-filter: drop-shadow(0 0.1em 0.15em black);
	filter: drop-shadow(0 0.1em 0.15em black);
	transition: all 0.5s ease-in-out;
}
#fragHIDE > .fragVIDContainerTXT > h1::after,#fragHIDE > .fragVIDContainerTXTERR > h1::after {
	display: block;
	height: 0.3em;
	content: '';
}
#fragHIDE > .fragVIDContainerTXT > h3 {
	padding: 0.2em;
    font-family: math;
    color: white;
    letter-spacing: 0.05em;
	border-top: 0.05em solid;
    border-bottom: 0.05em solid;
    border-radius: 0.2em;
    animation: fragHIDETxtGlowANIME 2s infinite ease-in-out;
	transition: all 0.5s ease-in-out;
}
#fragHIDE > .fragVIDContainerTXTERR {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: absolute;
	max-height: 90vh;
	padding: 2vw;
    color: white;
    opacity: 1;
    background: #000000b8;
    border-radius: 1em;
    -webkit-backdrop-filter: blur(1em);
    backdrop-filter: blur(1em);
	user-select: none;
    transition: all 0.5s ease-in-out;
	overflow-y: auto;
}
#fragHIDE > .fragVIDContainerTXTERR > div {
	display: inline-flex;
    justify-content: space-around;
    align-items: center;
	width: 100%;
	transition: all 0.5s ease-in-out;
}
#fragHIDE > .fragVIDContainerTXTERR > div > div {
	position: relative;
    background-color: #ffffff2e;
    border-radius: 0.5em;
	cursor: pointer;
	user-select: none;
	box-shadow: 0 0.9em 0.8em -0.7em #ffffff91;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}
#fragHIDE > .fragVIDContainerTXTERR > div > div::after {
	content: "";
	position: absolute;
	top: calc(var(--y, 0) * 1px - 15px);
	left: calc(var(--x, 0) * 1px - 15px);
	width: 2em;
	height: 2em;
	background: radial-gradient(white, #ffffff 80%);
	opacity: 0;
	border-radius: 100%;
	transition: opacity 0.2s;
	-webkit-filter: blur(1.5em);
	filter: blur(1.5em);
}
#fragHIDE > .fragVIDContainerTXTERR > div > div:hover::after {opacity: 0.9;}
.fragVIDContainerTXTERRHOVER {
	background-color: #ffffff47 !important;
	box-shadow: 0 0.9em 0.8em -0.7em #ffffffcc !important;
}
.mOPAOFF{opacity: 0 !important;}
.mDEL{display: none;}
@media(min-width: 992px) {
	#fragHIDE > .fragVIDContainerTXT > h1,#fragHIDE > .fragVIDContainerTXTERR > h1 {font-size: 4em;}
	#fragHIDE > .fragVIDContainerTXT > h3 {font-size: 3em;}
	#fragHIDE > .fragVIDContainerTXTERR {width: 80vw;}
	#fragHIDE > .fragVIDContainerTXTERR > div {flex-direction: row;}
	#fragHIDE > .fragVIDContainerTXTERR > p {font-size: 1.5em; line-height: 1.3;}
	#fragHIDE > .fragVIDContainerTXTERR > h1 {
		display: flex;
		align-items: center;
		margin-bottom: 1em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > h1 > i {
		margin-right: 0.5em;
		font-size: 0.8em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > div > div {
		padding: 0.5em;
		font-size: 1.5em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > div > div > i {
		margin-right: 0.5em;
		font-size: 0.9em;
	}
}
@media(max-width: 991px) {
	#fragHIDE > .fragVIDContainerTXT > h1,#fragHIDE > .fragVIDContainerTXTERR > h1 {font-size: 2.8rem;}
	#fragHIDE > .fragVIDContainerTXT > h3 {font-size: 2rem;}
	#fragHIDE > .fragVIDContainerTXTERR {width: 95vw;}
	#fragHIDE > .fragVIDContainerTXTERR > div {flex-direction: column;}
	#fragHIDE > .fragVIDContainerTXTERR > p {font-size: 1.2em; line-height: 1.2;}
	#fragHIDE > .fragVIDContainerTXTERR > h1 {
		display: flex;
		align-items: center;
		margin-bottom: 0.3em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > h1 > i {
		margin-right: 0.5em;
		font-size: 0.8em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > div > div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 2.5em;
		margin: 0.5em;
		padding: 0.3em;
		font-size: 1.2em;
	}
	#fragHIDE > .fragVIDContainerTXTERR > div > div > i {
		margin-right: 0.5em;
		font-size: 0.9em;
	}
}
@keyframes fragHIDETxtGlowANIME {
	0% {
		-webkit-filter: drop-shadow(0 0.2em 0.2em white);
		filter: drop-shadow(0 0.2em 0.2em white);
		transform: translate3d(0, 0, 1em);
	    border-color: white;
	}
	50% {
		-webkit-filter: drop-shadow(0 0.2em 0.3em #6df8ff);
		filter: drop-shadow(0 0.2em 0.3em #6df8ff);
		transform: translate3d(0, 0, 1em);
		letter-spacing: 0.03em;
		color: #fffce4;
		border-color: #fffce4;
	}
	100% {
		-webkit-filter: drop-shadow(0 0.2em 0.2em white);
		filter: drop-shadow(0 0.2em 0.2em white);
		transform: translate3d(0, 0, 1em);
		border-color: white;
	}
}
.fragHIDETxtGlowANIMEPAUSED {animation-play-state: paused !important;}
/* Header and Sticky Control Favorites */
.fragAllCTRLSFavON {
    color: #c12525 !important;
	background: linear-gradient(to bottom, #ffcccc, #d58f8f) !important;
}
.fragAllCTRLSFavON > span {
	height: 100%;
    margin-left: 0.2em;
    font-family: 'aileronsemibold';
	font-size: 0.8em;
    transition: all 0.5s ease-in-out;
}
/* custom scrollbar */
::-webkit-scrollbar {
    width: 1.5em;
    height: 1.5em;
}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {background-color: #a8bbbf;}
::-webkit-scrollbar-corner {background-color: transparent;}