/* BODY */
html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
		}
	}
}
/* ================================================================================================================================================================== */

:root {
	--black0:#000;
	--gray11:#111;
	--gray22:#222;
	--gray33:#333;
	--gray44:#444;
	--gray55:#555;
	--gray66:#666;
	--gray77:#777;
	--gray88:#888;
	--gray99:#999;
	--grayee:#eee;
	--graydd:#ddd;
	
	--whiteF:#fff;
	
	--gold01:#9B8124;
	--redred:#90081C;
	
	--greena:#009A4C;
	
	--tosca2:#0086A4;
	--tosca3:#009D9F;
	--tosca4:#028E97;
	--tosca5:#035E65;
	--orange:#FF2A00;
	--dongke:#030051;
	
	--bgdesc:#F7F7F7;
	--bgblue:#E1FDFE;
	--bggold:#F8F2E1;
	--bgblus:#EBF0FB;
	
	--shadow1:0px 3px 15px 0px rgba(0,0,0,0.1);
	--shadow2:0px 3px 15px 0px rgba(0,0,0,0.2);
	--shadowF:1px 2px 1px #000000;
	
	--font1:'Noto Sans JP', sans-serif;
	--font2:'Noto Serif JP', serif;
}

/* ATTRIBUTES */
a {text-decoration:none;}
sup {position:relative;top:-0.5em;font-size:10px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#FFF62C!important;} 
.shadows {box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);} 
*, *::before, *::after {box-sizing:border-box;} 
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#ddd;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}

#linebox {width:100%;margin:-5px auto;padding:5px 0;background:var(--gold01);position:relative;z-index:999;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	a {text-decoration:none;}
	sup {position:relative;top:-0.5em;font-size:10px;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	.active {color:#FFF62C!important;}
	.shadows {box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);} 
	*, *::before, *::after {box-sizing:border-box;}
	::-webkit-scrollbar {width:5px;height:0;}
	::-webkit-scrollbar-track {background:#F2F2F2;}
	::-webkit-scrollbar-thumb {background:#ddd;}
	::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
	
	#linebox {width:100%;margin:-5px auto;padding:5px 0;background:var(--gold01);position:relative;z-index:999;}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		a {text-decoration:none;}
		sup {position:relative;top:-0.5em;font-size:10px;}
		.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
		.active {color:#FFF62C!important;}
		.shadows {box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);} 
		*, *::before, *::after {box-sizing:border-box;}
		::-webkit-scrollbar {width:5px;height:0;}
		::-webkit-scrollbar-track {background:#F2F2F2;}
		::-webkit-scrollbar-thumb {background:#ddd;}
		::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
		
		#linebox {width:100%;margin:-5px auto;padding:5px 0;background:var(--gold01);position:relative;z-index:999;}
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			a {text-decoration:none;}
			sup {position:relative;top:-0.5em;font-size:10px;}
			.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
			.active {color:#FFF62C!important;}
			.shadows {box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);} 
			*, *::before, *::after {box-sizing:border-box;}
			::-webkit-scrollbar {width:5px;height:0;}
			::-webkit-scrollbar-track {background:#F2F2F2;}
			::-webkit-scrollbar-thumb {background:#ddd;}
			::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
			
			#linebox {width:100%;margin:-5px auto;padding:5px 0;background:var(--gold01);position:relative;z-index:999;}
		}
	}
}
/* ================================================================================================================================================================== */

/* BG BODY */
#bg {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray33);background:var(--whiteF);}
/* ================================================================================================================================================================== */

/* WHATSAPP BUTTON */
.whatsappbuttonleft {position:fixed;bottom:20px;left:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
.whatsappbuttonrite {position:fixed;bottom:20px;right:20px;width:auto;z-index:999;padding:0;margin:auto;text-align:center;float:none;}
/* ================================================================================================================================================================== */

/* TOP */
#baxtop {width:100%;height:auto;margin:0 auto;padding:0;background:var(--black0);border-bottom:5px solid var(--gold01);}
#boxtop {width:1200px;margin:0 auto;padding:0;}

#boxsnav {width:1200px;height:auto;margin:0 auto;padding:10px 0;display:flex;align-items:center;}
#boxlogo {width:25%;height:auto;margin:0 auto;padding:0;line-height:0;}
#boxlogo a {line-height:0;}
#boxlogo img {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
#boxmenu {width:75%;height:auto;margin:0 auto;padding:0;}

#boxmenubot {margin:0;padding:0;}
#boxlogom {width:20%;height:auto;margin:0 auto;padding:0;float:left;text-align:left;position:relative;z-index:999;display:none;}

#topline0 {margin:0;padding:0;display:flex;}
.topline1 {width:10%;margin:0;padding:2px 0;background:#0000FF;}
.topline2 {width:10%;margin:0;padding:2px 0;background:#02a6b0;}
.topline3 {width:80%;margin:0;padding:2px 0;background:#E96118;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#baxtop {width:100%;height:auto;margin:0 auto;padding:0;background:var(--black0);border-bottom:5px solid var(--gold01);}
			#boxtop {width:100%;margin:0 auto;padding:0;}
			
			#boxsnav {width:100%;height:auto;margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
			#boxlogo {width:100%;height:auto;margin:0 auto;padding:0;float:none;text-align:center;position:relative;z-index:999;display:none;}
			#boxlogo img {width:50%;height:auto;margin:0 auto;padding:0;}
			#boxmenu {width:100%;height:auto;margin:0 auto;padding:0;float:none;text-align:center;display:flex;flex-wrap:wrap;justify-content:flex-end;flex-direction:column;}
									
			#boxlogom {width:100%;height:auto;margin:0 auto;padding:5% 0;float:none;text-align:center;position:relative;z-index:999;display:flex;line-height:0;align-items:center;}
			#boxlogom img {width:90%;height:auto;margin:0;padding:0;}
			#boxlogom a {line-height:0;}
			
			#topline0 {margin:0;padding:0;display:flex;}
			.topline1 {width:10%;margin:0;padding:2px 0;background:#0000FF;}
			.topline2 {width:10%;margin:0;padding:2px 0;background:#02a6b0;}
			.topline3 {width:80%;margin:0;padding:2px 0;background:#E96118;}
		}
	}
}
/* ================================================================================================================================================================== */

/* HEADER */
#bgheader {width:100%;margin:0 auto;padding:0;}
#boheader {width:100%;margin:0 auto;padding:0;}
.boheaderimg {width:100%;height:auto;overflow:hidden;}
.boheaderimg img {width:100%;height:auto;}

#bgheaderno {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	#bgheader {width:100%;margin:0 auto;padding:0;}
	#boheader {width:100%;margin:0 auto;padding:0;}
	.boheaderimg {width:100%;height:auto;overflow:hidden;}
	.boheaderimg img {width:100%;height:auto;}

	#bgheaderno {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		#bgheader {width:100%;margin:0 auto;padding:0;}
		#boheader {width:100%;margin:0 auto;padding:0;}
		.boheaderimg {width:100%;height:auto;overflow:hidden;}
		.boheaderimg img {width:100%;height:auto;}

		#bgheaderno {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgheader {width:100%;margin:0 auto;padding:0;}
			#boheader {width:100%;margin:0 auto;padding:0;}
			.boheaderimg {width:100%;height:auto;overflow:hidden;}
			.boheaderimg img {width:100%;height:auto;}
			
			#bgheaderno {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
		}
	}
}
/* ================================================================================================================================================================== */

/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow {width:100%;margin:0 auto;padding:0;}
#boslideshow img {width:100%;margin:0 auto;padding:0;}

/* LEFT */
#slideshowboxL {width:100%;height:auto;left:0;bottom:0;line-height:1;padding:20px 100px 120px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0,0,0,0.2);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
.slideshowboxtitL {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:30px;font-family:var(--font1);color:var(--whiteF);text-align:left;line-height:1.5;text-shadow:var(--shadowF);}
.slideshowboxdesL {width:100%;margin:0 auto;padding:0;display:block;font-weight:700;font-size:50px;font-family:var(--font1);color:var(--whiteF);text-align:left;line-height:1.5;text-shadow:var(--shadowF);}

/* CENTER */
#slideshowboxC {width:100%;height:auto;left:0;bottom:0;line-height:1;padding:20px 0 120px;position:absolute;text-align:center;display:flex;flex-wrap:wrap;z-index:999;background:rgba(0,0,0,0.2);align-items:center;}
.slideshowboxtitC {width:100%;margin:0 auto;padding:0 10px;display:block;font-weight:400;font-size:30px;font-family:var(--font1);color:var(--whiteF);text-align:center;line-height:1.5;}
.slideshowboxdesC {width:100%;margin:0 auto;padding:0 10px;display:block;font-weight:700;font-size:50px;font-family:var(--font1);color:var(--whiteF);text-align:center;line-height:1.5;}

/* RIGHT */
#slideshowboxR {width:100%;height:auto;right:0;bottom:0;line-height:1;padding:20px 100px 120px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0,0,0,0.2);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
.slideshowboxtitR {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:30px;font-family:var(--font1);color:var(--whiteF);text-align:right;line-height:1.5;text-shadow:var(--shadowF);}
.slideshowboxdesR {width:100%;margin:0 auto;padding:0;display:block;font-weight:700;font-size:50px;font-family:var(--font1);color:var(--whiteF);text-align:right;line-height:1.5;text-shadow:var(--shadowF);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgslideshow {width:100%;margin:0 auto;padding:0;}
			#boslideshow {width:100%;margin:0 auto;padding:0;}
			#boslideshow img {width:100%;margin:0 auto;padding:0;}

			/* LEFT */
			#slideshowboxL {width:100%;height:auto;left:0;bottom:0;line-height:1;padding:50px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0,0,0,0.2);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
			
			.slideshowboxtitL {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:60px;font-family:var(--font1);color:var(--whiteF);text-align:left;line-height:1.5;text-shadow:var(--shadowF);}
			.slideshowboxdesL {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:80px;font-family:var(--font1);color:var(--whiteF);text-align:left;line-height:1.5;text-shadow:var(--shadowF);}
			
			/* CENTER */
			#slideshowboxC {width:100%;height:auto;left:0;bottom:0;line-height:1;padding:50px 0;position:absolute;text-align:center;display:flex;flex-wrap:wrap;z-index:999;background:rgba(0,0,0,0);align-content:flex-end;}
			.slideshowboxtitC {width:100%;margin:0 auto;padding:0 10px;display:block;font-weight:400;font-size:60px;font-family:var(--font1);color:var(--whiteF);text-align:center;line-height:1.5;text-shadow:var(--shadowF);}
			.slideshowboxdesC {width:100%;margin:0 auto;padding:0 10px;display:block;font-weight:400;font-size:80px;font-family:var(--font1);color:var(--whiteF);text-align:center;line-height:1.5;text-shadow:var(--shadowF);}
			
			/* RIGHT */
			#slideshowboxR {width:100%;height:auto;right:0;bottom:0;line-height:1;padding:50px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0,0,0,0.2);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
			.slideshowboxtitR {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:60px;font-family:var(--font1);color:var(--whiteF);text-align:right;line-height:1.5;}
			.slideshowboxdesR {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:80px;font-family:var(--font1);color:var(--whiteF);text-align:right;line-height:1.5;}
		}
	}
}
/* ================================================================================================================================================================== */

/* BREADCUMB */
#bgbreadcumb {width:100%;margin:0 auto;padding:10px 0;}
#bobreadcumb {width:1200px;margin:0 auto;padding:0;}
.bobreadcumbtit {margin:0 auto;padding:0;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--gold01);}
.bobreadcumbtit a {color:var(--redred);}
.bobreadcumbtit a:hover {color:var(--gold01);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	#bgbreadcumb {width:100%;margin:0 auto;padding:10px 0;}
	#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
	.bobreadcumbtit {margin:0 auto;padding:0;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--gold01);}
	.bobreadcumbtit a {color:var(--redred);}
	.bobreadcumbtit a:hover {color:var(--gold01);}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		#bgbreadcumb {width:100%;margin:0 auto;padding:10px 0;}
		#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
		.bobreadcumbtit {margin:0 auto;padding:0;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--gold01);}
		.bobreadcumbtit a {color:var(--redred);}
		.bobreadcumbtit a:hover {color:var(--gold01);}
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbreadcumb {width:100%;margin:0 auto;padding:10px 0;}
			#bobreadcumb {width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #ddd;}
			.bobreadcumbtit {margin:0 auto;padding:0;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--gold01);}
			.bobreadcumbtit a {color:var(--redred);}
			.bobreadcumbtit a:hover {color:var(--gold01);}
		}
	}
}
/* ================================================================================================================================================================== */

