html {
  margin: 0; padding: 0; font-family: var(--d71); *font-family: Poppins, 'cwTeXYen', Helvetica, Arial, sans-serif; font-size: var( --html-fontsize ); 
}
#container {
	position: relative; width: 100%; margin: 0 auto; 
}
#container:after {
	content: "" !important; display: block !important; clear: both !important; 
}
#ItemBar {
	position: fixed; width: 100%; margin: 0 auto; z-index: 96; opacity: var( --ItemBarOpacity ); *box-shadow: var( --ItemBar-boxshadow ); box-shadow: var( --ItemBar2shadow ) ;
}
#ItemBar.relative {
	position: relative; 
}
#ItemBar1 {
	height: var( --ItemBar1H ); color: #fff ;  border-bottom: var( --ItemBorder );
}
#ItemBar2 {
	height: var( --ItemBar2H ); *border-bottom: var( --ItemBorder );
}
.BarSpace {
	height: var( --BarSpaceH ); width: 100%; z-index: 10 !important ;
}
#NAVI {
	opacity: var( --ItemBarOpacity ); 
}
#Title {
	font-size: 1rem; padding: 25px 0 25px 0!important; text-align: center; 
}
.itemTitle #btInquiry {
	color: var( --BarColor ); 
}
#But:hover {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.28)); color: #fff; border: var( --btnborder ); 
}
.W, .W a:not(.btn):link, .W a:not(.btn):visited, .W a:not(.btn):hover {
	color: var( --fontColor ) !important; *font-size: 1em!important; *text-decoration: none; font-weight: 100;
}
.pBtu:hover {
	border: 1px solid #737373; background: rgba(99,105,121,0.85); color: var( --BarColor ); 
} 
.colour {
	color: var( --BarColor ); background-color: rgba(var( --rgb1opacity1 ))!important; 
}
.colour a:not(.btn) {
	color: var( --BarColor ); 
}
.colour-opacity {
	color: #ffffff; background-color: rgba(var( --rgb1opacity2 )); 
}
.colour-opacity a:not(.btn) {
	color: #ffffff; 
}
.colourfade {
	color: var( --BarColor ); background-image: linear-gradient(to bottom, rgba(var( --rgb1opacity1 )), rgba(var( --rgb2opacity1 )))!important; border-color: rgba(var( --rgb1opacity1 )); 
} 
.colourfade a:not(.btn) {
	color: var( --BarColor ); 
}       
.colourfade-opacity {
	color: #ffffff; background-image: linear-gradient(to bottom, rgba(var( --rgb1opacity2 )), rgba(var( --rgb2opacity2 )));
}      
.colourfade-opacity a:not(.btn) {
  	color: #ffffff; 
} 
.colour .icon {
	-webkit-filter: drop-shadow(var( --icon )); filter: drop-shadow(var( --icon )); 
}
.colour-opacity .icon {
	-webkit-filter: drop-shadow(var( --icon )); filter: drop-shadow(var( --icon )); 
}
.colourfade .icon {
	-webkit-filter: drop-shadow(var( --icon )); filter: drop-shadow(var( --icon )); 
}
.colourfade-opacity .icon {
	-webkit-filter: drop-shadow(var( --icon )); filter: drop-shadow(var( --icon )); 
} 



.transparent .colour, 
.transparent .colour-opacity, 
.transparent .colourfade, 
.transparent .colourfade-opacity  {
	background-color: transparent !important; background-image: linear-gradient(to bottom, transparent, transparent)!important
}

