/* 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 {
	--greena:#009A4C;
	--greenb:#004E26;
	--greenc:#B0CE22;
	--gray11:#111111;
	--gray22:#222222;
	--gray33:#333333;
	--gray66:#666666;
	--whiteF:#FFFFFF;
	--bluess:#204690;
	--redred:#C93F40;	
}

/* 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);} 
.warnasatu {color:var(--greenc);}
.warnaduas {color:var(--greena);}
.warnatiga {color:var(--gray33);}
.warnaenam {color:var(--gray66);}
.warnanine {color:#999999;}
*, *::before, *::after {box-sizing:border-box;} 
::-webkit-scrollbar {width:5px;height:0;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}

#linebox {width:500px;margin:-5px auto;padding:5px 0;background:var(--greenc);border-radius:10px;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);} 
	.warnasatu {color:var(--greenc);}
	.warnaduas {color:var(--greena);}
	.warnatiga {color:var(--gray33);}
	.warnaenam {color:var(--gray66);}
	.warnanine {color:#999999;}
	*, *::before, *::after {box-sizing:border-box;}
	::-webkit-scrollbar {width:5px;height:0;}
	::-webkit-scrollbar-track {background:#F2F2F2;}
	::-webkit-scrollbar-thumb {background:#DDDDDD;}
	::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
	/* 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);} 
		.warnasatu {color:var(--greenc);}
		.warnaduas {color:var(--greena);}
		.warnatiga {color:var(--gray33);}
		.warnaenam {color:var(--gray66);}
		.warnanine {color:#999999;}
		*, *::before, *::after {box-sizing:border-box;}
		::-webkit-scrollbar {width:5px;height:0;}
		::-webkit-scrollbar-track {background:#F2F2F2;}
		::-webkit-scrollbar-thumb {background:#DDDDDD;}
		::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
		/* 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);} 
			.warnasatu {color:var(--greenc);}
			.warnaduas {color:var(--greena);}
			.warnatiga {color:var(--gray33);}
			.warnaenam {color:var(--gray66);}
			.warnanine {color:#999999;}
			*, *::before, *::after {box-sizing:border-box;}
			::-webkit-scrollbar {width:5px;height:0;}
			::-webkit-scrollbar-track {background:#F2F2F2;}
			::-webkit-scrollbar-thumb {background:#DDDDDD;}
			::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
			
			#linebox {width:80%;margin:-5px auto;padding:5px 0;background:var(--greenc);border-radius:10px;position:relative;z-index:99;}
		}
	}
}
/* ================================================================================================================================================================== */

/* BG BODY */
#bg {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;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(--whiteF);border-top:5px solid var(--greena);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#boxtop {width:100%;margin:0 auto;padding:0;}