/* FRONTPAGE BOX */
#bgfppage {width:100%;margin:0 auto;padding:0 0 50px;background:var(--bggold);}
#bofppage {width:1200px;margin:-90px auto 0;padding:6% 2% 0;background:var(--bggold);display:flex;position:relative;z-index:999;clip-path: polygon(0 5%, 50% 0, 100% 5%, 100% 100%, 0 100%);}
#fppageleft {width:50%;margin:0;padding:0 2%;}
#fppagerite {width:50%;margin:0;padding:0 2%;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgfppage {width:100%;margin:0 auto;padding:0 0 10%;background:var(--bggold);}
			#bofppage {width:100%;margin:0 auto;padding:0;background:var(--bggold);display:flex;flex-wrap:wrap;position:relative;z-index:9;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
			#fppageleft {width:100%;margin:0;padding:0;}
			#fppagerite {width:100%;margin:0;padding:0;}
		}
	}
}
/* ================================================================================================================================================================== */

/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:0;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:100%;margin:0 auto;padding:0;}

#frontpage {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#frontpageleft {width:100%;margin:0 auto 50px;padding:0;}
.frontpagetit {width:100%;margin:0;padding:0;}
.frontpagetit h3 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.frontpagesde {width:100%;margin:0;padding:0;}
.frontpagesde h1 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.frontpagedes {width:100%;margin:10px auto 30px;padding:0;}
.frontpagedes h2 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.frontpagemor {margin:0;padding:0;text-align:right;}
.frontpagemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
.frontpagemor a:hover {color:var(--gold01);text-decoration:underline;}
#frontpagerite {width:100%;float:left;margin:0;padding:0;}
.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
.frontpageimg img {width:100%;height:auto;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgfrontpage {width:100%;margin:0 auto;padding:10% 0;}
			#bofrontpage {width:100%;margin:0 auto;padding:0;}
			#cofrontpage {width:80%;margin:0 auto;padding:0;}

			#frontpage {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#frontpageleft {width:100%;margin:0 auto 50px;padding:0;}
			.frontpagetit {width:100%;margin:0;padding:0;}
			.frontpagetit h3 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.frontpagesde {width:100%;margin:0;padding:0;}
			.frontpagesde h1 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.frontpagedes {width:100%;margin:10px auto 30px;padding:0;}
			.frontpagedes h2 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.frontpagemor {margin:0;padding:0;text-align:right;}
			.frontpagemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
			.frontpagemor a:hover {color:var(--gold01);text-decoration:underline;}
			#frontpagerite {width:100%;float:left;margin:0;padding:0;}
			.frontpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:0;}
			.frontpageimg img {width:100%;height:auto;}
		}
	}
}
/* ================================================================================================================================================================== */

/* BOOKING FORM */
#bgpriceforma {width:100%;margin:0 auto;padding:0;background:var(--gold01);}
#bopriceforma {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}

#copriceforma {margin:0;padding:0;display:flex;flex-wrap:wrap;}
#priceformaleft {width:100%;margin:0 auto;padding:0;}
#priceformahed {width:100%;margin:0;padding:0}
.priceformatopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.priceformatopimg img {width:100%;height:auto;line-height:0;}
#priceformabod {width:100%;margin:0;padding:50px;background:var(--gold01);}
.priceformatoptit {margin:0 auto;padding:0;}
.priceformatoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--whiteF);}
.priceformatopdes {margin:0 auto;padding:0;}
.priceformatopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--whiteF);}

#priceformarite {width:100%;margin:0 auto;padding:50px;background:#f9f9f9;}
.priceformabotfil {margin:0 auto;padding:0;}
.priceformabotfilbox {margin:0;padding:0;display:flex;flex-wrap:wrap;}
.priceformabotfilinput {width:100%;margin:2px auto;text-align:center;}

.search {margin:0 auto;font-size:14px;font-family:var(--font1);padding:11px 0;border:1px solid var(--gold01);background:var(--whiteF);color:var(--gray44);box-sizing:border-box;vertical-align:top;border-radius:3px;}
input.search {width:100%;text-align:center;outline:none;}
input.search:focus {border:1px solid var(--black0);}

/* FORM B */
#bgpriceformb {width:100%;margin:0 auto;padding:20px 0 30px;background:var(--gold01);clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}
#bopriceformb {width:1200px;margin:0 auto;padding:0;}

#copriceformb {margin:0;padding:0;display:flex;align-items:center;}
#priceformbleft {width:100%;margin:0 auto;padding:0;background:var(--gold01);}
.priceformbtoptit {margin:0 auto;padding:0;}
.priceformbtoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--whiteF);}
.priceformbtopdes {margin:0 auto;padding:0;}
.priceformbtopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--whiteF);}

#priceformbrite {width:100%;margin:0 auto;padding:20px;background:var(--bggold);}
.priceformbbotfil {margin:0 auto;padding:0;}
.priceformbbotfilbox {margin:0;padding:0;display:flex;flex-wrap:wrap;}
.priceformbbotfilinput {width:100%;margin:2px auto;}

.searchb {margin:0 auto;font-size:14px;font-family:var(--font1);padding:11px 0;border:1px solid var(--gold01);background:var(--whiteF);color:var(--gray44);box-sizing:border-box;vertical-align:top;border-radius:3px;}
input.searchb {width:100%;text-align:center;outline:none;}
input.searchb:focus {border:1px solid var(--black0);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgpriceforma {width:100%;margin:0 auto;padding:0;background:var(--gold01);}
			#bopriceforma {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}

			#copriceforma {margin:0;padding:0;display:flex;flex-wrap:wrap;}
			#priceformaleft {width:100%;margin:0 auto;padding:0;}
			#priceformahed {width:100%;margin:0;padding:0}
			.priceformatopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.priceformatopimg img {width:100%;height:auto;line-height:0;}
			#priceformabod {width:100%;margin:0;padding:50px;background:var(--gold01);}
			.priceformatoptit {margin:0 auto;padding:0;}
			.priceformatoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--whiteF);}
			.priceformatopdes {margin:0 auto;padding:0;}
			.priceformatopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--whiteF);}

			#priceformarite {width:100%;margin:0 auto;padding:50px;background:#f9f9f9;}
			.priceformabotfil {margin:0 auto;padding:0;}
			.priceformabotfilbox {margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.priceformabotfilinput {width:100%;margin:2px auto;text-align:center;}

			.search {margin:0 auto;font-size:14px;font-family:var(--font1);padding:11px 0;border:1px solid var(--gold01);background:var(--whiteF);color:var(--gray44);box-sizing:border-box;vertical-align:top;border-radius:3px;}
			input.search {width:100%;text-align:center;outline:none;}
			input.search:focus {border:1px solid var(--black0);}

			
			/* FORM B */
			#bgpriceformb {width:100%;margin:0 auto;padding:5% 0 10%;background:var(--gold01);clip-path: polygon(100% 0, 100% 98%, 50% 100%, 0 98%, 0 0);}
			#bopriceformb {width:90%;margin:0 auto;padding:0;}

			#copriceformb {margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#priceformbleft {width:100%;margin:0 auto 5%;padding:0;background:var(--gold01);}
			.priceformbtoptit {margin:0 auto;padding:0;}
			.priceformbtoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--whiteF);}
			.priceformbtopdes {margin:0 auto;padding:0;}
			.priceformbtopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--whiteF);}

			#priceformbrite {width:100%;margin:0 auto;padding:20px;background:var(--bggold);}
			.priceformbbotfil {margin:0 auto;padding:0;}
			.priceformbbotfilbox {margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.priceformbbotfilinput {width:100%;margin:2px auto;}

			.searchb {margin:0 auto;font-size:14px;font-family:var(--font1);padding:11px 0;border:1px solid var(--gold01);background:var(--whiteF);color:var(--gray44);box-sizing:border-box;vertical-align:top;border-radius:3px;}
			input.searchb {width:100%;text-align:center;outline:none;}
			input.searchb:focus {border:1px solid var(--black0);}

		}
	}
}
/* ================================================================================================================================================================== */

/* BENEFIT */
#bgbenefit {width:100%;margin:0 auto;padding:0;background:var(--bgdesc);}
#bobenefit {width:100%;margin:0 auto;padding:0;}

#cobenefit {margin:0;padding:0;display:flex;flex-wrap:wrap;}

#cobenefithead {width:1200px;margin:0 auto;padding:50px;background:var(--whiteF);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#benefittop {width:100%;margin:0 auto 20px;padding:0;display:flex;}
#benefittopleft {width:25%;margin:0;padding:0;}
.benefittopimg {width:100%;height:auto;overflow:hidden;}
.benefittopimg img {width:100%;height:auto;overflow:hidden;clip-path: polygon(0 1%, 95% 0, 100% 20%, 95% 100%, 0 100%);}
#benefittoprite {width:75%;margin:0;padding:0 0 0 20px;}
.benefittopnot {margin:0 auto;padding:0;}
.benefittopnot h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.benefittoptit {margin:0 auto;padding:0;}
.benefittoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.benefittopdes {margin:10px auto 20px;padding:0;}
.benefittopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

#cobenefitbodi {width:90%;margin:0 auto;padding:50px 0;}
#benefitbot {width:100%;margin:0 auto;padding:0;display:flex;align-items:flex-start;}
#benefitbotbox {width:25%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
#benefitbottop {width:100%;margin:0 auto;padding:0;text-align:center;}
.benefitbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.benefitbotimg img {width:25%;height:auto;margin:0 auto;}
#benefitbotfot {width:100%;margin:0 auto;padding:0 20px;text-align:center;}
.benefitbottit {margin:0 auto;padding:0;}
.benefitbottit h2 {font-weight:700;font-size:16px;font-family:var(--font2);color:var(--black0);}
.benefitbotdes {margin:0 auto;padding:0;}
.benefitbotdes h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbenefit {width:100%;margin:0 auto;padding:0;background:var(--bgdesc);}
			#bobenefit {width:100%;margin:0 auto;padding:0;}

			#cobenefit {margin:0;padding:0;display:flex;flex-wrap:wrap;}

			#cobenefithead {width:90%;margin:0 auto;padding:5%;background:var(--whiteF);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#benefittop {width:100%;margin:0 auto 20px;padding:0;display:flex;flex-wrap:wrap;}
			#benefittopleft {width:100%;margin:0 auto 5%;padding:0;}
			.benefittopimg {width:100%;height:auto;overflow:hidden;}
			.benefittopimg img {width:100%;height:auto;overflow:hidden;clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}
			#benefittoprite {width:100%;margin:0;padding:0;}
			.benefittopnot {margin:0 auto;padding:0;}
			.benefittopnot h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.benefittoptit {margin:0 auto;padding:0;}
			.benefittoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.benefittopdes {margin:10px auto 20px;padding:0;}
			.benefittopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

			#cobenefitbodi {width:90%;margin:0 auto;padding:5% 0;}
			#benefitbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;}
			#benefitbotbox {width:100%;margin:0 auto 10%;padding:0;display:flex;flex-wrap:wrap;}
			#benefitbottop {width:100%;margin:0 auto;padding:0;text-align:center;}
			.benefitbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
			.benefitbotimg img {width:25%;height:auto;margin:0 auto;}
			#benefitbotfot {width:100%;margin:0 auto;padding:0 20px;text-align:center;}
			.benefitbottit {margin:0 auto;padding:0;}
			.benefitbottit h2 {font-weight:700;font-size:16px;font-family:var(--font2);color:var(--black0);}
			.benefitbotdes {margin:0 auto;padding:0;text-align:justify;}
			.benefitbotdes h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
		}
	}
}
/* ================================================================================================================================================================== */