#tubular-player {
	overflow: hidden; 
	position: fixed; 
	z-index: 1; 
	width: 100%;
	height: 100vh;
}
#loader-wrapper, #loader-logo {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999999999; 
} 
#loader-wrapper img, #loader-logo img {
	position: relative; top: 45%; transform: translateY(0); margin:0 auto; max-width: 280px; max-height: 120px; z-index: 999999999; animation: bounce .5s infinite alternate;
}
@keyframes bounce{
	0% { transform: translateY(0) }
	100% { transform: translateY(15px) }
}
@-webkit-keyframes bounce{
	0% { transform: translateY(0) }
	100% { transform: translateY(15px) }
}
#loader-wrapper .loader-section {
	position: fixed; z-index: 999; text-align: center; background: var(--d12b);  
} 
#loader-wrapper .loader-section.section-top {
	top: 0; left: 0; width: 100%; height: 50%; 
} 
#loader-wrapper .loader-section.section-bottom {
	bottom: 0; left: 0; width: 100%; height: 50%;
} 
#loader-wrapper .loader-section.section-left {
	top: 0; left: 0;  width: 50%; height: 100%;
} 
#loader-wrapper .loader-section.section-right {
	top: 0; right: 0;  width: 50%; height: 100%;
} 
#loader-wrapper .loader-section.full {
	width: 100% !important; height:100% !important;
} 
.loaded #loader-wrapper .loader-section.section-top {
	transition: 0.5s ease-in-out 0.0s; transform: translateY(-100%); -webkit-transform: translateY(-100%); -webkit-transition: all 0.5s 0.0s ease-in-out; 
} 
.loaded #loader-wrapper .loader-section.section-bottom {
	transition: 0.5s ease-in-out 0.0s; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-transition: all 0.5s 0.0s ease-in-out; 
} 
.loaded #loader-wrapper .loader-section.section-left {
	transition: 0.5s ease-in-out 0.0s; transform: translateX(-100%); -webkit-transform: translateX(-100%); -webkit-transition: all 0.5s 0.0s ease-in-out; 
} 
.loaded #loader-wrapper .loader-section.section-right {
	transition: 0.5s ease-in-out 0.0s; transform: translateX(100%); 
}
.loaded #loader-wrapper {
	animation: loader-wrapper-Hide .7s forwards .3s;
}
@keyframes loader-wrapper-Hide{
	0% { opacity: 1 }
	100% { opacity: 0 ; display: none; }
}
@-webkit-keyframes loader-wrapper-Hide{
	0% { opacity: 1 }
	100% { opacity: 0 ; display: none; }
}


@media only screen and (max-width: 1024px) 
{
	.colourfade-opacity {
		color: #ffffff; background-color: rgb(var( --rgb1 )); background-image: linear-gradient(to top, rgb(var( --rgb2 )), rgb(var( --rgb1 ))); background-repeat: repeat-x; border-color: rgb(var( --rgb1 )) rgb(var( --rgb1 )) #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); 
	} 
	.colourfade-opacity a:not(.btn) {
		color: #ffffff; 
	} 
	.colourfade-opacity:hover {
		background-color: rgb(var( --rgb1 )); border-color: rgb(var( --rgb2 )); color: #ffffff; 
	} 
	.colourfade-opacity .badge {
		background-color: #ffffff; color: rgb(var( --rgb2 )); 
	}   		
	.colour-opacity {
		background-color: rgb(var( --rgb1 )); color: #ffffff; 
	} 
	.colour-opacity a:not(.btn) {
		color: #ffffff; 
	} 
	.colour-opacity .badge {
		background-color: #ffffff; color: rgb(var( --rgb2 )); 
	} 
	#wrapper {
		max-width: 100%; 
	} 
	#container {
		max-width: 100%; 
	} 
	
	#loader-wrapper img, #loader-logo img {
		max-width: 140px; max-height: 60px; 
	}
}
.scrollwallpaper {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(var(--scrollwallpaper));
	z-index: 9999999999999999999999999999999999999;
	top: 100vh;
	left: 0;
}
.logoutwallpaper {
	position: fixed;
	width: 100vw;
	height: 200vh;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%,rgba(var(--scrollwallpaper)) 50%,rgba(var(--scrollwallpaper)) 100%);
	z-index: 9999999999999999999999999999999999999;
	top: -200vh;
	left: 0;
}