#boxsnav {width:100%;height:auto;margin:0 auto;padding:10px;display:flex;align-items:center;}
#boxlogo {width:7%;height:auto;margin:0 auto;padding:0;}
#boxlogo a {line-height:0;}
#boxlogo img {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
#boxmenu {width:80%;height:auto;margin:0 auto;padding:0;}
#boxhots {width:13%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--greena);color:var(--whiteF);padding:0;}
.boxhotstit {margin:0;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
.boxhotsdes {margin:0;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;}
.boxhotsdes a {color:var(--whiteF);}

#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;}
/* 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(--whiteF);border-top:5px solid var(--greena);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			#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;}
			#boxhots {width:100%;align-self:stretch;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background:var(--bluess);color:var(--whiteF);padding:2% 0;display:none;}
						
			#boxlogom {width:100%;height:auto;margin:0 auto;padding:0;float:none;text-align:center;position:relative;z-index:999;display:flex;line-height:0;align-items:center;}
			#boxlogom img {width:60%;height:auto;margin:0;padding:0;}
			#boxlogom a {line-height:0;}
			#boxlogomleft {width:50%;line-height:0;padding:10px 0 10px 10px;text-align:left;}
			
			#boxlogomrite {width:50%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background:var(--bluess);color:var(--whiteF);padding:0 10px 0 0;}
			.boxhotstit {margin:0;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;}
			.boxhotsdes {margin:0;padding:0;font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;}
			.boxhotsdes a {color:var(--whiteF);}
		}
	}
}
/* ================================================================================================================================================================== */

/* 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;}

#slideshowboxL {width:50%;height:100%;left:0;bottom:0;line-height:1;padding:0 70px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0, 0, 0, 0.5);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
.slideshowboxtitL {width:100%;margin:0 auto;padding:0;display:block;font-weight:700;font-size:60px;font-family:'Titillium Web', sans-serif;color:var(--greenc);text-align:left;line-height:1;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.slideshowboxdesL {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:40px;font-family:'Titillium Web', sans-serif;color:#fff;text-align:left;text-shadow:0 0 10px rgba(0,0,0,0.5);}
#slideshowboxC {width:100%;height:100%;left:0;bottom:0;line-height:1;padding:0;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0, 0, 0, 0.5);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
.slideshowboxtitC {width:100%;margin:0 auto;padding:0;display:block;font-weight:700;font-size:60px;font-family:'Titillium Web', sans-serif;color:var(--greenc);text-align:center;line-height:1;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.slideshowboxdesC {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:40px;font-family:'Titillium Web', sans-serif;color:#fff;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.5);}
#slideshowboxR {width:50%;height:100%;right:0;bottom:0;line-height:1;padding:0 70px;position:absolute;text-align:center;display:flex;z-index:999;background:rgba(0, 0, 0, 0.5);transform:perspective(2000px);align-self:stretch;flex-wrap:wrap;align-content:center;}
.slideshowboxtitR {width:100%;margin:0 auto;padding:0;display:block;font-weight:700;font-size:60px;font-family:'Titillium Web', sans-serif;color:var(--greenc);text-align:right;line-height:1;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.slideshowboxdesR {width:100%;margin:0 auto;padding:0;display:block;font-weight:400;font-size:40px;font-family:'Titillium Web', sans-serif;color:#fff;text-align:right;text-shadow:0 0 10px rgba(0,0,0,0.5);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	#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;}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		#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;}
		/* 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;}
		}
	}
}
/* ================================================================================================================================================================== */

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

/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:0 0 100px;background:#EBF0FB;}
#bofrontpage {width:100%;margin:0 auto;padding:0;}
#cofrontpage {width:1200px;margin:-100px auto 0;padding:50px;background:var(--whiteF);position:relative;z-index:999;border-radius:10px;}

#frontpage {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;}
#frontpageleft {width:50%;float:left;margin:0;padding:0 50px 0 0;display:flex;flex-wrap:wrap;}
.frontpagetit {width:100%;margin:0;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.frontpagesde {width:100%;margin:0;padding:0;}
.frontpagesde h1 {font-weight:600;font-size:22px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.frontpagedes {width:100%;margin:5px auto 50px;padding:0 20px 0 0;text-align:justify;}
.frontpagedes h2 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}
.frontpagemor {margin:0;padding:0;}
#frontpagerite {width:50%;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;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
/* 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:0 0 10%;background:#EBF0FB;}
			#bofrontpage {width:100%;margin:0 auto;padding:0;}
			#cofrontpage {width:90%;margin:-20px auto 0;padding:5%;background:var(--whiteF);position:relative;z-index:99;border-radius:5px;}

			#frontpage {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#frontpageleft {width:100%;float:left;margin:0 auto 10%;padding:0;display:flex;flex-wrap:wrap;}
			.frontpagetit {width:100%;margin:0;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.frontpagesde {width:100%;margin:0;padding:0;}
			.frontpagesde h1 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.frontpagedes {width:100%;margin:5px auto 50px;padding:0 20px 0 0;}
			.frontpagedes h2 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}
			.frontpagemor {margin:0;padding:0;}
			#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;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2);}
		}
	}
}
/* ================================================================================================================================================================== */

/* MILESTONE */
#bgmilestone {width:100%;margin:0;padding:100px 0;background:#EBF0FB;}
#bomilestone {width:1200px;margin:0 auto;padding:0;}

.milestone-container {margin:0;padding:0;display:flex;font-family:'Roboto', sans-serif;}
.milestonehead {width:50%;margin:0;padding:0;}
.milestoneheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.milestoneheadimg img {width:100%;height:auto;line-height;0;}
.milestoneheadbox {margin:-50px 5% 0;padding:50px;background:var(--whiteF);position:relative;z-index:999;}
.milestoneheadtit {margin:0 auto 10px;padding:0;}
.milestoneheadtit h2 {font-weight:600;font-size:30px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.milestoneheaddes {margin:0;padding:0;}
.milestoneheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.milestonebodi {width:50%;margin:0;padding:0 20px;}

.bar-row {display:flex;align-items:center;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #D6E0F7;}
.year {width:150px;font-weight:bold;font-size:16px;color:var(--greenb);}
.bar-container {flex-grow:1;background-color:transparent;margin-left:10px;}
.bar {height:40px;background-color:var(--greenb);color:var(--greenc);display:flex;align-items:center;padding-left:10px;font-weight:bold;font-family:'Roboto', sans-serif;border-radius:0 5px 5px 0;/* Animasi */width:0;animation:growBar 2s ease-out forwards;}
@keyframes growBar {
  from { width:0; }
  to { width:var(--target-width); }
}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgmilestone {width:100%;margin:0;padding:10% 0;background:#EBF0FB;}
			#bomilestone {width:90%;margin:0 auto;padding:0;}

			.milestone-container {margin:0;padding:0;display:flex;flex-wrap:wrap;font-family:'Roboto', sans-serif;}
			.milestonehead {width:100%;margin:0 auto 10%;padding:0;}
			.milestoneheadimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.milestoneheadimg img {width:100%;height:auto;line-height;0;}
			.milestoneheadbox {margin:-50px 5% 0;padding:10%;background:var(--whiteF);position:relative;z-index:99;}
			.milestoneheadtit {margin:0 auto 10px;padding:0;}
			.milestoneheadtit h2 {font-weight:600;font-size:30px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.milestoneheaddes {margin:0;padding:0;}
			.milestoneheaddes h3 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			
			.milestonebodi {width:100%;margin:0;padding:0;}
			.bar-row {display:flex;align-items:center;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #D6E0F7;}
			.year {width:150px;font-weight:bold;font-size:16px;color:var(--greenb);}
			.bar-container {flex-grow:1;background-color:transparent;margin-left:10px;}
			.bar {height:30px;background-color:var(--greenb);color:var(--greenc);display:flex;align-items:center;padding-left:10px;font-weight:bold;font-family:'Roboto', sans-serif;border-radius:0 5px 5px 0;/* Animasi */width:0;animation:growBar 2s ease-out forwards;}
			@keyframes growBar {
			  from { width:0; }
			  to { width:var(--target-width); }
			}
		}
	}
}
/* ================================================================================================================================================================== */

/* BENEFIT */
#bgbenefit {width:100%;margin:0 auto;padding:0;}
#bobenefit {width:80%;margin:0 auto;padding:0;}

#cobenefit {margin:0;padding:0;display:flex;align-items:center;}

#cobenefitleft {width:40%;margin:0;padding:0;}

#cobenefitrite {width:60%;margin:0 auto;padding:100px 150px;background:rgba(0,0,0,0.8);clip-path:polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);}
#benefitbox {margin:0 auto;padding:0;}

#benefittop {width:100%;margin:0 auto 20px;padding:0;color:var(--gray33);}
.benefittopnot {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);letter-spacing:1px;} 
.benefittoptit {margin:0 auto;padding:0;}
.benefittoptit h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.benefittopdes {margin:0 auto;padding:0;}
.benefittopdes h3 {font-weight:300;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}

#benefitbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#benefitbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
#benefitbottop {width:10%;margin:0 auto;padding:0;}
.benefitbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.benefitbotimg img {width:100%;height:auto;margin:0 auto;}
#benefitbotfot {width:90%;margin:0 auto;padding:0 20px;}
.benefitbottit {margin:0 auto;padding:0;}
.benefitbottit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.benefitbotdes {margin:0 auto;padding:0;}
.benefitbotdes h3 {font-weight:300;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}
/* 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:10% 0;}
			#bobenefit {width:90%;margin:0 auto;padding:0;}

			#cobenefit {margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			
			#cobenefitleft {width:100%;margin:0 auto 5%;padding:0;}
			
			#cobenefitrite {width:100%;margin:0 auto;padding:5%;background:rgba(0,0,0,0.8);clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
			#benefitbox {margin:0 auto;padding:0;}

			#benefittop {width:100%;margin:0 auto 20px;padding:0;color:var(--gray33);}
			.benefittopnot {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);letter-spacing:1px;} 
			.benefittoptit {margin:0 auto;padding:0;}
			.benefittoptit h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.benefittopdes {margin:0 auto;padding:0;}
			.benefittopdes h3 {font-weight:300;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}

			#benefitbot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#benefitbotbox {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
			#benefitbottop {width:15%;margin:0 auto;padding:0;}
			.benefitbotimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
			.benefitbotimg img {width:100%;height:auto;margin:0 auto;}
			#benefitbotfot {width:85%;margin:0 auto;padding:0 0 0 5%;}
			.benefitbottit {margin:0 auto;padding:0;}
			.benefitbottit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.benefitbotdes {margin:0 auto;padding:0;}
			.benefitbotdes h3 {font-weight:300;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}
		}
	}
}
/* ================================================================================================================================================================== */

/* HOTLINE BAR */
#bglinebar {width:100%;margin:0 auto;padding:100px 0;background:#EBF0FB;}
#bolinebar {width:1000px;margin:0 auto;padding:0;}
#bolinebarbox {margin:0 auto;padding:0;display:flex;align-items:center;}
#bolinebarleft {width:53%;margin:0 2% 0 0;padding:0;}
.bolinebarimg {width:100%;margin:0;padding:0;overflow:hidden;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.bolinebarimg img {width:100%;margin:0;padding:0;}
#bolinebarrite {width:50%;margin:0 0 0 -5%;padding:50px;background:var(--whiteF);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.bolinebartit {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.bolinebarsub {margin:0 auto;padding:0;}
.bolinebarsub h2 {font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.bolinebardes {margin:10px auto 20px;padding:0;}
.bolinebardes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#bolinebarlist {margin:0 auto;padding:0;}
#bolinebarlistbox {margin:0 auto;padding:0;display:flex;align-items:center;}
#bolinebarlistleft {width:10%;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:90%;margin:0 auto;padding:0 10px;}
.bolinebarlisttop {margin:0;padding:0;}
.bolinebarlisttop a {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
.bolinebarlistnot {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)
		{
			#bglinebar {width:100%;margin:0 auto;padding:10% 0;background:#EBF0FB;}
			#bolinebar {width:90%;margin:0 auto;padding:0;}
			#bolinebarbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#bolinebarleft {width:100%;margin:0;padding:0;}
			.bolinebarimg {width:100%;margin:0;padding:0;overflow:hidden;line-height:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			.bolinebarimg img {width:100%;margin:0;padding:0;}
			#bolinebarrite {width:100%;margin:-10px 5% 0;padding:5%;background:var(--whiteF);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			.bolinebartit {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.bolinebarsub {margin:0 auto;padding:0;}
			.bolinebarsub h2 {font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.bolinebardes {margin:10px auto 20px;padding:0;}
			.bolinebardes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#bolinebarlist {margin:0 auto;padding:0;}
			#bolinebarlistbox {margin:0 auto;padding:0;display:flex;align-items:center;}
			#bolinebarlistleft {width:20%;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:80%;margin:0 auto;padding:0 10px;}
			.bolinebarlisttop {margin:0;padding:0;}
			.bolinebarlisttop a {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
			.bolinebarlistnot {margin:0;padding:0;}
		}
	}
}
/* ====================================================================================================================================================== */

/* BOTTOM 0 */
#bgbottomb {width:100%;margin:0 auto;padding:100px 0;background:var(--gray33);}
#bobottomb {width:1200px;margin:0 auto;padding:0;display:flex;justify-content:space-between;}

#bobottomba {width:60%;margin:0 5% 0 0;padding:0;}
#bottombboxa {width:100%;margin:0;padding:0;}
.bottombimga {margin:0 auto 20px;padding:0;}
.bottombtita {margin:0 auto 20px;padding:0 0 10px;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;border-bottom:2px solid var(--greenc);}
.bottombdesa {margin:0 auto;padding:0;}
.bottombdesa h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}

#bobottombb {width:35%;margin:0 auto;padding:0;}
#bottombboxb {width:100%;margin:0;padding:0;}
.bottombimgb {margin:0 auto 20px;padding:0;}
.bottombtitb {margin:0 auto 20px;padding:0;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;}
.bottombdesb {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--whiteF);}
.bottombdesb li {list-style:none;margin:0 auto 10px;padding:0;} 
.bottombdesb a {color:#F7F9DD;}
.bottombdesb a:hover {color:var(--greenc);}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{ 
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			#bgbottomb {width:100%;margin:0 auto;padding:10% 0;background:var(--gray33);}
			#bobottomb {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
			
			#bobottomba {width:100%;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #444444;}
			#bottombboxa {width:100%;margin:0;padding:0;}
			.bottombimga {margin:0 auto 20px;padding:0;}
			.bottombtita {margin:0 auto 20px;padding:0 0 10px;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;border-bottom:2px solid var(--greenc);}
			.bottombdesa {margin:0 auto;padding:0;}
			.bottombdesa h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--whiteF);text-align:justify;}

			#bobottombb {width:100%;margin:0 auto;padding:0;}
			#bottombboxb {width:100%;margin:0;padding:0;}
			.bottombimgb {margin:0 auto 20px;padding:0;}
			.bottombtitb {margin:0 auto 20px;padding:0;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;}
			.bottombdesb {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--whiteF);}
			.bottombdesb li {list-style:none;margin:0 auto 10px;padding:0;} 
			.bottombdesb a {color:#F7F9DD;}
			.bottombdesb a:hover {color:var(--greenc);}
		}
	}
}
/* ================================================================================================================================================================== */

/* BOTTOM 1 */
#bgbottom {width:100%;margin:0 auto;padding:100px 0;background:#222222;}
#bobottom {width:1000px;margin:0 auto;padding:0;display:flex;justify-content:space-between;}
#bottombox {width:auto;margin:0;padding:0;} 
.bottomtit {margin:0 auto 20px;padding:0;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;}
.bottomdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--whiteF);}
.bottomdes li {list-style:circle;margin:0 0 10px 20px;padding:0;} 
.bottomdes a {color:#F7F9DD;}
.bottomdes a:hover {color:var(--greenc);}
/* 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:10% 0;background:#222222;}
			#bobottom {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
			#bottombox {width:100%;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #333333;}
			.bottomtit {margin:0 auto 10px;padding:0;font-weight:600;font-size:20px;color:var(--greenc);text-transform:uppercase;}
			.bottomdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--whiteF);}
			.bottomdes li {list-style:circle;margin:0 0 10px 20px;padding:0;} 
			.bottomdes a {color:#F7F9DD;}
			.bottomdes a:hover {color:var(--greenc);}
		}
	}
}
/* ================================================================================================================================================================== */

/* FOOTER */
#bgfooter {width:100%;margin:0 auto;padding:50px 0;background:var(--gray11);}
#bofooter {width:90%;margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;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:50px 0;background:var(--gray11);}
			#bofooter {width:90%;margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;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;}

#pageshed {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
#pageshedbox {margin:0 auto;padding:0;display:flex;align-items:center;color:var(--whiteF);}
#pageshedboxfull {margin:0 auto;padding:5%;}
#pageshedboxleft {width:100%;margin:0;padding:0;}
.pageshedimg {width:100%;height:450px;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.pageshedimg img {width:100%;height:auto;}
#pageshedboxrite {width:45%;height:450px;margin:0;padding:5%;position:absolute;background:rgba(0,0,0,0.7);right:0;align-self:stretch;}
.pageshedcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.pageshedtit {margin:0 0 20px;padding:0;}
.pageshedtit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
.pagesheddes {margin:0;padding:0;}
.pagesheddes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}

#pagesfots {width:80%;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;background:var(--whiteF);}
/* 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%;float:left;margin:0;padding:0;line-height:1;}
.pagesfotimgL img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#pagesfotboxbotL {width:55%;margin:0 0 0 -5%;padding:50px;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.pagesfotcatL {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.pagesfottitL {margin:0 auto;padding:0;}
.pagesfottitL h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.pagesfotlinL {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
.pagesfotdesL {margin:20px auto 50px;}
.pagesfotdesL h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.pagesfotmorL {margin:0 auto;padding:0;}
/* CENTER */
#pagesfotC {width:50%;margin:0;padding:0 0 50px;display:flex;}
#pagesfotC:nth-child(4n+1), #pagesfotC:nth-child(4n+4) {width:49%;margin:0 0.5% 1%;padding:0 0 50px;display:flex;background:rgba(185,135,0,0.1);}
#pagesfotC:nth-child(4n+2), #pagesfotC:nth-child(4n+3) {width:49%;margin:0 0.5% 1%;padding:0 0 50px;display:flex;background:var(--whiteF);}
#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 auto;padding:0;line-height:1;overflow:hidden;}
.pagesfotimgC img {width:100%;height:auto;}
#pagesfotboxbotC {width:80%;margin:-10% auto 0;padding:50px;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);z-index:999;}
.pagesfotcatC {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.pagesfottitC {margin:0 auto;padding:0;}
.pagesfottitC h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.pagesfotlinC {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
.pagesfotdesC {margin:20px auto 50px;}
.pagesfotdesC h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.pagesfotmorC {margin:0 auto;padding:0;}
/* RIGHT */
#pagesfotboxR {width:100%;margin:0 auto;padding:0;display:flex;align-items:center;}
#pagesfotboxtopR {width:50%;margin:0 0 0 -5%;padding:0;}
.pagesfotimgR {width:100%;float:left;margin:0;padding:0;line-height:1;}
.pagesfotimgR img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
#pagesfotboxbotR {width:55%;margin:0;padding:50px;text-align:right;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);z-index:999;}
.pagesfotcatR {margin:0 auto;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.pagesfottitR {margin:0 auto;padding:0;}
.pagesfottitR h2 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.pagesfotlinR {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
.pagesfotdesR {margin:20px auto 50px;padding:0;}
.pagesfotdesR h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.pagesfotmorR {margin:0 auto;padding:0;}
/* 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;}

			#pageshed {width:100%;margin:0 auto;padding:0;background:var(--whiteF);}
			#pageshedbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;color:var(--whiteF);}
			#pageshedboxfull {margin:0 auto;padding:5%;}
			#pageshedboxleft {width:100%;margin:0;padding:0;}
			.pageshedimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:start;}
			.pageshedimg img {width:100%;height:auto;}
			#pageshedboxrite {width:100%;height:auto;margin:0;padding:5%;position:relative;background:rgba(0,0,0,0.8);right:0;align-self:stretch;}
			.pageshedcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
			.pageshedtit {margin:0 0 20px;padding:0;}
			.pageshedtit h1 {font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;}
			.pagesheddes {margin:0;padding:0;}
			.pagesheddes h2 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;text-align:justify;}

			#pagesfots {width:90%;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;background:var(--whiteF);}
			/* LEFT */
			#pagesfotboxL {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#pagesfotboxtopL {width:100%;margin:0;padding:0;text-align:right;}
			.pagesfotimgL {width:100%;float:left;margin:0;padding:0;line-height:1;}
			.pagesfotimgL img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			#pagesfotboxbotL {width:90%;margin:-5% 0 0 0;padding:5%;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			.pagesfotcatL {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.pagesfottitL {margin:0 auto;padding:0;}
			.pagesfottitL h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.pagesfotlinL {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
			.pagesfotdesL {margin:20px auto 50px;}
			.pagesfotdesL h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			.pagesfotmorL {margin:0 auto;padding:0;}
			/* CENTER */
			#pagesfotC {width:50%;margin:0;padding:0 0 50px;display:flex;}
			#pagesfotC:nth-child(4n+1), #pagesfotC:nth-child(4n+4) {width:100%;margin:0 auto 5%;padding:0 0 50px;display:flex;background:rgba(185,135,0,0.1);}
			#pagesfotC:nth-child(4n+2), #pagesfotC:nth-child(4n+3) {width:100%;margin:0 auto 5%;padding:0 0 50px;display:flex;background:var(--whiteF);}
			#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 auto;padding:0;line-height:1;overflow:hidden;}
			.pagesfotimgC img {width:100%;height:auto;}
			#pagesfotboxbotC {width:90%;margin:-10% auto 0;padding:5%;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);z-index:99;}
			.pagesfotcatC {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.pagesfottitC {margin:0 auto;padding:0;}
			.pagesfottitC h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.pagesfotlinC {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
			.pagesfotdesC {margin:20px auto 50px;}
			.pagesfotdesC h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			.pagesfotmorC {margin:0 auto;padding:0;}
			/* RIGHT */
			#pagesfotboxR {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#pagesfotboxtopR {width:100%;margin:0 auto;padding:0;}
			.pagesfotimgR {width:100%;float:left;margin:0;padding:0;line-height:1;}
			.pagesfotimgR img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			#pagesfotboxbotR {width:90%;margin:0 0 -5% 0;padding:5%;text-align:right;background:#FFF;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);z-index:99;}
			.pagesfotcatR {margin:0 auto;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.pagesfottitR {margin:0 auto;padding:0;}
			.pagesfottitR h2 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.pagesfotlinR {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
			.pagesfotdesR {margin:20px auto 50px;padding:0;}
			.pagesfotdesR h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			.pagesfotmorR {margin:0 auto;padding:0;}
		}

	}
}
/* ================================================================================================================================================================== */
/* CONTENT PAGES DETAILS */
#bgpagesdetails {width:100%;margin:0 auto;padding:50px 0 100px;background:var(--whiteF);}
#bopagesdetails {width:80%;margin:0 auto;padding:0;}

#bopagesdetailsleft {width:70%;float:left;margin:0 auto;padding:0;}
#pagesdetailsful {margin:0 auto;padding:0;}
#pagesdetailsbox {margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#pagesdetailsleft {width:100%;margin:0 auto;padding:0;}
.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
#pagesdetailsrite {width:90%;margin:-150px 0 0;padding:5%;background:var(--whiteF);}
.pagesdetailscat {margin:0 auto;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.pagesdetailstit {margin:0 auto 20px;padding:0;}
.pagesdetailstit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;text-align:justify;}
.pagesdetailsdes h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes h3 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:16!important;font-family:'Roboto', sans-serif!important;}
.pagesdetailsdes p {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
.pagesdetailsdes a {color:#D7251B;}
.pagesdetailsdes a:hover {color:#243A6E;}
.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}

/* CONTENT PAGES LIST */
#bopagesdetailsrite {width:30%;float:left;margin:0 auto;padding:0 0 0 20px;position:sticky;top:150px;}
#pagesdetailslis {margin:0 auto 50px;padding:0;}
#pagesdetailslistop {width:100%;margin:0;padding:0;}
.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.pagesdetailslisimg img {width:100%;height:auto;}
#pagesdetailslisbot {width:90%;margin:-50px 0 0;padding:25px;background:var(--whiteF);}
.pagesdetailsliscat {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.pagesdetailslistit {margin:0 auto;padding:0;}
.pagesdetailslistit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.pagesdetailslislin {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
.pagesdetailslisdes {margin:10px auto 40px;padding:0;}
.pagesdetailslisdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.pagesdetailslismor {margin:0 auto;padding:0;}
/* 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:10% 0 20%;background:var(--whiteF);}
			#bopagesdetails {width:90%;margin:0 auto;padding:0;}

			#bopagesdetailsleft {width:100%;float:left;margin:0 auto;padding:0;}
			#pagesdetailsful {margin:0 auto;padding:0;}
			#pagesdetailsbox {margin:0 auto 10%;padding:0;display:flex;flex-wrap:wrap;}
			#pagesdetailsleft {width:100%;margin:0 auto;padding:0;}
			.pagesdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.pagesdetailsimg img {width:100%;height:auto;margin:0 auto;padding:0;}
			#pagesdetailsrite {width:95%;margin:-10px auto 0;padding:5%;background:var(--whiteF);}
			.pagesdetailscat {margin:0 auto;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.pagesdetailstit {margin:0 auto 20px;padding:0;}
			.pagesdetailstit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.pagesdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;text-align:justify;}
			.pagesdetailsdes h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
			.pagesdetailsdes h3 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
			.pagesdetailsdes table {width:100%!important;font-weight:400;font-size:16!important;font-family:'Roboto', sans-serif!important;}
			.pagesdetailsdes p {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;}
			.pagesdetailsdes a {color:#D7251B;}
			.pagesdetailsdes a:hover {color:#243A6E;}
			.pagesdetailsdes ol li {list-style:decimal;margin-left:20px;}
			.pagesdetailsdes ul li {list-style:disc;margin-left:20px;}

			/* CONTENT PAGES LIST */
			#bopagesdetailsrite {width:100%;float:left;margin:0 auto;padding:0;position:relative;top:0;}
			#pagesdetailslis {margin:0 auto 50px;padding:0;}
			#pagesdetailslistop {width:100%;margin:0;padding:0;}
			.pagesdetailslisimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
			.pagesdetailslisimg img {width:100%;height:auto;}
			#pagesdetailslisbot {width:90%;margin:-20px auto 0;padding:25px;background:var(--whiteF);}
			.pagesdetailsliscat {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.pagesdetailslistit {margin:0 auto;padding:0;}
			.pagesdetailslistit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.pagesdetailslislin {width:50px;margin:10px 0;padding:2px 0;background:var(--greenc);display:inline-block;}
			.pagesdetailslisdes {margin:10px auto 40px;padding:0;}
			.pagesdetailslisdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			.pagesdetailslismor {margin:0 auto;padding:0;}

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

/* ======================================================= */
/* BUS */
/* ======================================================= */
/* BUS HOME */
#bgbushome {width:100%;margin:0 auto;padding:50px 0 100px;}
#bobushome {width:100%;margin:0 auto;padding:0;}
#cobushome {width:100%;margin:0 auto;padding:0;}

#bobushometop {width:60%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;align-items:flex-start;}
#bobushometopleft {width:50%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.bobushometopnot {width:100%;margin:0;padding:0;}
.bobushometopnot h2 {font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.bobushometoptit {width:100%;margin:0 0 20px;padding:0;}
.bobushometoptit h2 {font-weight:600;font-size:22px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.bobushometopbut {margin:0;padding:0;}
#bobushometoprite {width:50%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.bobushometopdes {margin:0;padding:0;}
.bobushometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#bobushomebot {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
#bushomebox {width:24%;margin:0 0.5% 1%;padding:0;overflow:hidden;border-radius:10px;}

#bushomeboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
.bushometit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.bushomecat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

#bushomeboxtop {margin:0 auto;padding:0;}
.bushomeimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.bushomeimg img {width:100%;height:auto;padding:0;}

#bushomeboxbot {margin:0 auto;padding:25px 20px;background:#F9F9F9;}
.bushomefas {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#bushomeboxfot {margin:0 auto;padding:0;display:flex;}
.bushomemor {width:50%;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)
		{
			#bgbushome {width:100%;margin:0 auto;padding:10% 0 20%;}
			#bobushome {width:100%;margin:0 auto;padding:0;}
			#cobushome {width:100%;margin:0 auto;padding:0;}

			#bobushometop {width:90%;margin:0 auto;padding:5% 0;display:flex;flex-wrap:wrap;align-items:flex-start;}
			#bobushometopleft {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;}
			.bobushometopnot {width:100%;margin:0;padding:0;}
			.bobushometopnot h2 {font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.bobushometoptit {width:100%;margin:0 0 20px;padding:0;}
			.bobushometoptit h2 {font-weight:600;font-size:22px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.bobushometopbut {margin:0;padding:0;}
			#bobushometoprite {width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;}
			.bobushometopdes {margin:0;padding:0;}
			.bobushometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}

			#bobushomebot {width:90%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			#bushomebox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;border-radius:10px;}

			#bushomeboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
			.bushometit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.bushomecat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

			#bushomeboxtop {margin:0 auto;padding:0;}
			.bushomeimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.bushomeimg img {width:100%;height:auto;padding:0;}

			#bushomeboxbot {margin:0 auto;padding:25px 20px;background:#F9F9F9;}
			.bushomefas {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#bushomeboxfot {margin:0 auto;padding:0;display:flex;}
			.bushomemor {width:50%;margin:0;padding:0;}

		}
	}
}
/* ================================================================================================================================================================== */
/* BUS PAGE */
#bgbuspage {width:100%;margin:0 auto;padding:0;}
#bobuspage {width:100%;margin:0 auto;padding:0;}

#bobuspagetop {width:100%;margin:0 auto;padding:0;background:var(--whiteF);color:var(--whiteF);display:flex;align-items:center;}
#bobuspagetopleft {width:100%;margin:0;padding:0;}
.bobuspagetopimg {width:100%;height:450px;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.bobuspagetopimg img {width:100%;height:auto;}
#bobuspagetoprite {width:50%;height:450px;margin:0;padding:5% 5% 5% 10%;position:absolute;background:rgba(0,154,76,0.9);right:0;align-self:stretch;clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%);}
.bobuspagetopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.bobuspagetoptit {margin:0 0 20px;padding:0;}
.bobuspagetoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
.bobuspagetopdes {margin:0;padding:0;}
.bobuspagetopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}

#bobuspagebot {width:90%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;}
#buspagebox {width:24%;margin:0 0.5% 1%;padding:0;overflow:hidden;border-radius:10px;}

#buspageboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
.buspagetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.buspagecat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

#buspageboxtop {margin:0 auto;padding:0;}
.buspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buspageimg img {width:100%;height:auto;padding:0;}

#buspageboxbot {margin:0 auto;padding:25px 20px 40px;background:#F9F9F9;}
.buspagefas {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#buspageboxfot {margin:0 auto;padding:0;display:flex;}
.buspagemor {width:50%;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)
		{
			#bgbuspage {width:100%;margin:0 auto;padding:0;}
			#bobuspage {width:100%;margin:0 auto;padding:0;}

			#bobuspagetop {width:100%;margin:0 auto;padding:0;background:var(--whiteF);color:var(--whiteF);display:flex;flex-wrap:wrap;align-items:center;}
			#bobuspagetopleft {width:100%;margin:0;padding:0;}
			.bobuspagetopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
			.bobuspagetopimg img {width:100%;height:auto;}
			#bobuspagetoprite {width:100%;height:auto;margin:0;padding:5%;position:relative;background:rgba(0,154,76,1);right:0;align-self:stretch;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
			.bobuspagetopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
			.bobuspagetoptit {margin:0 0 20px;padding:0;}
			.bobuspagetoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
			.bobuspagetopdes {margin:0;padding:0;}
			.bobuspagetopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}

			#bobuspagebot {width:90%;margin:0 auto;padding:10% 0;display:flex;flex-wrap:wrap;justify-content:center;}
			#buspagebox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;border-radius:10px;}

			#buspageboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
			.buspagetit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.buspagecat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

			#buspageboxtop {margin:0 auto;padding:0;}
			.buspageimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buspageimg img {width:100%;height:auto;padding:0;}

			#buspageboxbot {margin:0 auto;padding:25px 20px;background:#F9F9F9;}
			.buspagefas {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#buspageboxfot {margin:0 auto;padding:0;display:flex;}
			.buspagemor {width:50%;margin:0;padding:0;}

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

#bobusdetailshead {margin:0 auto 20px;padding:0;display:flex;background:#EBF0FB;}
#busdetailsheadleft {width:50%;margin:0;padding:0;}
.bobusdetailsleftimg {width:100%;margin:0 auto;padding:20px 0 20px 20px;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:32.33%;margin:0 0.5% 1%;padding:0;box-sizing:border-box;line-height:0;}
.busdetailsheadritegalboximg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
.busdetailsheadritegalboximg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.busdetailsheadritegalboximg a {line-height:0;}

#bobusdetailsbodi {margin:0;padding:0;}
#bobusdetailsleft {width:68%;float:left;margin:0 2% 0 0;padding:50px;background:var(--whiteF);border:1px solid #DDDDDD;box-sizing:border-box;}
#bobusdetailsrite {width:30%;float:left;margin:0 auto;padding:0;position:sticky;top:150px;}
#bobusdetailstop {margin:0 auto;padding:0;}
#busdetailstop {margin:0 auto 20px;padding:0;}
.busdetailscat {margin:0 auto;padding:0;}
.busdetailscat h4 {font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.busdetailstit {margin:0 auto;padding:0;}
.busdetailstit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.busdetailsset {margin:0 auto;padding:0;} 
.busdetailsset h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;}
#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(--gray33);text-align:justify;}
.busdetailsdes h2 {margin:0 auto;padding:0;font-weight:600;font-size:18px;color:var(--gray22);}
.busdetailsdes h3 {margin:0 auto;padding:0;font-weight:600;font-size:18px;color:var(--gray22);}
.busdetailsdes p {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray33);}
.busdetailsdes a {color:#D7251B;}
.busdetailsdes a:hover {color:#243A6E;}
.busdetailsdes ol {list-style:decimal;margin-left:20px;}
.busdetailsdes ul {list-style:disc;margin-left:20px;}

#busdetailsfot {margin:25px auto 0;padding:25px;background:#FCFDF3;border:1px solid #E8ED9B;text-align:center;}
#busdetailshed {margin:0 auto 20px;padding:0;}
.busdetailsnot {font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.busdetailsbus {font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
.busdetailstex {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
#busdetailsbut {margin:0;padding:0;display:flex;justify-content:center;}
.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:10% 0;}
			#bobusdetails {width:90%;margin:0 auto;padding:0;}

			#bobusdetailshead {margin:0 auto 20px;padding:0;display:flex;flex-wrap:wrap;background:#EBF0FB;}
			#busdetailsheadleft {width:100%;margin:0;padding:0;}
			.bobusdetailsleftimg {width:100%;margin:0 auto;padding:5%;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% 5%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;}
			#busdetailsheadritegalbox {width:32.33%;margin:0 0.5% 1%;padding:0;box-sizing:border-box;line-height:0;}
			.busdetailsheadritegalboximg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.busdetailsheadritegalboximg img {width:100%;height:auto;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			.busdetailsheadritegalboximg a {line-height:0;}

			#bobusdetailsbodi {margin:0;padding:0;}
			#bobusdetailsleft {width:100%;float:left;margin:0 auto 10%;padding:5%;background:var(--whiteF);border:1px solid #DDDDDD;box-sizing:border-box;}
			#bobusdetailsrite {width:100%;float:left;margin:0 auto;padding:0;position:sticky;top:150px;}
			#bobusdetailstop {margin:0 auto;padding:0;}
			#busdetailstop {margin:0 auto 20px;padding:0;}
			.busdetailscat {margin:0 auto;padding:0;}
			.busdetailscat h4 {font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.busdetailstit {margin:0 auto;padding:0;}
			.busdetailstit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.busdetailsset {margin:0 auto;padding:0;} 
			.busdetailsset h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;}
			#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(--gray33);text-align:justify;}
			.busdetailsdes h2 {margin:0 auto;padding:0;font-weight:600;font-size:18px;color:var(--gray22);}
			.busdetailsdes h3 {margin:0 auto;padding:0;font-weight:600;font-size:18px;color:var(--gray22);}
			.busdetailsdes p {margin:0 auto;padding:0;font-weight:400;font-size:16px;color:var(--gray33);}
			.busdetailsdes a {color:#D7251B;}
			.busdetailsdes a:hover {color:#243A6E;}
			.busdetailsdes ol {list-style:decimal;margin-left:20px;}
			.busdetailsdes ul {list-style:disc;margin-left:20px;}

			#busdetailsfot {margin:25px auto 0;padding:5%;background:#FCFDF3;border:1px solid #E8ED9B;text-align:center;}
			#busdetailshed {margin:0 auto 20px;padding:0;}
			.busdetailsnot {font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.busdetailsbus {font-weight:600;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
			.busdetailstex {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
			#busdetailsbut {margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			.busdetailstom {margin:0;padding:3% 0;}

		}
	}
}
/* ================================================================================================================================================================== */
/* BUS LIST */
#bgbuslist {width:100%;margin:0 auto;padding:0;}
#bobuslist {width:100%;margin:0 auto;padding:0;}

#bobuslisttop {margin:0 auto;padding:0;}
.bobuslisttoptit {margin:0 auto;padding:0;}
.bobuslisttoptit h2 {font-weight:400;font-size:20px;color:var(--greena);}
.bobuslisttopdes {margin:0 auto;padding:0;}
.bobuslisttopdes h3 {font-weight:400;font-size:16px;color:var(--gray33);text-align:justify;}

#bobuslistbot {width:auto;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
#buslistbox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;border-radius:10px;}

#buslistboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
.buslisttit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.buslistcat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

#buslistboxtop {margin:0 auto;padding:0;}
.buslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buslistimg img {width:100%;height:auto;padding:0;}

#buslistboxbot {margin:0 auto;padding:25px 20px 40px;background:#F9F9F9;}
.buslistfas {margin:0 auto;padding:0;}
.buslistfas h3 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#buslistboxfot {margin:0 auto;padding:0;display:flex;}
.buslistmor {width:50%;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)
		{
			#bgbuslist {width:100%;margin:0 auto;padding:0;}
			#bobuslist {width:100%;margin:0 auto;padding:0;}

			#bobuslisttop {margin:0 auto;padding:0;}
			.bobuslisttoptit {margin:0 auto;padding:0;}
			.bobuslisttoptit h2 {font-weight:400;font-size:20px;color:var(--greena);}
			.bobuslisttopdes {margin:0 auto;padding:0;}
			.bobuslisttopdes h3 {font-weight:400;font-size:16px;color:var(--gray33);text-align:justify;}

			#bobuslistbot {width:auto;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			#buslistbox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;border-radius:10px;}

			#buslistboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
			.buslisttit {margin:0 auto;padding:0;font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.buslistcat {margin:0 auto;padding:0;font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

			#buslistboxtop {margin:0 auto;padding:0;}
			.buslistimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buslistimg img {width:100%;height:auto;padding:0;}

			#buslistboxbot {margin:0 auto;padding:25px 20px;background:#F9F9F9;}
			.buslistfas {margin:0 auto;padding:0;}
			.buslistfas h3 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#buslistboxfot {margin:0 auto;padding:0;display:flex;}
			.buslistmor {width:50%;margin:0;padding:0;}
		}
	}
}
/* ================================================================================================================================================================== */
/* BUS COLOUM */
#bgbuscol {width:100%;margin:0 auto;padding:20px 0 0;}
#bobuscol {width:80%;margin:0 auto;padding:50px 0;border-top:2px dashed var(--greenc);}

#bobuscolbot {width:100%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;}
#buscolbox {width:24%;margin:0 0.5% 1%;padding:0;overflow:hidden;border-radius:10px;}

#buscolboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
.buscoltit {margin:0 auto;padding:0;}
.buscoltit h2 {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
.buscolcat {margin:0 auto;padding:0;}
.buscolcat h4 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

#buscolboxtop {margin:0 auto;padding:0;}
.buscolimg {width:100%;height:auto;overflow:hidden;line-height:0;}
.buscolimg img {width:100%;height:auto;padding:0;}

#buscolboxbot {margin:0 auto;padding:25px 20px 40px;background:#F9F9F9;}
.buscolfas {margin:0 auto;padding:0;}
.buscolfas h3 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#buscolboxfot {margin:0 auto;padding:0;display:flex;}
.buscolmor {width:50%;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)
		{
			#bgbuscol {width:100%;margin:0 auto;padding:10% 0;}
			#bobuscol {width:90%;margin:0 auto;padding:0;border-top:2px dashed var(--greenc);}

			#bobuscolbot {width:100%;margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;justify-content:center;}
			#buscolbox {width:100%;margin:0 auto 5%;padding:0;overflow:hidden;border-radius:10px;}

			#buscolboxhed {margin:0 auto;padding:20px;background:var(--gray33);}
			.buscoltit {margin:0 auto;padding:0;}
			.buscoltit h2 {font-weight:700;font-size:20px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}
			.buscolcat {margin:0 auto;padding:0;}
			.buscolcat h4 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;color:var(--whiteF);}

			#buscolboxtop {margin:0 auto;padding:0;}
			.buscolimg {width:100%;height:auto;overflow:hidden;line-height:0;}
			.buscolimg img {width:100%;height:auto;padding:0;}

			#buscolboxbot {margin:0 auto;padding:25px 20px;background:#F9F9F9;}
			.buscolfas {margin:0 auto;padding:0;}
			.buscolfas h3 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#buscolboxfot {margin:0 auto;padding:0;display:flex;}
			.buscolmor {width:50%;margin:0;padding:0;}
		}
	}
}
/* ================================================================================================================================================================== */

/* ================================ */
/* BLOG */
/* ================================ */
/* BLOG HOME */
#bgbloghome {width:100%;margin:0 auto;padding:100px 0;}
#bobloghome {width:80%;margin:0 auto;padding:0;}

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

#bloghometop {width:70%;margin:0 auto 50px;padding:0;}
.bloghometoptit {margin:0;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.bloghometopsde {margin:0 auto 10px;padding:0;}
.bloghometopsde h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
.bloghometopdes {margin:0;padding:0;}
.bloghometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

#bloghomebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
#bloghomebotbox {width:23%;margin:0 1% 2%;padding:0;background:var(--whiteF);overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;border-radius:5px;}
#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;border-radius:5px 5px 0px 0px;line-height:0;}
.bloghomebotimg a {line-height:0;}
#bloghomebotfot {width:100%;margin:0 auto;padding:20px;}
.bloghomebotdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
.bloghomebotaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}
.bloghomebottit {margin:0 auto;padding:0;}
.bloghomebottit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;}
.bloghomebottit a {color:var(--gray22);}
.bloghomebottit a:hover {color:var(--redred);}
.bloghomebotdes {margin:0;padding:0;}
.bloghomebotdes h3 {font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--gray33);text-align:justify;}

#bloghomefot {margin:20px auto 0;padding:0;}
.bloghomefotmor {margin:0 auto;padding:0;}
/* 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:10% 0;}
			#bobloghome {width:90%;margin:0 auto;padding:0;}

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

			#bloghometop {width:80%;margin:0 auto 50px;padding:0;}
			.bloghometoptit {margin:0;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.bloghometopsde {margin:0 auto 10px;padding:0;}
			.bloghometopsde h2 {font-weight:600;font-size:24px;font-family:'Titillium Web', sans-serif;color:var(--greenb);}
			.bloghometopdes {margin:0;padding:0;}
			.bloghometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}

			#bloghomebot {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#bloghomebotbox {width:100%;margin:0 auto 5%;padding:0;background:var(--whiteF);overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;border-radius:5px;}
			#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;border-radius:5px 5px 0px 0px;line-height:0;}
			.bloghomebotimg a {line-height:0;}
			#bloghomebotfot {width:100%;margin:0 auto;padding:20px;}
			.bloghomebotdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
			.bloghomebotaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}
			.bloghomebottit {margin:0 auto;padding:0;}
			.bloghomebottit h2 {font-weight:600;font-size:18px;font-family:'Titillium Web', sans-serif;}
			.bloghomebottit a {color:var(--gray22);}
			.bloghomebottit a:hover {color:var(--redred);}
			.bloghomebotdes {margin:0;padding:0;}
			.bloghomebotdes h3 {font-weight:400;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--gray33);text-align:justify;}

			#bloghomefot {margin:20px auto 0;padding:0;}
			.bloghomefotmor {margin:0 auto;padding:0;}
		}
	}
}
/* ================================================================================================================================================================== */
/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:0;}
#boblogpage {width:100%;margin:0 auto;padding:0;}

#boblogpagetop {width:100%;margin:0 auto;padding:0;background:var(--whiteF);color:var(--whiteF);display:flex;align-items:center;}
#boblogpagetopleft {width:100%;margin:0;padding:0;}
.boblogpagetopimg {width:100%;height:450px;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.boblogpagetopimg img {width:100%;height:auto;}
#boblogpagetoprite {width:50%;height:450px;margin:0;padding:5% 5% 5% 10%;position:absolute;background:rgba(0,154,76,0.9);right:0;align-self:stretch;clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%);}
.boblogpagetopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.boblogpagetoptit {margin:0 0 20px;padding:0;}
.boblogpagetoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
.boblogpagetopdes {margin:0;padding:0;}
.boblogpagetopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}

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

#boblogpagebotleft {width:60%;float:left;margin:0;padding:50px 50px 50px 150px;}
#blogpagehead {margin:0 auto 50px;padding:0;}
.blogpageheadtop {font-weight:600;font-size:16px;font-family:'Roboto', sans-serif;color:var(--redred);}
.blogpageheadbot {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;color:var(--gray22);}

#blogpagebox {width:100%;margin:0 auto 2%;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 auto;padding:0;line-height:0;}
.blogpageboxtopimg img {width:100%;height:auto;border-radius:5px;line-height:0;}
.blogpageboxtopimg a {line-height:0;}
#blogpageboxrite {width:65%;margin:0 auto;padding:0 20px;}
.blogpageboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
.blogpageboxbottit {margin:0 auto;padding:0;}
.blogpageboxbottit h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
.blogpageboxbottit a {color:var(--gray22);}
.blogpageboxbottit a:hover {color:var(--redred);}
.blogpageboxbotdes {margin:5px auto 10px;padding:0;}
.blogpageboxbotdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.blogpageboxbotaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}

#boblogpagebotrite {width:40%;float:left;margin:0;padding:50px 150px 50px 50px;background:#F9F9F9;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 auto;padding:0;line-height:0;}
.blogpopboxtopimg img {width:100%;height:auto;border-radius:5px;line-height:0;}
.blogpopboxtopimg a {line-height:0;}
#blogpopboxrite {width:65%;margin:0 auto;padding:0 20px;}
.blogpopboxbotaut {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--redred);}
.blogpopboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
.blogpopboxbottit {margin:0 auto;padding:0;}
.blogpopboxbottit h2 {font-weight:600;font-size:15px;font-family:'Roboto', sans-serif;}
.blogpopboxbottit a {color:var(--gray22);}
.blogpopboxbottit a:hover {color:var(--redred);}
.blogpopboxbotdes {margin:5px auto 10px;padding:0;}
.blogpopboxbotviw {font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
/* 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;}

			#boblogpagetop {width:100%;margin:0 auto;padding:0;background:var(--whiteF);color:var(--whiteF);display:flex;flex-wrap:wrap;align-items:center;}
			#boblogpagetopleft {width:100%;margin:0;padding:0;}
			.boblogpagetopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
			.boblogpagetopimg img {width:100%;height:auto;}
			#boblogpagetoprite {width:100%;height:auto;margin:0;padding:5%;position:relative;background:rgba(0,154,76,1);right:0;align-self:stretch;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
			.boblogpagetopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
			.boblogpagetoptit {margin:0 0 20px;padding:0;}
			.boblogpagetoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
			.boblogpagetopdes {margin:0;padding:0;}
			.boblogpagetopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}

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

			#boblogpagebotleft {width:100%;float:left;margin:0 auto;padding:0;}
			#blogpagehead {margin:0 auto 50px;padding:0;}
			.blogpageheadtop {font-weight:600;font-size:16px;font-family:'Roboto', sans-serif;color:var(--redred);}
			.blogpageheadbot {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;color:var(--gray22);}

			#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 auto;padding:0;line-height:0;}
			.blogpageboxtopimg img {width:100%;height:auto;border-radius:5px;line-height:0;}
			.blogpageboxtopimg a {line-height:0;}
			#blogpageboxrite {width:100%;margin:0 auto;padding:5%;}
			.blogpageboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
			.blogpageboxbottit {margin:0 auto;padding:0;}
			.blogpageboxbottit h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
			.blogpageboxbottit a {color:var(--gray22);}
			.blogpageboxbottit a:hover {color:var(--redred);}
			.blogpageboxbotdes {margin:5px auto 10px;padding:0;}
			.blogpageboxbotdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}
			.blogpageboxbotaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}

			#boblogpagebotrite {width:100%;float:left;margin:0;padding:10%;background:#F9F9F9;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:100%;margin:0 auto;padding:0;}
			.blogpopboxtopimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.blogpopboxtopimg img {width:100%;height:auto;border-radius:5px;line-height:0;}
			.blogpopboxtopimg a {line-height:0;}
			#blogpopboxrite {width:100%;margin:0 auto;padding:5%;}
			.blogpopboxbotaut {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--redred);}
			.blogpopboxbotdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
			.blogpopboxbottit {margin:0 auto;padding:0;}
			.blogpopboxbottit h2 {font-weight:600;font-size:15px;font-family:'Roboto', sans-serif;}
			.blogpopboxbottit a {color:var(--gray22);}
			.blogpopboxbottit a:hover {color:var(--redred);}
			.blogpopboxbotdes {margin:5px auto 10px;padding:0;}
			.blogpopboxbotviw {font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}

		}
	}
}
/* ================================================================================================================================================================== */
/* BLOG DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:50px 0;background:var(--whiteF);}
#boblogdetails {width:80%;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 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-weight:600;font-size:24px;font-family:'Roboto', sans-serif;color:var(--gray22);}
.blogdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
.blogdetailsaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}

#blogdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
.blogdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
.blogdetailsimg img {width:100%;height:auto;}

#blogdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
.blogdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
.blogdetailsdes h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray22);}
.blogdetailsdes h3 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray22);}
.blogdetailsdes p {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}
.blogdetailsdes a {font-weight:400;color:var(--redred);}
.blogdetailsdes a:hover {color:var(--greena);}
.blogdetailsdes ol {list-style:decimal;margin-left:20px;}
.blogdetailsdes ul {list-style:disc;margin-left:20px;}

#blogdetailsfot {margin:25px auto 0;padding:25px;background:#FCFDF3;border:1px solid #E8ED9B;text-align:center;}
#blogdetailshed {margin:0 auto 20px;padding:0;}
.blogdetailsnot {font-weight:600;font-size:16px;font-family:'Roboto', sans-serif;color:var(--redred);}
.blogdetailstex {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
#blogdetailsbut {margin:0;padding:0;display:flex;justify-content:center;}
.blogdetailstom {margin:0 1%;padding:0;}


#blogdetailsgaleribox {margin:20px auto 0;padding:0;}
#blogdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
.blogdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
.blogdetailsgaleriimg img {width:100%;height:auto;}
.blogdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}

/* LIST */
#blogdetailslisthead {margin:0 auto 20px;padding:0;}
.blogdetailslistheadbot {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;color:var(--gray22);}

#blogdetailslist {width:100%;margin:0 auto;padding:0;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 auto;padding:0;line-height:0;}
.blogdetailslistimg img {width:100%;height:auto;}
#blogdetailslistboxbot {width:50%;margin:0 auto;padding:0 10px;}
.blogdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
.blogdetailslistaut {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--redred);}
.blogdetailslisttit {margin:0 auto;padding:0;}
.blogdetailslisttit a {color:var(--gray33);}
.blogdetailslisttit a:hover {color:var(--greena);}
.blogdetailslisttit h2 {font-weight:600;font-size:15px;font-family:'Roboto', sans-serif;text-align:justify;}
.blogdetailslistviw {font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;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:10% 0;background:var(--whiteF);}
			#boblogdetails {width:90%;margin:0 auto;padding:0;}

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

			/* DETAILS */
			#blogdetailstop {width:100%;margin:0 auto;padding:0;}
			.blogdetailscat {margin:0 auto;padding:0;font-weight:600;font-size:14px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;color:var(--redred);}
			.blogdetailstit {margin:0 auto;padding:0;}
			.blogdetailstit h1 {font-weight:600;font-size:24px;font-family:'Roboto', sans-serif;color:var(--gray22);}
			.blogdetailsdet {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--gray66);}
			.blogdetailsaut {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:var(--redred);}

			#blogdetailsmid {width:100%;margin:0 auto;padding:20px 0;clear:both;}
			.blogdetailsimg {width:100%;height:auto;margin:0 auto;padding:0;line-height:0;}
			.blogdetailsimg img {width:100%;height:auto;}

			#blogdetailsbot {width:100%;margin:0 auto;padding:0;clear:both;}
			.blogdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);text-align:justify;}
			.blogdetailsdes h2 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray22);}
			.blogdetailsdes h3 {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;color:var(--gray22);}
			.blogdetailsdes p {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:var(--gray33);}
			.blogdetailsdes a {font-weight:400;color:var(--redred);}
			.blogdetailsdes a:hover {color:var(--greena);}
			.blogdetailsdes ol {list-style:decimal;margin-left:20px;}
			.blogdetailsdes ul {list-style:disc;margin-left:20px;}

			#blogdetailsfot {margin:25px auto 0;padding:20px;background:#FCFDF3;border:1px solid #E8ED9B;text-align:center;}
			#blogdetailshed {margin:0 auto 20px;padding:0;}
			.blogdetailsnot {font-weight:600;font-size:16px;font-family:'Roboto', sans-serif;color:var(--redred);}
			.blogdetailstex {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
			#blogdetailsbut {margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
			.blogdetailstom {margin:0;padding:3% 0;}


			#blogdetailsgaleribox {margin:20px auto 0;padding:0;}
			#blogdetailsgaleri {width:24%;float:left;margin:0 0.5% 20px;padding:0;}
			.blogdetailsgaleriimg {width:100%;height:100px;overflow:hidden;margin:0 auto;padding:0;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.1);}
			.blogdetailsgaleriimg img {width:100%;height:auto;}
			.blogdetailsgaleritit {margin:0 auto;padding:0;font-size:12px;text-align:center;}

			/* LIST */
			#blogdetailslisthead {margin:0 auto 20px;padding:0;}
			.blogdetailslistheadbot {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;color:var(--gray22);}

			#blogdetailslist {width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;}
			#blogdetailslistbox {width:100%;margin:0 auto 5%;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
			#blogdetailslistboxtop {width:100%;margin:0 auto;padding:0;}
			.blogdetailslistimg {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;line-height:0;}
			.blogdetailslistimg img {width:100%;height:auto;}
			#blogdetailslistboxbot {width:100%;margin:0 auto;padding:5%;}
			.blogdetailslistdet {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
			.blogdetailslistaut {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--redred);}
			.blogdetailslisttit {margin:0 auto;padding:0;}
			.blogdetailslisttit a {color:var(--gray33);}
			.blogdetailslisttit a:hover {color:var(--greena);}
			.blogdetailslisttit h2 {font-weight:600;font-size:15px;font-family:'Roboto', sans-serif;text-align:justify;}
			.blogdetailslistviw {font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;color:var(--gray66);}
		}
	}
}
/* ================================================================================================================================================================== */

/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:50px 0 150px;background:var(--whiteF);}
#bocontact {width:80%;margin:0 auto;padding:0;}

#bocontacttop {width:100%;margin:0 auto 50px;padding:0;background:var(--whiteF);color:var(--whiteF);display:flex;align-items:center;}
#bocontacttopleft {width:100%;margin:0;padding:0;}
.bocontacttopimg {width:100%;height:450px;overflow:hidden;margin:0 auto;padding:0;line-height:0;display:grid;align-content:center;}
.bocontacttopimg img {width:100%;height:auto;}
#bocontacttoprite {width:45%;height:450px;margin:0;padding:5% 5% 5% 10%;position:absolute;background:rgba(0,154,76,0.7);right:0;align-self:stretch;clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%);display:flex;flex-wrap:wrap;align-content:center;}
.bocontacttopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
.bocontacttoptit {margin:0 0 20px;padding:0;}
.bocontacttoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
.bocontacttopdes {margin:0;padding:0;}
.bocontacttopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}


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

#bocontactmidbox {width:400px;margin:0 auto;padding:0 20px;}
.bocontactmidleftboxcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
.bocontactmidleftboxtit {margin:0 0 20px;padding:0;font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
.bocontactmidleftboxdes {margin:0 0 50px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
.bocontactmidleftboxdes a {color:var(--greena);}
.bocontactmidleftboxdes a:hover {color:var(--greenc);}
.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:10% 0;background:var(--whiteF);}
			#bocontact {width:90%;margin:0 auto;padding:0;}

			#bocontacttop {width:100%;margin:0 auto 50px;padding:0;background:var(--whiteF);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;}
			#bocontacttoprite {width:100%;height:auto;margin:0;padding:5%;position:relative;background:rgba(0,154,76,1);right:0;align-self:stretch;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);display:flex;flex-wrap:wrap;align-content:center;}
			.bocontacttopcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;text-transform:uppercase;}
			.bocontacttoptit {margin:0 0 20px;padding:0;}
			.bocontacttoptit h1 {font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;}
			.bocontacttopdes {margin:0;padding:0;}
			.bocontacttopdes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;text-align:justify;}


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

			#bocontactmidbox {width:100%;margin:0 auto 10%;padding:5%;border:1px solid #DDDDDD;}
			.bocontactmidleftboxcat {margin:0;padding:0;font-weight:600;font-size:16px;font-family:'Titillium Web', sans-serif;color:var(--redred);}
			.bocontactmidleftboxtit {margin:0 0 20px;padding:0;font-weight:600;font-size:25px;font-family:'Titillium Web', sans-serif;color:var(--greena);}
			.bocontactmidleftboxdes {margin:0 0 50px;padding:0;font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;}
			.bocontactmidleftboxdes a {color:var(--greena);}
			.bocontactmidleftboxdes a:hover {color:var(--greenc);}
			.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:400;font-size:40px;color:var(--greena);}
.errordes {margin:0 auto;padding:0;}
.errordes h2 {font-weight:400;font-size:16px;}
/* 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:400;font-size:40px;color:var(--greena);}
	.errordes {margin:0 auto;padding:0;}
	.errordes h2 {font-weight:400;font-size:16px;}
	/* 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:400;font-size:40px;color:var(--greena);}
		.errordes {margin:0 auto;padding:0;}
		.errordes h2 {font-weight:400;font-size:16px;}
		/* 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:400;font-size:40px;color:var(--greena);}
			.errordes {margin:0 auto;padding:0;}
			.errordes h2 {font-weight:400;font-size:16px;}
		}
	}
}
/* ================================================================================================================================================================== */

/* 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);}}
/* ================================================================================================================================================================== */

/* === BUTTON === */
.autobutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-family:'Titillium Web';font-size:16px;padding:20px 30px;text-decoration:none;} 
.autobutton:hover {background:var(--gray33);}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:1181px)
{
	/* TABLET */
	.autobutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-family:'Titillium Web';font-size:16px;padding:20px 30px;text-decoration:none;} 
	.autobutton:hover {background:var(--gray33);}
	.autobutton:active {position:relative;top:1px;}
	@media screen and (max-width:503px)
	{
		/* MOBILE */
		.autobutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-family:'Titillium Web';font-size:16px;padding:20px 30px;text-decoration:none;} 
		.autobutton:hover {background:var(--gray33);}
		.autobutton:active {position:relative;top:1px;}
	}
}

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