/* HOTLINE BAR */
#bglinebar {width:100%;margin:0 auto;padding:0 0 50px;background:var(--bgblus);}
#bolinebar {width:100%;margin:0 auto;padding:0;}

#bolinebarbox {width:100%;margin:0 auto;padding:0;}

#bolinebarhead {width:1000px;margin:0 auto;padding:50px;background:var(--whiteF);display:flex;align-items:flex-start;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#bolinebarleft {width:40%;margin:0;padding:0;}
.bolinebarimg {width:100%;margin:0;padding:0;overflow:hidden;line-height:0;}
.bolinebarimg img {width:100%;margin:0;padding:0;clip-path: polygon(0 1%, 95% 0, 100% 80%, 95% 100%, 0 100%);}
#bolinebarrite {width:60%;margin:0;padding:0 0 0 20px;}
.bolinebartit {margin:0;padding:0;}
.bolinebartit h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--redred);}
.bolinebarsub {margin:0;padding:0;}
.bolinebarsub h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.bolinebardes {margin:10px auto 20px;padding:0;}
.bolinebardes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

#bolinebarlist {margin:0 auto;padding:0;display:flex;}
#bolinebarlistbox {margin:0 auto 10px;padding:0;display:flex;align-items:center;}
#bolinebarlistleft {width:15%;margin:0 auto;padding:0;}
.bolinebarlistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.bolinebarlistimg img {width:100%;height:auto;}
.bolinebarlistimg a {line-height:0;}
#bolinebarlistrite {width:85%;margin:0 auto;padding:0 10px;}
.bolinebarlisttop {margin:0;padding:0;}
.bolinebarlisttop a {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--redred);}
.bolinebarlistnot {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font2);color:var(--black0);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bglinebar {width:100%;margin:0 auto;padding:0 0 50px;background:var(--bgblus);}
			#bolinebar {width:100%;margin:0 auto;padding:0;}

			#bolinebarbox {width:100%;margin:0 auto;padding:0;}

			#bolinebarhead {width:90%;margin:0 auto;padding:5%;background:var(--whiteF);display:flex;flex-wrap:wrap;align-items:flex-start;clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#bolinebarleft {width:100%;margin:0 auto 5%;padding:0;}
			.bolinebarimg {width:100%;margin:0;padding:0;overflow:hidden;line-height:0;}
			.bolinebarimg img {width:100%;margin:0;padding:0;clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}
			#bolinebarrite {width:100%;margin:0;padding:0 0 0 20px;}
			.bolinebartit {margin:0;padding:0;}
			.bolinebartit h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--redred);}
			.bolinebarsub {margin:0;padding:0;}
			.bolinebarsub h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.bolinebardes {margin:10px auto 20px;padding:0;}
			.bolinebardes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

			#bolinebarlist {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#bolinebarlistbox {margin:0 auto 10px;padding:0;display:flex;align-items:center;}
			#bolinebarlistleft {width:15%;margin:0 auto;padding:0;}
			.bolinebarlistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.bolinebarlistimg img {width:100%;height:auto;}
			.bolinebarlistimg a {line-height:0;}
			#bolinebarlistrite {width:85%;margin:0 auto;padding:0 10px;}
			.bolinebarlisttop {margin:0;padding:0;}
			.bolinebarlisttop a {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--redred);}
			.bolinebarlistnot {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font2);color:var(--black0);}

		}
	}
}
/* ====================================================================================================================================================== */


/* BOTTOM 1 */
#bgbottom {width:100%;margin:0 auto;padding:0 0 100px;background:var(--gray22);}
#bobottom {width:1200px;margin:0 auto;padding:50px;display:flex;justify-content:space-between;background:var(--bgblus);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#bottombox {width:auto;margin:0;padding:0;} 
.bottomtit {margin:0 auto 20px;padding:0;font-weight:700;font-size:18px;font-family:var(--font2);color:var(--gold01);text-transform:uppercase;}
.bottomdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.bottomdes li {list-style:none;margin:0 auto 10px;padding:0;} 
.bottomdes a {color:var(--gray44);}
.bottomdes a:hover {color:var(--redred);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{ 
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbottom {width:100%;margin:0 auto;padding:0 0 10%;background:var(--gray22);}
			#bobottom {width:90%;margin:0 auto;padding:5%;display:flex;flex-wrap:wrap;justify-content:space-between;background:var(--bgblus);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#bottombox {width:100%;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid var(--graydd);}
			.bottomtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:var(--font2);color:var(--gold01);text-transform:uppercase;}
			.bottomdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.bottomdes li {list-style:none;margin:0 auto 5px;padding:0;} 
			.bottomdes a {color:var(--gray44);}
			.bottomdes a:hover {color:var(--redred);}
		}
	}
}
/* ================================================================================================================================================================== */

/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:var(--black0);}
#bofooter {width:1200px;margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);display:flex;}
#footer1 {width:50%;color:var(--whiteF);}
#footer2 {width:50%;text-align:right;color:var(--whiteF);}
#footer2 a {color:var(--whiteF);text-decoration:none;}
#footer2 a:hover {color:var(--whiteF);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgfooter {width:100%;margin:0 auto;padding:10% 0;background:var(--black0);}
			#bofooter {width:90%;margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);display:flex;flex-wrap:wrap;}
			#footer1 {width:100%;text-align:center;color:var(--whiteF);}
			#footer2 {width:100%;text-align:center;color:var(--whiteF);}
			#footer2 a {color:var(--whiteF);text-decoration:none;}
			#footer2 a:hover {color:var(--whiteF);}
		}
	}
}
/* ================================================================================================================================================================== */

/* CONTENT PAGES */
#bgpages {width:100%;margin:0 auto;padding:0;}
#bopages {width:100%;margin:0 auto;padding:0;}

#pagesheader {width:100%;margin:0;padding:1% 0 3%;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#pagesheaderbox {width:80%;margin:0 auto;padding:0;display:flex;align-items:center;color:var(--whiteF);}
#pagesheaderboxleft {width:100%;margin:0;padding:0;}
.pagesheaderimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.pagesheaderimg img {width:100%;height:auto;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#pagesheaderboxrite {width:100%;margin:0;padding-left:25px;}
.pagesheadercat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
.pagesheadertit {margin:0 0 10px;padding:0;}
.pagesheadertit h1 {font-weight:700;font-size:22px;font-family:var(--font2);}
.pagesheaderdes {margin:0;padding:0;}
.pagesheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

#pagesbodi {width:1200px;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;}
#pagesfot {width:100%;margin:0 auto;padding:0 0 5%;display:flex;flex-wrap:wrap;}
#pagesfot:nth-child(2n+0) {width:100%;margin:0 auto;padding:0 0 5%;display:flex;flex-wrap:wrap;}

/* LEFT */
#pagesfotboxL {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;}
#pagesfotboxtopL {width:50%;margin:0;padding:0;text-align:right;}
.pagesfotimgL {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
.pagesfotimgL img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 20%, 95% 100%, 0 100%);}
#pagesfotboxbotL {width:50%;margin:0;padding:50px;background:var(--whiteF);}
.pagesfotcatL {margin:0;padding:0;}
.pagesfotcatL h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
.pagesfottitL {margin:0;padding:0;}
.pagesfottitL h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.pagesfottagL {margin:0;padding:0;}
.pagesfottagL h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.pagesfotdesL {margin:20px auto 50px;}
.pagesfotdesL h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.pagesfotmorL {margin:0 auto;padding:0;text-align:right;}
.pagesfotmorL a {font-weight:500;color:var(--redred);}
.pagesfotmorL a:hover {color:var(--gold01);}

/* CENTER */
#pagesfotC {width:50%;margin:0;padding:0 0 50px;display:flex;}
#pagesfotC:nth-child(4n+1), #pagesfotC:nth-child(4n+4) {width:48%;margin:0 1% 5%;padding:0;display:flex;}
#pagesfotC:nth-child(4n+2), #pagesfotC:nth-child(4n+3) {width:48%;margin:0 1% 5%;padding:0;display:flex;}
#pagesfotboxC {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
#pagesfotboxtopC {width:100%;margin:0 auto;padding:0;}
.pagesfotimgC {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
.pagesfotimgC img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 100% 0, 100% 95%, 20% 100%, 0 95%);}
#pagesfotboxbotC {width:90%;margin:0 auto;padding:50px;background:var(--whiteF);}
.pagesfotcatC {margin:0;padding:0;}
.pagesfotcatC h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
.pagesfottitC {margin:0;padding:0;}
.pagesfottitC h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.pagesfottagC {margin:0;padding:0;}
.pagesfottagC h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.pagesfotdesC {margin:20px auto 50px;}
.pagesfotdesC h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.pagesfotmorC {margin:0 auto;padding:0;text-align:right;}
.pagesfotmorC a {font-weight:500;color:var(--redred);}
.pagesfotmorC a:hover {color:var(--gold01);}

