body						{-webkit-animation:bugfixinfinite1s;}
@-webkit-keyframesbugfix	{from{padding:0;}to{padding:0;}}
@-ms-viewport				{width:device-width;}
/*******************************************************************************************/
body	{top:0 !important; height:100vH; width: 100%;font-family:Arial, Helvetica, Genva, sans-serif;font-size:1em;overflow-x:hidden;text-align: center;}

.wrapper{min-width:360px;width:100%;max-width:1024px; margin:10% auto 10px;} /* wrapper */

				
*{margin:0;padding:0;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.bg-body	{background:white;color:#202020;}
.bg-head	{background-color:#333;color:gold}					.bg-head a:hover{color:white;}
.bg-menu	{background-color:#333;color:white;opacity:0.95;} 	.bg-menu a:hover{color:gold;} 							

#container		{z-index: 10;}

strong	{font-weight:bold;color:maroon;}
#container,nav	{left:0;right:0;width:100%;}
#container	{top: 214px;position:static;padding:3rem 15%;overflow:hidden;}

#container .nfo		{padding:3rem 0 1.5rem 0;}
#container .att		{position:static;display:flex;flex-direction:column;align-items:center;}
#container .att p	{padding:0.55rem 1rem;}
p.imp	{text-transform:uppercase;}
p.cpr	{text-transform:lowercase;font-size:0.9rem;}

h1				{font-size:1.5rem;font-weight:normal;font-family:Georgia;}
h2				{font-size:1.0rem;font-weight:bold;color:#A54C4C;}
#CATHEAD,#CATLINE,#CATTXT1, #CATTXT2, #CATTXT3 	{padding:2rem 0 0!important;text-align:left;}
.cattxt{line-height:1.4rem;}
.cattxt p{padding: 0.4rem 0;}
.cattxt a{color:#c90000;font-size:105%;/*font-weight:600;*/letter-spacing:0.03rem;}
.cattxt a:hover{color:blue;}

.menu-wrapper			{position:relative;height:64px;display:flex;align-items:center;justify-content: space-between;} 
.menu-wrapper a			{text-decoration:none;font-size:1rem;letter-spacing:0.05rem;white-space: nowrap;}
.nav-links				{display:inline-flex;}

div.li, 			.nav-links li										{display:list-item;list-style:none;}
div.li a,			.nav-links li a, 		div.li label.mbl-item		{padding:0 20px;cursor:pointer;transition: all 0.3s ease;}
div.li:hover>a,		.nav-links li:hover>a,	div.li:hover>label.mbl-item	{background:#555;color:gold;}
					
		 
/* -------------------------- */				 
.menu-wrapper div .menu-icon:hover	{background:#555;}
.menu-wrapper div .menu-icon		{display:block;line-height:1rem;}
.menu-wrapper div .menu-icon.circle	{width:50px;height:50px;padding: 8px;margin:7px 10px;border-radius:25px;}
.menu-wrapper div .menu-icon.rectgl	{width:64px;height:64px;padding:16px;}
.menu-wrapper div .menu-icon.mside	{width:84px;height:64px;padding:16px 26px;}
.menu-wrapper div .menu-icon.sub	{height:45px;padding:6px 20px!important;}
.menu-wrapper div .menu-icon.sub span		{position:relative;top:-9px;left:10px;font-size:16px;}				 
							.icon-phone		{position:absolute;right:10px;top: 0;}
							.icon-message	{position:absolute;right:80px; top:0px; margin: 9px 10px 5px !important;}
							.icon-account	{position:absolute;left: 10px; top:0px; margin: 9px 10px 5px !important;}

@media screen and (max-width: 1024px) 
{
	.menu-wrapper 				
	nav			{position:fixed;top:0;border-bottom:none;}
	.nav-links	{position:fixed;top:0;display:block;height:100vh;width:100%;max-width:359px;/*1px custom scrollbar*/
				left:-100%;padding:60px 10px;line-height: 45px;overflow-y:auto;
				box-shadow:0px 15px 15px rgba(0,0,0,0.18);transition: all 0.8s ease;
				background-color:#333;overflow-y:scroll;overflow-x:hidden;}
				
	div.li, 	.nav-links ul>li 	{margin: 15px 10px;}
	div.li a,	.nav-links ul>li>a	{padding: 0 20px;display: block;}
	div.li>.dsk-item				{display:none;}
	div.li>.mbl-item				{display:inline-flex;width:100%;}
	
	/* custom scroll bar */
	.nav-links::-webkit-scrollbar		{width:1px;}
	.nav-links::-webkit-scrollbar-track	{background:#111;}
	.nav-links::-webkit-scrollbar-thumb	{background:#111;}
}


.c		{text-align:center;margin-left:auto;margin-right:auto;}
.r		{text-align:right;}
.l		{text-align:left;}

.text-shadow  		{text-shadow: 1px 1px maroon;}


@media screen and (max-width:1024px)	{	#container			{top:64px;}}
@media screen and (max-width: 1600px)	{	#container{padding:3rem 10%;}}
@media screen and (max-width:  970px)	{	#container{padding:3rem 3% 0;}}

@media print 
{
	#container					{margin-top:-200px;}
	#CATHEAD,#CATLINE			{padding:2rem 2rem 0 5rem;}
	#CATTXT1,#CATTXT2,#CATTXT3 	{padding:2rem 2rem 0 3rem;}
}
/* ::before, ::after { content: '\A'; white-space: pre; }	/*	=> new line	*/
/* ::before, ::after { content: '(' attr(title) ')'; }		/*	=> attribute value as content	*/