.searchbutton {background:#111;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:12px 0;text-decoration:none;width:20%;}
.searchbutton:hover {background:var(--gray33);}
.searchbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.searchbutton {background:#111;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:12px 0;text-decoration:none;width:100%;}
	.searchbutton:hover {background:var(--gray33);}
	.searchbutton:active {position:relative;top:1px;}
}
/* ================================================================================================================================================================== */

.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:'Titillium Web', sans-serif;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) 
{
	
}
/* ================================================================================================================================================================== */

.busbuttonline {background:var(--whiteF);border-radius:3px;border:1px solid var(--gray33);display:inline-block;cursor:pointer;color:var(--gray33);font-weight:400;font-size:11px;font-family:'Titillium Web', sans-serif;padding:5px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;}
.busbuttonline:hover {background:var(--gray33);color:var(--whiteF);}
.busbuttonline:active {position:relative;top:1px;}

.busbuttonfull {background:#111;border-radius:3px;border:1px solid #111;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:11px;font-family:'Titillium Web', sans-serif;padding:5px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;}
.busbuttonfull:hover {background:var(--greena);color:var(--whiteF);border:1px solid var(--greena);}
.busbuttonfull:active {position:relative;top:1px;}
/* ================================================================================================================================================================== */

.wabutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Titillium Web', sans-serif;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)
{
	.wabutton {background:var(--greena);border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-family:'Titillium Web', sans-serif;font-size:12px;padding:10px 30px;text-decoration:none;width:auto;}
	.wabutton:hover {background:#B90000;}
	.wabutton:active {position:relative;top:1px;}
}
/* ================================================================================================================================================================== */

.tabbutton {background:var(--greena);border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:400;font-family:'Titillium Web', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
.tabbutton:hover {background:#B90000;}
.tabbutton:active {position:relative;top:1px;}
@media screen and (max-width:1181px)
{
	.tabbutton {background:var(--greena);border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:400;font-family:'Titillium Web', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
	.tabbutton:hover {background:#B90000;}
	.tabbutton:active {position:relative;top:1px;}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		.tabbutton {background:var(--greena);border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:400;font-family:'Titillium Web', sans-serif;font-size:14px;padding:10px 20px;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
		.tabbutton:hover {background:#B90000;}
		.tabbutton:active {position:relative;top:1px;}
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			.tabbutton {background:var(--greena);border-radius:0;border:none;display:inline-block;cursor:pointer;color:#fff!important;font-weight:400;font-family:'Titillium Web', sans-serif;font-size:14px;padding:10px 0;text-decoration:none;margin:0 1%;width:98%;text-align:center;}
			.tabbutton:hover {background:#B90000;}
			.tabbutton:active {position:relative;top:1px;}
		}
	}
}
/* ================================================================================================================================================================== */

.busbuttonline {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:8px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;}
.busbuttonline:hover {background:var(--whiteF);color:#D7251B;}
.busbuttonline:active {position:relative;top:1px;}
/* LANDSCAPE */
@media screen and (max-width:1181px)
{
	.busbuttonline {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:8px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;}
	.busbuttonline:hover {background:var(--whiteF);color:#D7251B;}
	.busbuttonline:active {position:relative;top:1px;}
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		.busbuttonline {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:14px;font-family:'Titillium Web', sans-serif;padding:8px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;}
		.busbuttonline:hover {background:var(--whiteF);color:#D7251B;}
		.busbuttonline:active {position:relative;top:1px;}
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			.busbuttonline {background:#D7251B;border-radius:3px;border:1px solid #D7251B;display:inline-block;cursor:pointer;color:var(--whiteF);font-weight:400;font-size:12px;font-family:'Titillium Web', sans-serif;padding:8px 0;text-decoration:none;text-align:center;width:98%;margin:0 1%;box-sizing:border-box;} 
			.busbuttonline:hover {background:var(--whiteF);color:#D7251B;} 
			.busbuttonline:active {position:relative;top:1px;}
		}
	}
}
/* ================================================================================================================================================================== */

.morebutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;background:var(--bluess);color:var(--whiteF);border-radius:2px;text-transform:uppercase;}
.morebutton:hover {background:#163266;color:var(--whiteF);}
/* LANDSCAPE */ 
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			
		}
	}
}
/* ================================================================================================================================================================== */

.bussbutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;background:var(--greena);color:var(--whiteF);display:flex;justify-content:space-evenly;align-items:center;text-transform:uppercase;}
.bussbutton:hover {background:#163266;color:var(--whiteF);}
/* LANDSCAPE */ 
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			
		}
	}
}
/* ================================================================================================================================================================== */

.ratebutton {width:100%;margin:0 auto;padding:8px 30px;font-weight:600;font-size:12px;font-family:'Titillium Web', sans-serif;background:var(--greenc);color:#3F4A0B;display:flex;justify-content:space-evenly;align-items:center;text-transform:uppercase;}
.ratebutton:hover {background:#163266;color:var(--whiteF);}
/* LANDSCAPE */ 
@media screen and (max-width:1181px)
{
	
	/* POTRAIT */
	@media screen and (max-width:821px)
	{
		
		/* MOBILE */
		@media screen and (max-width:503px)
		{
			
		}
	}
}
/* ================================================================================================================================================================== */

#loader-wrapper {position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--whiteF);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.6s ease, visibility 0.6s;}
.loader-container {text-align:center;width:300px;}
.loader-logo {width:120px;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(--greena);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;}