/* RIGHT */
#pagesfotboxR {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;}
#pagesfotboxtopR {width:50%;margin:0;padding:0;}
.pagesfotimgR {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
.pagesfotimgR img {width:100%;height:auto;line-height:0;}
#pagesfotboxbotR {width:50%;margin:0;padding:50px 100px 50px 50px;text-align:right;background:var(--whiteF);}
.pagesfotcatR {margin:0;padding:0;}
.pagesfotcatR h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
.pagesfottitR {margin:0 auto;padding:0;}
.pagesfottitR h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.pagesfottagR {margin:0;padding:0;}
.pagesfottagR h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.pagesfotdesR {margin:20px auto 50px;padding:0;}
.pagesfotdesR h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.pagesfotmorR {margin:0 auto;padding:0;text-align:left;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgpages {width:100%;margin:0 auto;padding:0;}
			#bopages {width:100%;margin:0 auto;padding:0;}

			#pagesheader {width:100%;margin:0;padding:0;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#pagesheaderbox {width:100%;margin:0 auto;padding:0 0 5%;display:flex;flex-wrap:wrap;align-items:center;color:var(--whiteF);}
			#pagesheaderboxleft {width:100%;margin:0;padding:0;}
			.pagesheaderimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
			.pagesheaderimg img {width:100%;height:auto;clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}
			#pagesheaderboxrite {width:100%;margin:0;padding:5%;}
			.pagesheadercat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
			.pagesheadertit {margin:0 0 10px;padding:0;}
			.pagesheadertit h1 {font-weight:700;font-size:22px;font-family:var(--font2);}
			.pagesheaderdes {margin:0;padding:0;}
			.pagesheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

			#pagesbodi {width:100%;margin:0 auto;padding:5% 0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;}
			#pagesfot {width:100%;margin:0 auto;padding:0 0 5%;display:flex;flex-wrap:wrap;}
			#pagesfot:nth-child(2n+0) {width:100%;margin:0 auto;padding:0 0 5%;display:flex;flex-wrap:wrap;}

			/* LEFT */
			#pagesfotboxL {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#pagesfotboxtopL {width:100%;margin:0;padding:0;text-align:right;}
			.pagesfotimgL {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
			.pagesfotimgL img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 100% 0, 100% 95%, 20% 100%, 0 95%);}
			#pagesfotboxbotL {width:100%;margin:0;padding:5%;background:var(--whiteF);}
			.pagesfotcatL {margin:0;padding:0;}
			.pagesfotcatL h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
			.pagesfottitL {margin:0;padding:0;}
			.pagesfottitL h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.pagesfottagL {margin:0;padding:0;}
			.pagesfottagL h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.pagesfotdesL {margin:20px auto 50px;}
			.pagesfotdesL h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.pagesfotmorL {margin:0 auto;padding:0;text-align:right;}
			.pagesfotmorL a {font-weight:500;color:var(--redred);}
			.pagesfotmorL a:hover {color:var(--gold01);}

			/* CENTER */
			#pagesfotC {width:100%;margin:0;padding:0 0 50px;display:flex;flex-wrap:wrap;}
			#pagesfotC:nth-child(4n+1), #pagesfotC:nth-child(4n+4) {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
			#pagesfotC:nth-child(4n+2), #pagesfotC:nth-child(4n+3) {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
			#pagesfotboxC {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;}
			#pagesfotboxtopC {width:100%;margin:0 auto;padding:0;}
			.pagesfotimgC {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
			.pagesfotimgC img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 100% 0, 100% 95%, 20% 100%, 0 95%);}
			#pagesfotboxbotC {width:90%;margin:0 auto;padding:5%;background:var(--whiteF);}
			.pagesfotcatC {margin:0;padding:0;}
			.pagesfotcatC h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
			.pagesfottitC {margin:0;padding:0;}
			.pagesfottitC h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.pagesfottagC {margin:0;padding:0;}
			.pagesfottagC h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.pagesfotdesC {margin:20px auto 50px;}
			.pagesfotdesC h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.pagesfotmorC {margin:0 auto;padding:0;text-align:right;}
			.pagesfotmorC a {font-weight:500;color:var(--redred);}
			.pagesfotmorC a:hover {color:var(--gold01);}

			/* RIGHT */
			#pagesfotboxR {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;}
			#pagesfotboxtopR {width:50%;margin:0;padding:0;}
			.pagesfotimgR {width:100%;height:auto;margin:0;padding:0;line-height:0;overflow:hidden;}
			.pagesfotimgR img {width:100%;height:auto;line-height:0;}
			#pagesfotboxbotR {width:50%;margin:0;padding:50px 100px 50px 50px;text-align:right;background:var(--whiteF);}
			.pagesfotcatR {margin:0;padding:0;}
			.pagesfotcatR h2 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
			.pagesfottitR {margin:0 auto;padding:0;}
			.pagesfottitR h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.pagesfottagR {margin:0;padding:0;}
			.pagesfottagR h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.pagesfotdesR {margin:20px auto 50px;padding:0;}
			.pagesfotdesR h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.pagesfotmorR {margin:0 auto;padding:0;text-align:left;}
		}

	}
}
/* ================================================================================================================================================================== */
/* CONTENT PAGES DETAILS */
#bgpagesdetails {width:100%;margin:0 auto;padding:0;}
#bopagesdetails {width:100%;margin:0 auto;padding:0;}

#bopagesdetailsmain {width:100%;margin:0 auto;padding:0;}

#pagesdetailsbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailsboxhead {width:1200px;margin:0 auto;padding:0;display:flex;align-items: center;}
#pagesdetailsleft {width:50%;margin:0;padding:0;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.pagesdetailsimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#pagesdetailsrite {width:50%;margin:0;padding-left:20px;}
.pagesdetailscat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
.pagesdetailstit {margin:0;padding:0;}
.pagesdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
.pagesdetailstag {margin:0 auto;padding:0;}
.pagesdetailstag h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gold01);}

#pagesdetailsboxbodi {width:1200px;margin:0 auto;padding:20px 0;display:flex;flex-wrap:wrap;}
#pagesdetailsbot {margin:0;padding:0;}
.pagesdetailsdes {margin:0;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.pagesdetailsdes h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray22);}
.pagesdetailsdes h3 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray22);}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:16!important;font-family:var(--font1)!important;}
.pagesdetailsdes p {font-weight:400;font-size:16px;font-family:var(--font1);}
.pagesdetailsdes a {color:color:var(--redred);}
.pagesdetailsdes a:hover {color:var(--black0);}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}

/* CONTENT PAGES LIST */
#bopagesdetailslist {width:90%;margin:20px auto 0;padding:20px 0;display:flex;flex-wrap:wrap;border-top:1px solid var(--graydd);}
#pagesdetailslis {width:31.33%;margin:0 1% 2%;padding:0;}
#pagesdetailslistop {margin:0 20px;padding:0;}
.pagesdetailsliscat {margin:0;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
.pagesdetailslistit {margin:0;padding:0;}
.pagesdetailslistit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);}
.pagesdetailslistag {margin:0 auto 10px;padding:0;}
.pagesdetailslistag h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
#pagesdetailslismid {margin:20px 0;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.pagesdetailslisimg img {width:100%;height:auto;line-height:0;clip-path: polygon(20% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);}
#pagesdetailslisbot {margin:0 20px;padding:0;}
.pagesdetailslisdes {margin:0 auto 10px;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
.pagesdetailslismor {margin:0;padding:0;text-align:right;}
.pagesdetailslismor a {font-weight:500;color:var(--redred);}
.pagesdetailslismor a:hover {color:var(--gold01);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgpagesdetails {width:100%;margin:0 auto;padding:0;}
			#bopagesdetails {width:100%;margin:0 auto;padding:0;}

			#bopagesdetailsmain {width:100%;margin:0 auto;padding:0;}

			#pagesdetailsbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#pagesdetailsboxhead {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items: center;}
			#pagesdetailsleft {width:100%;margin:0;padding:0;}
			.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.pagesdetailsimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
			#pagesdetailsrite {width:100%;margin:0;padding:5%;}
			.pagesdetailscat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
			.pagesdetailstit {margin:0;padding:0;}
			.pagesdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
			.pagesdetailstag {margin:0 auto;padding:0;}
			.pagesdetailstag h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gold01);}
			
			#pagesdetailsboxbodi {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#pagesdetailsbot {margin:0;padding:0;}
			.pagesdetailsdes {margin:0;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.pagesdetailsdes h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray22);}
			.pagesdetailsdes h3 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray22);}
			.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:16!important;font-family:var(--font1)!important;}
			.pagesdetailsdes p {font-weight:400;font-size:16px;font-family:var(--font1);}
			.pagesdetailsdes a {color:color:var(--redred);}
			.pagesdetailsdes a:hover {color:var(--black0);}
			.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
			.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}

			/* CONTENT PAGES LIST */
			#bopagesdetailslist {width:90%;margin:20px auto 0;padding:20px 0;display:flex;flex-wrap:wrap;border-top:1px solid var(--graydd);}
			#pagesdetailslis {width:100%;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid var(--graydd);}
			#pagesdetailslistop {margin:0 20px;padding:0;}
			.pagesdetailsliscat {margin:0;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred);}
			.pagesdetailslistit {margin:0;padding:0;}
			.pagesdetailslistit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);}
			.pagesdetailslistag {margin:0 auto 10px;padding:0;}
			.pagesdetailslistag h3 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			#pagesdetailslismid {margin:20px 0;padding:0;}
			.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.pagesdetailslisimg img {width:100%;height:auto;line-height:0;clip-path: polygon(20% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);}
			#pagesdetailslisbot {margin:0 20px;padding:0;}
			.pagesdetailslisdes {margin:0 auto 10px;padding:0;}
			.pagesdetailslisdes h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
			.pagesdetailslismor {margin:0;padding:0;text-align:right;}
			.pagesdetailslismor a {font-weight:500;color:var(--redred);}
			.pagesdetailslismor a:hover {color:var(--gold01);}

		}
	}
}
/* ================================================================================================================================================================== */

/* ======================================================= */
/* BUS */
/* ======================================================= */
/* BUS HOME */
#bgbushome {width:100%;margin:0 auto;padding:0;}
#bobushome {width:100%;margin:0 auto;padding:0;}
#cobushome {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;}
 
#bobushometop {width:1200px;margin:0 auto;padding:50px;background:var(--bggold);display:flex;flex-wrap:wrap;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#bobushometopbodi {width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.bobushometopnot {width:100%;margin:0;padding:0;}
.bobushometopnot h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.bobushometoptit {width:100%;margin:0;padding:0;}
.bobushometoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.bobushometopdes {margin:0;padding:10px 0 30px;}
.bobushometopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
#bobushometopfoot {width:100%;margin:0;padding:0;}
.bobushometopbut {margin:0;padding:0;text-align:right;} 
.bobushometopbut a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
.bobushometopbut a:hover {color:var(--gold01);text-decoration:underline;}
 
#bobushomebot {width:90%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;}
#bushomebox {width:31.33%;margin:0 1% 2%;padding:0;overflow:hidden;}
#bushomeboxhead {margin:0 auto;padding:0;}
.bushomeimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.bushomeimg img {width:100%;height:auto;padding:0;}
.bushomeimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
#bushomeboxbodi {margin:0;padding;0;}
#bushomeboxtop {margin:0 auto;padding:0;}
.bushomecat {margin:0 auto;padding:0;}
.bushomecat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.bushometit {margin:0 auto;padding:0;}
.bushometit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
.bushometit a h2:hover {color:var(--redred);}
#bushomeboxbot {margin:5px auto 10px;padding:0;}
.bushomefas {margin:0 auto;padding:0;}
.bushomefas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
#bushomeboxfot {margin:0 auto;padding:0;display:flex;}
.bushomemor {width:100%;margin:0;padding:0;text-align:right;}
.bushomemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
.bushomemor a:hover {color:var(--black0);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbushome {width:100%;margin:0 auto;padding:0;}
			#bobushome {width:100%;margin:0 auto;padding:0;}
			#cobushome {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;}

			#bobushometop {width:90%;margin:0 auto;padding:5%;background:var(--bggold);display:flex;flex-wrap:wrap;clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#bobushometopbodi {width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.bobushometopnot {width:100%;margin:0;padding:0;}
			.bobushometopnot h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.bobushometoptit {width:100%;margin:0;padding:0;}
			.bobushometoptit h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.bobushometopdes {margin:0;padding:10px 0 30px;}
			.bobushometopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			#bobushometopfoot {width:100%;margin:0;padding:0;}
			.bobushometopbut {margin:0;padding:0;text-align:center;} 
			.bobushometopbut a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
			.bobushometopbut a:hover {color:var(--gold01);text-decoration:underline;}
			
			
			#bobushomebot {width:90%;margin:0 auto;padding:5% 0;display:flex;flex-wrap:wrap;justify-content:center;}
			#bushomebox {width:100%;margin:0 auto 5%;padding:0 0 5%;overflow:hidden;border-bottom:1px solid var(--graydd);}
			#bushomeboxhead {margin:0 auto;padding:0;}
			.bushomeimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.bushomeimg img {width:100%;height:auto;padding:0;}
			.bushomeimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
			#bushomeboxbodi {margin:0;padding;0;}
			#bushomeboxtop {margin:0 auto;padding:0;}
			.bushomecat {margin:0 auto;padding:0;}
			.bushomecat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.bushometit {margin:0 auto;padding:0;}
			.bushometit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
			.bushometit a h2:hover {color:var(--redred);}
			#bushomeboxbot {margin:5px auto 10px;padding:0;}
			.bushomefas {margin:0 auto;padding:0;}
			.bushomefas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
			#bushomeboxfot {margin:0 auto;padding:0;display:flex;}
			.bushomemor {width:100%;margin:0;padding:0;text-align:right;}
			.bushomemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
			.bushomemor a:hover {color:var(--black0);}
		}
	}
}
/* ================================================================================================================================================================== */
/* BUS PAGE */
#bgbuspage {width:100%;margin:0 auto;padding:0;}
#bobuspage {width:100%;margin:0 auto;padding:0;}

#bgbuspageheader {width:100%;margin:0;padding:20px 0 50px;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#bobuspageheader {width:80%;margin:0 auto;padding:0;color:var(--whiteF);display:flex;align-items:center;}
#bobuspageheaderleft {width:50%;margin:0;padding:0;}
.bobuspageheaderimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.bobuspageheaderimg img {width:100%;height:auto;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#bobuspageheaderrite {width:50%;margin:0;padding-left:25px;}
.bobuspageheadercat {margin:0;padding:0;}
.bobuspageheadercat h3 {font-weight:700;font-size:16px;font-family:var(--font1);}
.bobuspageheadertit {margin:0 0 10px;padding:0;}
.bobuspageheadertit h1 {font-weight:700;font-size:22px;font-family:var(--font2);}
.bobuspageheaderdes {margin:0;padding:0;}
.bobuspageheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

#bobuspagebot {width:90%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;}
#buspagebox {width:31.33%;margin:0 1% 2%;padding:0;overflow:hidden;}
#buspageboxhead {margin:0 auto;padding:0;}
.buspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buspageimg img {width:100%;height:auto;padding:0;}
.buspageimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
#buspageboxbodi {margin:0;padding;0;}
#buspageboxtop {margin:0 auto;padding:0;}
.buspagecat {margin:0 auto;padding:0;}
.buspagecat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.buspagetit {margin:0 auto;padding:0;}
.buspagetit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
.buspagetit a h2:hover {color:var(--redred);}
#buspageboxbot {margin:5px auto 10px;padding:0;}
.buspagefas {margin:0 auto;padding:0;}
.buspagefas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
#buspageboxfot {margin:0 auto;padding:0;display:flex;}
.buspagemor {width:100%;margin:0;padding:0;text-align:right;}
.buspagemor a {font-weight:500;color:var(--redred);}
.buspagemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
.buspagemor a:hover {color:var(--black0);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbuspage {width:100%;margin:0 auto;padding:0;}
			#bobuspage {width:100%;margin:0 auto;padding:0;}

			#bgbuspageheader {width:100%;margin:0;padding:0;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#bobuspageheader {width:100%;margin:0;padding:0 0 5%;color:var(--whiteF);display:flex;flex-wrap:wrap;align-items:center;}
			#bobuspageheaderleft {width:100%;margin:0;padding:0;}
			.bobuspageheaderimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
			.bobuspageheaderimg img {width:100%;height:auto;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
			#bobuspageheaderrite {width:100%;margin:0;padding:5%;}
			.bobuspageheadercat {margin:0;padding:0;}
			.bobuspageheadercat h3 {font-weight:700;font-size:16px;font-family:var(--font1);}
			.bobuspageheadertit {margin:0 0 10px;padding:0;}
			.bobuspageheadertit h1 {font-weight:700;font-size:22px;font-family:var(--font2);}
			.bobuspageheaderdes {margin:0;padding:0;}
			.bobuspageheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}
						
			#bobuspagebot {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			#buspagebox {width:100%;margin:0 auto 5%;padding:0 0 5%;overflow:hidden;border-bottom:1px solid var(--graydd);}
			#buspageboxhead {margin:0 auto;padding:0;}
			.buspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buspageimg img {width:100%;height:auto;padding:0;}
			.buspageimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
			#buspageboxbodi {margin:0;padding;0;}
			#buspageboxtop {margin:0 auto;padding:0;}
			.buspagecat {margin:0 auto;padding:0;}
			.buspagecat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.buspagetit {margin:0 auto;padding:0;}
			.buspagetit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
			.buspagetit a h2:hover {color:var(--redred);}
			#buspageboxbot {margin:5px auto 10px;padding:0;}
			.buspagefas {margin:0 auto;padding:0;}
			.buspagefas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
			#buspageboxfot {margin:0 auto;padding:0;display:flex;}
			.buspagemor {width:100%;margin:0;padding:0;text-align:right;}
			.buspagemor a {font-weight:500;color:var(--redred);}
			.buspagemor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
			.buspagemor a:hover {color:var(--black0);}

		}
	}
}
/* ================================================================================================================================================================== */
/* BUS DETAILS */
#bgbusdetails {width:100%;margin:0 auto;padding:0;}
#bobusdetails {width:100%;margin:0 auto;padding:0;}

#bgbusdetailshead {width:100%;margin:0 auto;padding:10px 0 30px;background:var(--bggold);clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}
#bobusdetailshead {width:1200px;margin:0 auto;padding:0;display:flex;}
#busdetailsheadleft {width:50%;margin:0;padding:0;}
.bobusdetailsleftimg {width:100%;margin:0 auto;padding:0;overflow:hidden;line-height:0;}
.bobusdetailsleftimg img {width:100%;height:auto;}
#busdetailsheadrite {width:50%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
#busdetailsheadritegal {margin:0;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;}
#busdetailsheadritegalbox {width:24%;margin:0 0.5% 1%;padding:0;box-sizing:border-box;line-height:0;}
.busdetailsheadritegalboximg {width:100%;height:150px;overflow:hidden;margin:0;padding:0;line-height:0;}
.busdetailsheadritegalboximg img {width:250%;height:auto;}
.busdetailsheadritegalboximg a {line-height:0;}

#bobusdetailsbodi {width:1200px;margin:0 auto;padding:20px 0 50px;}
#bobusdetailsleft {width:68%;float:left;margin-right:2%;padding:0;}
#bobusdetailsrite {width:30%;float:left;margin:0;padding:0;position:sticky;top:100px;}
#bobusdetailstop {margin:0 auto;padding:0;}
#busdetailstop {margin:0 auto 20px;padding:0;}
.busdetailscat {margin:0 auto;padding:0;}
.busdetailscat h4 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.busdetailstit {margin:0 auto;padding:0;}
.busdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
.busdetailsset {margin:0 auto;padding:0;} 
.busdetailsset h2 {font-weight:400;font-size:18px;font-family:var(--font1);color:var(--gray22);}
#bobusdetailsbot {margin:0 auto;padding:0;}
#busdetailsbot {margin:0 auto;padding:0;}
.busdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray22);}
.busdetailsdes h2 {margin:0 auto;padding:0;font-weight:700;font-size:18px;color:var(--gray11);}
.busdetailsdes h3 {margin:0 auto;padding:0;font-weight:700;font-size:18px;color:var(--gray11);}
.busdetailsdes p {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray22);}
.busdetailsdes a {color:var(--orange);}
.busdetailsdes a:hover {color:color:var(--black0);}
.busdetailsdes ol {list-style:decimal;margin-left:20px;}
.busdetailsdes ul {list-style:disc;margin-left:20px;}

#busdetailsfot {margin:25px auto 0;padding:25px;background:var(--bggold);border:1px solid var(--gold01);}
#busdetailshed {margin:0 auto 20px;padding:0;}
.busdetailsnot {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.busdetailsbus {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--redred);}
.busdetailstex {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
#busdetailsbut {margin:0;padding:0;display:flex;}
.busdetailstom {margin:0 1%;padding:0;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbusdetails {width:100%;margin:0 auto;padding:0;}
			#bobusdetails {width:100%;margin:0 auto;padding:0;}

			#bgbusdetailshead {width:100%;margin:0;padding:1% 0 5%;background:var(--bggold);clip-path: polygon(100% 0, 100% 98%, 50% 100%, 0 98%, 0 0);}
			#bobusdetailshead {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#busdetailsheadleft {width:100%;margin:0;padding:0;}
			.bobusdetailsleftimg {width:100%;margin:0 auto;padding:0;overflow:hidden;line-height:0;}
			.bobusdetailsleftimg img {width:100%;height:auto;}
			#busdetailsheadrite {width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
			#busdetailsheadritegal {margin:0;padding:0 5%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;}
			#busdetailsheadritegalbox {width:24%;margin:0 0.5% 1%;padding:0;box-sizing:border-box;line-height:0;}
			.busdetailsheadritegalboximg {width:100%;height:50px;overflow:hidden;margin:0;padding:0;line-height:0;}
			.busdetailsheadritegalboximg img {width:200%;height:auto;}
			.busdetailsheadritegalboximg a {line-height:0;}

			#bobusdetailsbodi {width:90%;margin:0 auto;padding:5% 0;}
			#bobusdetailsleft {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:2px solid var(--graydd);}
			#bobusdetailsrite {width:100%;float:left;margin:0;padding:0;position:sticky;top:100px;}
			#bobusdetailstop {margin:0 auto;padding:0;}
			#busdetailstop {margin:0 auto 20px;padding:0;}
			.busdetailscat {margin:0 auto;padding:0;}
			.busdetailscat h4 {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.busdetailstit {margin:0 auto;padding:0;}
			.busdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
			.busdetailsset {margin:0 auto;padding:0;} 
			.busdetailsset h2 {font-weight:400;font-size:18px;font-family:var(--font1);color:var(--gray22);}
			#bobusdetailsbot {margin:0 auto;padding:0;}
			#busdetailsbot {margin:0 auto;padding:0;}
			.busdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray22);}
			.busdetailsdes h2 {margin:0 auto;padding:0;font-weight:700;font-size:18px;color:var(--gray11);}
			.busdetailsdes h3 {margin:0 auto;padding:0;font-weight:700;font-size:18px;color:var(--gray11);}
			.busdetailsdes p {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray22);}
			.busdetailsdes a {color:var(--orange);}
			.busdetailsdes a:hover {color:color:var(--black0);}
			.busdetailsdes ol {list-style:decimal;margin-left:20px;}
			.busdetailsdes ul {list-style:disc;margin-left:20px;}

			#busdetailsfot {margin:5% auto 0;padding:5%;background:var(--bggold);border:1px solid var(--gold01);}
			#busdetailshed {margin:0 auto 20px;padding:0;}
			.busdetailsnot {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.busdetailsbus {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--redred);}
			.busdetailstex {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}
			#busdetailsbut {margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.busdetailstom {margin:3% 0;padding:0;}
		}
	}
}
/* ================================================================================================================================================================== */
/* BUS LIST */
#bgbuslist {width:100%;margin:0;padding:0;}
#bobuslist {width:100%;margin:0;padding:0;}
#cobuslist {width:100%;margin:0;padding:0;}

#buslistbox {width:100%;margin:0 auto 5%;padding:0 0 5%;overflow:hidden;border-bottom:1px solid var(--graydd);}
#buslistboxhead {margin:0 auto;padding:0;}
.buslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buslistimg img {width:100%;height:auto;padding:0;}
.buslistimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
#buslistboxbodi {margin:0;padding;0;}
#buslistboxtop {margin:0;padding:0;}
.buslistcat {margin:0 auto;padding:0;}
.buslistcat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.buslisttit {margin:0 auto;padding:0;}
.buslisttit h2 {font-weight:700;font-size:18px;font-family:var(--font2);text-transform:uppercase;}
.buslisttit h2 a {color:var(--black0);}
.buslisttit h2 a:hover {color:var(--redred);}
#buslistboxmid {margin:10px auto;padding:0;}
.buslistfas {margin:0 auto;padding:0;}
.buslistfas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray22);}
#buslistboxbot {margin:0 auto;padding:0;display:flex;}
.buslistmor {width:100%;margin:0;padding:0;text-align:right;}
.buslistmor a {font-weight:500;color:var(--redred);}
.buslistmor a:hover {color:var(--gold01);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbuslist {width:100%;margin:0;padding:0;}
			#bobuslist {width:100%;margin:0;padding:0;}
			#cobuslist {width:100%;margin:0;padding:0;}

			#buslistbox {width:100%;margin:0 auto 5%;padding:0 0 5%;overflow:hidden;border-bottom:1px solid var(--graydd);}
			#buslistboxhead {margin:0 auto;padding:0;}
			.buslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buslistimg img {width:100%;height:auto;padding:0;}
			.buslistimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}
			#buslistboxbodi {margin:0;padding;0;}
			#buslistboxtop {margin:0;padding:0;}
			.buslistcat {margin:0 auto;padding:0;}
			.buslistcat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.buslisttit {margin:0 auto;padding:0;}
			.buslisttit h2 {font-weight:700;font-size:18px;font-family:var(--font2);text-transform:uppercase;}
			.buslisttit h2 a {color:var(--black0);}
			.buslisttit h2 a:hover {color:var(--redred);}
			#buslistboxmid {margin:10px auto;padding:0;}
			.buslistfas {margin:0 auto;padding:0;}
			.buslistfas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray22);}
			#buslistboxbot {margin:0 auto;padding:0;display:flex;}
			.buslistmor {width:100%;margin:0;padding:0;text-align:right;}
			.buslistmor a {font-weight:500;color:var(--redred);}
			.buslistmor a:hover {color:var(--gold01);}
		}
	}
}
/* ================================================================================================================================================================== */
/* BUS COLOUM */
#bgbuscol {width:100%;margin:0 auto;padding:20px 0 0;}
#bobuscol {width:90%;margin:0 auto;padding:50px 0;border-top:2px dashed var(--gold01);}

#bobuscolbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
#buscolbox {width:32.33%;margin:0 0.5% 2%;padding:0;overflow:hidden;}

#buscolboxtop {margin:0 auto;padding:0;}
.buscolimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buscolimg img {width:100%;height:auto;padding:0;}
.buscolimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}

#buscolboxbodi {margin:0;padding;0;}
#buscolboxhed {margin:0 auto;padding:0;}
.buscolcat {margin:0 auto;padding:0;}
.buscolcat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.buscoltit {margin:0 auto;padding:0;}
.buscoltit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
.buscoltit h2 a {color:var(--black0);}
.buscoltit h2 a:hover {color:var(--redred);}
#buscolboxbot {margin:5px auto 10px;padding:0;}
.buscolfas {margin:0 auto;padding:0;}
.buscolfas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}

#buscolboxfot {margin:0 auto;padding:0;display:flex;}
.buscolmor {width:100%;margin:0;padding:0;text-align:right;}
.buscolmor a {font-weight:500;color:var(--redred);}
.buscolmor a:hover {color:var(--gold01);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbuscol {width:100%;margin:0 auto;padding:20px 0 0;}
			#bobuscol {width:90%;margin:0 auto;padding:50px 0;border-top:2px dashed var(--gold01);}

			#bobuscolbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			#buscolbox {width:100%;margin:0 auto 5%;padding:0 0 5%;overflow:hidden;border-bottom:1px solid var(--graydd);}

			#buscolboxtop {margin:0 auto;padding:0;}
			.buscolimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buscolimg img {width:100%;height:auto;padding:0;}
			.buscolimg img:hover {width:100%;height:auto;padding:0;transition:all .3s;transform:scale(1.1);}

			#buscolboxbodi {margin:0;padding;0;}
			#buscolboxhed {margin:0 auto;padding:0;}
			.buscolcat {margin:0 auto;padding:0;}
			.buscolcat h4 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.buscoltit {margin:0 auto;padding:0;}
			.buscoltit h2 {font-weight:700;font-size:18px;font-family:var(--font2);color:var(--black0);text-transform:uppercase;}
			.buscoltit h2 a {color:var(--black0);}
			.buscoltit h2 a:hover {color:var(--redred);}
			#buscolboxbot {margin:5px auto 10px;padding:0;}
			.buscolfas {margin:0 auto;padding:0;}
			.buscolfas h3 {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray44);}

			#buscolboxfot {margin:0 auto;padding:0;display:flex;}
			.buscolmor {width:100%;margin:0;padding:0;text-align:right;}
			.buscolmor a {font-weight:500;color:var(--redred);}
			.buscolmor a:hover {color:var(--gold01);}
		}
	}
}
/* ================================================================================================================================================================== */

/* ================================ */
/* BLOG */
/* ================================ */
/* BLOG HOME */
#bgbloghome {width:100%;margin:0 auto;padding:0;}
#bobloghome {width:100%;margin:0 auto;padding:0;}
#bloghomebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}

#bloghomehead {width:1200px;margin:0 auto;padding:50px;background:var(--bgdesc);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
.bloghometoptit {margin:0;padding:0;}
.bloghometoptit h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.bloghometopsde {margin:0;padding:0;}
.bloghometopsde h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
.bloghometopdes {margin:10px auto 50px;padding:0;}
.bloghometopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
.bloghometopmor {margin:0;padding:0;text-align:right;} 
.bloghometopmor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
.bloghometopmor a:hover {color:var(--gold01);text-decoration:underline;}

#bloghomebodi {width:100%;margin:0 auto;padding:50px;display:flex;flex-wrap:wrap;}
#bloghomebotbox {width:24%;margin:0 0.5% 1%;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}
#bloghomebothed {width:100%;margin:0 auto;padding:0;}
.bloghomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.bloghomebotimg img {width:100%;height:auto;line-height:0;clip-path: polygon(100% 0, 100% 95%, 20% 100%, 0 95%, 0 0);}
.bloghomebotimg a {line-height:0;}
#bloghomebotfot {width:100%;margin:0 auto;padding:20px 20px 30px;}
.bloghomebotdet {margin:0;padding:0;font-weight:700;font-size:13px;font-family:var(--font1);color:var(--gold01);}
.bloghomebottit {margin:0;padding:0;}
.bloghomebottit h2 {font-weight:700;font-size:17px;font-family:var(--font2);}
.bloghomebottit a {color:var(--black0);}
.bloghomebottit a:hover {color:var(--redred);}
.bloghomebotdes {margin:5px 0 0;padding:0;}
.bloghomebotdes h3 {font-weight:400;font-size:15px;font-family:var(--font1);color:var(--gray44);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbloghome {width:100%;margin:0 auto;padding:0;}
			#bobloghome {width:100%;margin:0 auto;padding:0;}
			#bloghomebox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}

			#bloghomehead {width:90%;margin:0 auto;padding:5%;background:var(--bgdesc);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			.bloghometoptit {margin:0;padding:0;}
			.bloghometoptit h2 {font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.bloghometopsde {margin:0;padding:0;}
			.bloghometopsde h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:var(--black0);}
			.bloghometopdes {margin:10px auto 50px;padding:0;}
			.bloghometopdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}
			.bloghometopmor {margin:0;padding:0;text-align:center;} 
			.bloghometopmor a {font-weight:500;font-size:12px;font-family:var(--font1);color:var(--redred);}
			.bloghometopmor a:hover {color:var(--gold01);text-decoration:underline;}

			#bloghomebodi {width:100%;margin:0 auto;padding:5% 0;display:flex;flex-wrap:wrap;}
			#bloghomebotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}
			#bloghomebothed {width:100%;margin:0 auto;padding:0;}
			.bloghomebotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.bloghomebotimg img {width:100%;height:auto;line-height:0;clip-path: polygon(100% 0, 100% 95%, 20% 100%, 0 95%, 0 0);}
			.bloghomebotimg a {line-height:0;}
			#bloghomebotfot {width:100%;margin:0 auto;padding:20px 20px 30px;}
			.bloghomebotdet {margin:0;padding:0;font-weight:700;font-size:13px;font-family:var(--font1);color:var(--gold01);}
			.bloghomebottit {margin:0;padding:0;}
			.bloghomebottit h2 {font-weight:700;font-size:17px;font-family:var(--font2);}
			.bloghomebottit a {color:var(--black0);}
			.bloghomebottit a:hover {color:var(--redred);}
			.bloghomebotdes {margin:5px 0 0;padding:0;}
			.bloghomebotdes h3 {font-weight:400;font-size:15px;font-family:var(--font1);color:var(--gray44);}
		}
	}
}
/* ================================================================================================================================================================== */
/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:0;}
#boblogpage {width:100%;margin:0 auto;padding:0;}

#bgblogpageheader {width:100%;margin:0;padding:20px 0 50px;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#boblogpageheader {width:80%;margin:0 auto;padding:0;color:var(--whiteF);display:flex;align-items:center;}
#boblogpageheaderleft {width:50%;margin:0;padding:0;}
.boblogpageheaderimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.boblogpageheaderimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#boblogpageheaderrite {width:50%;margin:0;padding-left:20px;}
.boblogpageheadercat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
.boblogpageheadertit {margin:0 0 10px;padding:0;}
.boblogpageheadertit h1 {font-weight:700;font-size:24px;font-family:var(--font2);}
.boblogpageheaderdes {margin:0;padding:0;}
.boblogpageheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

#boblogpagebot {width:100%;margin:0 auto;padding:0;}

#boblogpagebotleft {width:60%;float:left;margin:0;padding:50px 50px 50px 165px;}
#blogpagehead {margin:0 auto 20px;padding:0;}
.blogpageheadtop {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.blogpageheadbot {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--black0);}

#blogpagebox {width:100%;margin:0 auto 5%;padding:0;background:var(--whiteF);overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;}
#blogpageboxleft {width:35%;margin:0 auto;padding:0;}
.blogpageboxtopimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.blogpageboxtopimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
.blogpageboxtopimg a {line-height:0;}
#blogpageboxrite {width:65%;margin:0 auto;padding:0 20px;}
.blogpageboxbotdet {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.blogpageboxbottit {margin:0 auto;padding:0;}
.blogpageboxbottit h2 {font-weight:700;font-size:18px;font-family:var(--font2);}
.blogpageboxbottit a {color:var(--black0);}
.blogpageboxbottit a:hover {color:var(--redred);}
.blogpageboxbotdes {margin:0;padding:0;}
.blogpageboxbotdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

/* BLOG POPULER */
#boblogpagebotrite {width:40%;float:left;margin:0;padding:50px 150px 50px 50px;background:var(--bggold);position:sticky;top:120px;align-self:stretch;}
#blogpopbox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;}
#blogpopboxleft {width:35%;margin:0 auto;padding:0;}
.blogpopboxtopimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.blogpopboxtopimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
.blogpopboxtopimg a {line-height:0;}
#blogpopboxrite {width:65%;margin:0 auto;padding:0 20px;}
.blogpopboxbotdet {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
.blogpopboxbottit {margin:0 auto;padding:0;}
.blogpopboxbottit h2 {font-weight:700;font-size:16px;font-family:var(--font2);}
.blogpopboxbottit a {color:var(--black0);}
.blogpopboxbottit a:hover {color:var(--redred);}
.blogpopboxbotdes {margin:5px auto 10px;padding:0;}
.blogpopboxbotviw {font-weight:400;font-size:12px;font-family:var(--font1);color:var(--gray99);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgblogpage {width:100%;margin:0 auto;padding:0;}
			#boblogpage {width:100%;margin:0 auto;padding:0;}

			#bgblogpageheader {width:100%;margin:0;padding:0;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#boblogpageheader {width:100%;margin:0 auto;padding:0 0 5%;color:var(--whiteF);display:flex;flex-wrap:wrap;align-items:center;}
			#boblogpageheaderleft {width:100%;margin:0;padding:0;}
			.boblogpageheaderimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
			.boblogpageheaderimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
			#boblogpageheaderrite {width:100%;margin:0;padding:5%;}
			.boblogpageheadercat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
			.boblogpageheadertit {margin:0 0 10px;padding:0;}
			.boblogpageheadertit h1 {font-weight:700;font-size:24px;font-family:var(--font2);}
			.boblogpageheaderdes {margin:0;padding:0;}
			.boblogpageheaderdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

			#boblogpagebot {width:100%;margin:0 auto;padding:0;}

			#boblogpagebotleft {width:100%;float:left;margin:0;padding:5%;}
			#blogpagehead {margin:0 auto 5%;padding:0;}
			.blogpageheadtop {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.blogpageheadbot {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--black0);}

			#blogpagebox {width:100%;margin:0 auto 5%;padding:0;background:var(--whiteF);overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;}
			#blogpageboxleft {width:100%;margin:0 auto;padding:0;}
			.blogpageboxtopimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
			.blogpageboxtopimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
			.blogpageboxtopimg a {line-height:0;}
			#blogpageboxrite {width:100%;margin:0 auto;padding:5%;}
			.blogpageboxbotdet {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.blogpageboxbottit {margin:0 auto;padding:0;}
			.blogpageboxbottit h2 {font-weight:700;font-size:18px;font-family:var(--font2);}
			.blogpageboxbottit a {color:var(--black0);}
			.blogpageboxbottit a:hover {color:var(--redred);}
			.blogpageboxbotdes {margin:0;padding:0;}
			.blogpageboxbotdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

			/* BLOG POPULER */
			#boblogpagebotrite {width:100%;float:left;margin:0;padding:5%;background:var(--bggold);position:sticky;top:120px;align-self:stretch;}
			#blogpopbox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;}
			#blogpopboxleft {width:35%;margin:0 auto;padding:0;}
			.blogpopboxtopimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
			.blogpopboxtopimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
			.blogpopboxtopimg a {line-height:0;}
			#blogpopboxrite {width:65%;margin:0 auto;padding:0 0 0 5%;}
			.blogpopboxbotdet {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--gold01);}
			.blogpopboxbottit {margin:0 auto;padding:0;}
			.blogpopboxbottit h2 {font-weight:700;font-size:16px;font-family:var(--font2);}
			.blogpopboxbottit a {color:var(--black0);}
			.blogpopboxbottit a:hover {color:var(--redred);}
			.blogpopboxbotdes {margin:5px auto 10px;padding:0;}
			.blogpopboxbotviw {font-weight:400;font-size:12px;font-family:var(--font1);color:var(--gray99);}
		}
	}
}
/* ================================================================================================================================================================== */

/* BLOG DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:50px 0;}
#boblogdetails {width:1200px;margin:0 auto;padding:0;}

#boblogdetailsleft {width:57%;float:left;margin:0 auto;padding:0;}
#boblogdetailsrite {width:41%;float:left;margin:0 0 0 2%;padding:0;position:sticky;top:130px;}

/* DETAILS */
#blogdetailstop {width:100%;margin:0 auto;padding:0;}
.blogdetailscat {margin:0;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--redred);}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
.blogdetailsdet {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gray44);}

#blogdetailsmid {width:100%;margin:20px auto;padding:0 10px;}
.blogdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.blogdetailsimg img {width:100%;height:auto;clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}

#blogdetailsbot {width:100%;margin:0 auto;padding:0 20px;background:var(--whiteF);}
.blogdetailsdes {margin:0;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray22);}
.blogdetailsdes h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray11);}
.blogdetailsdes h3 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray11);}
.blogdetailsdes p {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray22);}
.blogdetailsdes a {font-weight:400;color:var(--orange);}
.blogdetailsdes a:hover {color:var(--black0);}
.blogdetailsdes ol {list-style:decimal;margin-left:20px;}
.blogdetailsdes ul {list-style:disc;margin-left:20px;}

#blogdetailsfot {margin:25px auto 0;padding:25px;background:var(--bggold);border:1px solid var(--gold01);}
#blogdetailshed {margin:0 auto 20px;padding:0;}
.blogdetailsnot {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.blogdetailstex {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray22);}
#blogdetailsbut {margin:0;padding:0;display:flex;}
.blogdetailstom {margin:0 1%;padding:0;}

/* LIST */
#blogdetailslisthead {margin:0 auto 20px;padding:0;}
.blogdetailslistheadbot {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--gold01);}

#blogdetailslist {width:100%;margin:0 auto;padding:20px;background:var(--bggold);display:flex;flex-wrap:wrap;}
#blogdetailslistbox {width:100%;margin:0 auto 5%;padding:0;display:flex;align-items:center;}
#blogdetailslistboxtop {width:50%;margin:0 auto;padding:0;}
.blogdetailslistimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
.blogdetailslistimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#blogdetailslistboxbot {width:50%;margin:0 auto;padding:0 10px;}
.blogdetailslistdet {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:var(--font1);color:var(--gold01);}
.blogdetailslisttit {margin:0 auto;padding:0;}
.blogdetailslisttit h2 {font-weight:700;font-size:17px;font-family:var(--font2);}
.blogdetailslisttit a {color:var(--black01);}
.blogdetailslisttit a:hover {color:var(--redred);}
.blogdetailslistviw {font-weight:400;font-size:13px;font-family:var(--font1);color:var(--gray66);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgblogdetails {width:100%;margin:0 auto;padding:5% 0;}
			#boblogdetails {width:100%;margin:0 auto;padding:0;}

			#boblogdetailsleft {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:2px solid var(--graydd);}
			#boblogdetailsrite {width:100%;float:left;margin:0;padding:0;position:relative;top:0;}

			/* DETAILS */
			#blogdetailstop {width:100%;margin:0 auto;padding:0 5%;}
			.blogdetailscat {margin:0;padding:0;font-weight:700;font-size:14px;font-family:var(--font1);color:var(--redred);}
			.blogdetailstit {margin:0 auto;padding:0;}
			.blogdetailstit h1 {font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
			.blogdetailsdet {margin:0 auto;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gray44);}

			#blogdetailsmid {width:100%;margin:20px auto;padding:0;}
			.blogdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
			.blogdetailsimg img {width:100%;height:auto;clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);}

			#blogdetailsbot {width:100%;margin:0 auto;padding:0 20px;background:var(--whiteF);}
			.blogdetailsdes {margin:0;padding:0;font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray22);}
			.blogdetailsdes h2 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray11);}
			.blogdetailsdes h3 {font-weight:700;font-size:18px;font-family:var(--font1);color:var(--gray11);}
			.blogdetailsdes p {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray22);}
			.blogdetailsdes a {font-weight:400;color:var(--orange);}
			.blogdetailsdes a:hover {color:var(--black0);}
			.blogdetailsdes ol {list-style:decimal;margin-left:20px;}
			.blogdetailsdes ul {list-style:disc;margin-left:20px;}

			#blogdetailsfot {margin:5% auto 0;padding:5%;background:var(--bggold);border:1px solid var(--gold01);}
			#blogdetailshed {margin:0 auto 20px;padding:0;}
			.blogdetailsnot {font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.blogdetailstex {font-weight:400;font-size:14px;font-family:var(--font1);color:var(--gray22);}
			#blogdetailsbut {margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.blogdetailstom {margin:0 0 5%;padding:0;}
			
			/* LIST */
			#blogdetailslisthead {margin:0 auto 20px;padding:0;}
			.blogdetailslistheadbot {font-weight:700;font-size:20px;font-family:var(--font1);color:var(--gold01);text-align:center;}

			#blogdetailslist {width:90%;margin:0 auto;padding:5%;background:var(--bggold);display:flex;flex-wrap:wrap;}
			#blogdetailslistbox {width:100%;margin:0 auto 5%;padding:0;display:flex;align-items:flex-start;}
			#blogdetailslistboxtop {width:40%;margin:0 auto;padding:0;}
			.blogdetailslistimg {width:100%;height:auto;overflow:hidden;margin:0;padding:0;line-height:0;}
			.blogdetailslistimg img {width:100%;height:auto;line-height:0;clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);}
			#blogdetailslistboxbot {width:60%;margin:0 auto;padding:0 0 0 5%;}
			.blogdetailslistdet {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:var(--font1);color:var(--gold01);}
			.blogdetailslisttit {margin:0 auto;padding:0;}
			.blogdetailslisttit h2 {font-weight:700;font-size:17px;font-family:var(--font2);}
			.blogdetailslisttit a {color:var(--black01);}
			.blogdetailslisttit a:hover {color:var(--redred);}
			.blogdetailslistviw {font-weight:400;font-size:13px;font-family:var(--font1);color:var(--gray66);}
		}
	}
}
/* ================================================================================================================================================================== */

/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:0;}
#bocontact {width:100%;margin:0 auto;padding:0;}

#bgcontacttop {width:100%;margin:0 auto;padding:20px 0 50px;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
#bocontacttop {width:80%;margin:0 auto;padding:0;color:var(--whiteF);display:flex;align-items:center;}
#bocontacttopleft {width:50%;margin:0;padding:0;}
.bocontacttopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.bocontacttopimg img {width:100%;height:auto;clip-path: polygon(0 1%, 95% 0, 100% 50%, 95% 100%, 0 100%);}
#bocontacttoprite {width:50%;margin:0;padding:0 0 0 20px;}
.bocontacttopcat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
.bocontacttoptit {margin:0 0 20px;padding:0;}
.bocontacttoptit h1 {font-weight:700;font-size:25px;font-family:var(--font2);}
.bocontacttopdes {margin:0;padding:0;}
.bocontacttopdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

#bocontactmid {width:1200px;margin:0 auto;padding:20px 0;display:flex;flex-wrap:wrap;}

#bocontactmidbox {width:600px;margin:0 auto;padding:0 20px;}
.bocontactmidleftboxcat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
.bocontactmidleftboxtit {margin:0 0 20px;padding:0;font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
.bocontactmidleftboxdes {margin:0 0 50px;padding:0;font-weight:400;font-size:18px;font-family:var(--font1);}
.bocontactmidleftboxdes a {font-weight:400;color:var(--redred);}
.bocontactmidleftboxdes a:hover {color:var(--black0);}
.bocontactmidleftboxmap {margin:0;padding;0;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgcontact {width:100%;margin:0 auto;padding:0;}
			#bocontact {width:100%;margin:0 auto;padding:0;}

			#bgcontacttop {width:100%;margin:0 auto;padding:0;background:var(--gold01);clip-path: polygon(0 0, 100% 0%, 100% 98%, 50% 100%, 0 98%);}
			#bocontacttop {width:100%;margin:0 auto;padding:0 0 5%;color:var(--whiteF);display:flex;flex-wrap:wrap;align-items:center;}
			#bocontacttopleft {width:100%;margin:0;padding:0;}
			.bocontacttopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
			.bocontacttopimg img {width:100%;height:auto;clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
			#bocontacttoprite {width:100%;margin:0;padding:5%;}
			.bocontacttopcat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);text-transform:uppercase;}
			.bocontacttoptit {margin:0 0 20px;padding:0;}
			.bocontacttoptit h1 {font-weight:700;font-size:25px;font-family:var(--font2);}
			.bocontacttopdes {margin:0;padding:0;}
			.bocontacttopdes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}

			#bocontactmid {width:90%;margin:0 auto;padding:20px 0;display:flex;flex-wrap:wrap;}

			#bocontactmidbox {width:100%;margin:0 auto;padding:0;}
			.bocontactmidleftboxcat {margin:0;padding:0;font-weight:700;font-size:16px;font-family:var(--font1);color:var(--gold01);}
			.bocontactmidleftboxtit {margin:0 0 20px;padding:0;font-weight:700;font-size:24px;font-family:var(--font2);color:var(--black0);}
			.bocontactmidleftboxdes {margin:0 0 50px;padding:0;font-weight:400;font-size:18px;font-family:var(--font1);}
			.bocontactmidleftboxdes a {font-weight:400;color:var(--redred);}
			.bocontactmidleftboxdes a:hover {color:var(--black0);}
			.bocontactmidleftboxmap {margin:0;padding;0;}
		}
	}
}
/* ================================================================================================================================================================== */

/* ERROR PAGE */
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#boerror {width:1200px;margin:0 auto;padding:0;}
#errorco {margin:0 auto;padding:0;text-align:center;}
.errortit {margin:0 auto;padding:0;}
.errortit h1 {font-weight:700;font-size:30px;font-family:var(--font1);color:var(--orange);}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:20px;font-family:var(--font1);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	#bgerror {width:100%;margin:0 auto;padding:50px 0;}
	#boerror {width:90%;margin:0 auto;padding:0;}
	#errorco {margin:0 auto;padding:0;text-align:center;}
	.errortit {margin:0 auto;padding:0;}
	.errortit h1 {font-weight:700;font-size:30px;font-family:var(--font1);color:var(--orange);}
	.errordes {margin:0 auto;padding:0;}
	.errordes h2 {font-weight:400;font-size:20px;font-family:var(--font1);}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		#bgerror {width:100%;margin:0 auto;padding:50px 0;}
		#boerror {width:96%;margin:0 auto;padding:0;}
		#errorco {margin:0 auto;padding:0;text-align:center;}
		.errortit {margin:0 auto;padding:0;}
		.errortit h1 {font-weight:700;font-size:30px;font-family:var(--font1);color:var(--orange);}
		.errordes {margin:0 auto;padding:0;}
		.errordes h2 {font-weight:400;font-size:20px;font-family:var(--font1);}
		/* MOBILE */
		@media screen and (max-width:503px) 
		{
			#bgerror {width:100%;margin:0 auto;padding:5% 0;}
			#boerror {width:90%;margin:0 auto;padding:0;}
			#errorco {margin:0 auto;padding:0;text-align:center;}
			.errortit {margin:0 auto;padding:0;}
			.errortit h1 {font-weight:700;font-size:30px;font-family:var(--font1);color:var(--orange);}
			.errordes {margin:0 auto;padding:0;}
			.errordes h2 {font-weight:400;font-size:18px;font-family:var(--font1);}
		}
	}
}
/* ================================================================================================================================================================== */

/* HARGA PAGE */
#bgpricehead {width:100%;margin:0 auto;padding:0;}
#bopricehead {width:1200px;margin:0 auto;padding:0;}

#bopriceheadbox {margin:20px auto;padding:0}
.bopriceheadcat {margin:0;padding:0;}
.bopriceheadcat h3 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--redred)}
.bopriceheadtit {margin:0;padding:0;}
.bopriceheadtit h1 {font-weight:700;font-size:22px;font-family:var(--font2);color:var(--black0);}
.bopriceheaddes {margin:0;padding:0;}
.bopriceheaddes h2 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray44);}

#bgpricelist {width:100%;margin:0 auto;padding:0 0 50px;}
#bopricelist {width:100%;margin:0 auto;padding:0;}

#pricedestop {display:block;}
#pricemobile {display:none;}

#hepricelist {width:1200px;margin:0 auto 10px;padding:0;}
.hepricelisttit {margin:0 auto;padding:0;}
.hepricelisttit h1 {font-weight:700;font-size:14px;font-family:var(--font1);color:#000000;}
#supricelist {width:1200px;margin:0 auto;padding:0;}
.supricelistsub {margin:0 auto;padding:0;}
.supricelistsub h2 {font-weight:700;font-size:22px;font-family:var(--font2);color:#000000;}
.supricelistdes {margin:0 auto;padding:0;}
.supricelistdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:#000000;}

#copricelist {width:1200px;margin:10px auto 0;padding:0;}
#copricelisttab {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid var(--tosca3);}
#copricelisttabtab {width:25%;float:left;}

#copricelistcol {width:auto;overflow-x:hidden;}
.copricelisttit {margin:0 auto;padding:0;}
.copricelisttit h1 {font-weight:700;font-size:20px;font-family:var(--font1);color:#FD3901;}
.copricelistdes {margin:0 auto;padding:0;}
.copricelistdes h2 {font-weight:400;font-size:16px;font-family:var(--font1);}

#pricelistrow {margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;}
.pricelistrowimg {width:10%;margin:0;padding:0;}
.pricelistrowimg img {width:100%;height:auto;}
.pricelistrownem {width:25%;margin:0;padding:0;}
.pricelistrowcat {width:10%;margin:0;padding:0;}
.pricelistrowsit {width:10%;margin:0;padding:0;}
.pricelistrowday {width:10%;margin:0;padding:0;text-align:center;}
.pricelistrowpri {width:20%;margin:0;padding:0;text-align:right;}
.pricelistrowbut {width:10%;margin:0;padding:0;text-align:center;}
/* LANDSCAPE */ 
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgpricehead {width:100%;margin:0 auto;padding:0;}
			#bopricehead {width:90%;margin:0 auto;padding:0;}

			#bopriceheadbox {margin:20px auto;padding:0}
			.bopriceheadcat {margin:0;padding:0;}
			.bopriceheadcat h3 {font-weight:700;font-size:14px;font-family:var(--font1);text-transform:uppercase;color:var(--orange)}
			.bopriceheadtit {margin:0;padding:0;}
			.bopriceheadtit h1 {font-weight:700;font-size:22px;font-family:var(--font2);color:var(--tosca3);}
			.bopriceheaddes {margin:0;padding:0;}
			.bopriceheaddes h2 {font-weight:400;font-size:16px;font-family:var(--font1);color:var(--gray22);}
			
			#bgpricelist {width:100%;margin:0 auto;padding:0 0 50px;}
			#bopricelist {width:100%;margin:0 auto;padding:0;}

			#pricedestop {display:block;}
			#pricemobile {display:none;}

			#hepricelist {width:90%;margin:0 auto 10px;padding:0;}
			.hepricelisttit {margin:0 auto;padding:0;}
			.hepricelisttit h1 {font-weight:700;font-size:16px;font-family:var(--font1);color:#000000;}
			#supricelist {width:90%;margin:0 auto;padding:0;}
			.supricelistsub {margin:0 auto;padding:0;}
			.supricelistsub h2 {font-weight:700;font-size:20px;font-family:var(--font2);color:#000000;}
			.supricelistdes {margin:0 auto;padding:0;}
			.supricelistdes h3 {font-weight:400;font-size:16px;font-family:var(--font1);color:#000000;}

			#copricelist {width:90%;margin:10px auto 0;padding:0;}
			#copricelisttab {width:100%;margin:20px auto 0;padding:0;border-bottom:1px solid var(--tosca3);}
			#copricelisttabtab {width:50%;float:left;padding:4px 2px;}

			#copricelistcol {width:auto;overflow-x:hidden;}
			.copricelisttit {margin:0 auto;padding:0;}
			.copricelisttit h1 {font-weight:700;font-size:20px;font-family:var(--font1);color:#FD3901;}
			.copricelistdes {margin:0 auto;padding:0;}
			.copricelistdes h2 {font-weight:400;font-size:16px;font-family:var(--font1);}

			#pricelistrow {margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
			.pricelistrowimg {width:30%;margin:0;padding:0;}
			.pricelistrowimg img {width:100%;height:auto;}
			.pricelistrowcat {width:40%;margin:0;padding:0;}
			.pricelistrowsit {width:30%;margin:0;padding:0;}
			.pricelistrownem {width:40%;margin:0;padding:0;}
			.pricelistrowday {width:30%;margin:0;padding:0;text-align:left;}
			.pricelistrowpri {width:30%;margin:0;padding:0;text-align:left;}
			.pricelistrowbut {width:100%;margin:10px auto 0;padding:0;text-align:right;} 

		}
	}
}
/* ================================================================================================================================================================== */


/* LOADING */
#loading {text-align:center;padding:5% 0;}
.loader {border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #253544;border-bottom:5px solid #253544;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto;}
@-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg);} 100% { -webkit-transform:rotate(360deg);}}
@keyframes spin {0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);}}
/* ================================================================================================================================================================== */

/* LOADER INTRO */
#loader-wrapper {position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gold01);display:flex;justify-content:center;align-items:center;z-index:999999;transition:opacity 0.6s ease, visibility 0.6s;}
.loader-container {text-align:center;width:300px;}
.loader-logo {width:100%;height:auto;margin-bottom:20px;animation:pulse 1.5s infinite ease-in-out;}
.progress-box {width:100%;height:6px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;}
.progress-bar {width:0%;height:100%;background-color:var(--tosca4);border-radius:10px;transition:width 0.4s ease;}
@keyframes pulse {
    0%, 100% { transform:scale(1);opacity:1;}
    50% { transform:scale(1.05);opacity:0.8;}
}
@keyframes loading-sim {
    0% { width:0%;}
    50% { width:70%;}
    100% { width:100%;}
}
.loader-hidden {opacity:0;visibility:hidden;}
/* ================================================================================================================================================================== */




/* ================================================================================================================================================================== */
/* === BUTTON === */
/* ================================================================================================================================================================== */
/* AUTO BUTTON */
.autobutton {background:var(--gold01);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:700;font-size:14px;font-family:var(--font1);padding:10px 20px;text-decoration:none;} 
.autobutton:hover {background:var(--tosca3);}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

/* FULL BUTTON */
.fullbutton {background:var(--gold01);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:16px;font-family:var(--font1);padding:10px 0;text-align:center;text-decoration:none;width:100%;margin:5% auto 0;} 
.fullbutton:hover {background:var(--tosca3);}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

/* SEARCH BUTTON */
.searchbutton {background:var(--gold01);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:700;font-size:12px;font-family:var(--font1);padding:8px 0;text-decoration:none;width:30%;}
.searchbutton:hover {background:var(--black0);}
.searchbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.searchbutton {background:var(--gold01);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:700;font-size:12px;font-family:var(--font1);padding:10px 0;text-decoration:none;width:100%;}
	.searchbutton:hover {background:var(--black0);}
	.searchbutton:active {position:relative;top:1px;}
}
/* ================================================================================================================================================================== */

/* BOOKING BUTTON */
.bookingbutton {background:var(--gold01);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:700;font-size:14px;font-family:var(--font1);padding:5px 20px;text-decoration:none;} 
.bookingbutton:hover {background:var(--gold01);}
.bookingbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

/* DETAILS BUTTON */
.detailbutton {background:var(--whiteF);border-radius:3px;background:var(--gray33);display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:12px;font-family:var(--font1);padding:5px 15px;text-decoration:none;text-align:center;text-transform:uppercase;}
.detailbutton:hover {background:var(--greena);color:var(--whiteF);}
.detailbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px) 
{
	
}
/* ================================================================================================================================================================== */

.wabutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF)!important;font-family:var(--font1);font-size:12px;padding:10px 30px;text-decoration:none;width:auto;}
.wabutton:hover {background:#B90000;}
.wabutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

.tabbutton {background:var(--gold01);border-radius:0;border:none;display:inline-block;cursor:pointer;color:var(--whiteF)!important;font-weight:700;font-family:var(--font1);font-size:14px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:var(--gold01);}
.tabbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

.morebutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:700;font-size:12px;font-family:var(--font1);border:1px solid var(--redred);color:var(--redred);border-radius:3px;}
.morebutton:hover {background:var(--redred);color:var(--whiteF);}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */

.bussbutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:700;font-size:12px;font-family:var(--font1);background:var(--gold01);color:var(--whiteF);display:flex;justify-content:space-evenly;align-items:center;text-transform:uppercase;}
.bussbutton:hover {background:#028E97;color:var(--whiteF);}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */


.ratebutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:700;font-size:12px;font-family:var(--font1);background:var(--orange);color:var(--whiteF);display:flex;justify-content:space-evenly;align-items:center;text-transform:uppercase;}
.ratebutton:hover {background:#BC4202;color:var(--whiteF);}
@media screen and (max-width:990px)
{
	
}
/* ================================================================================================================================================================== */