@charset "utf-8";

*
{
	border:0px;
	acolor:black;
	margin:0px; 
	padding:0px;
	text-decoration:none;
}	/* Reset all to defaults */

body
{
	background-attachment: fixed;
	background-image: url(/img/bg/decor/title/480/title.jpg);
	background-repeat:repeat;
	background-size:auto;
	font-family: Arial;
	font-size:100%;
	font-weight:100;
}

#header-txt-title img
{
	width:100%;
}

@media screen and (min-width:1280px)
{
	body
	{	/* Set Page Background & Base font */
		background-image: url(/img/bg/christmas-1920.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		background-size:cover;
	}
}

	#page
	{
		background-color:0;
		margin:0 auto;
		padding:10px 0 0 0;
		position:relative;
		width:100%;
	}

	header > div
	{	/* Set Header Section Properties */
		Xbackground-color:rgba(0,0,0,0.15);
		Xbackground-image: url(/img/bg/decor/title/480/wallpaper.jpg);
		abackground-blend-mode:color-burn;
		margin: 15px auto 0;
		position: relative;
		width:95%;
	}


	#contact-title
	{
		background:yellow;
		margin:30px auto;
	}

	.category01
	{
		border-radius:15px;
	}
	
	.category01 li a,
	.category02 li a
	{
		color:black;
	}

	#header,
	#contact-title,
	#contact-title-footer,
	#header-categories-primary,
	#header-categories-secondary
	{
		border-radius:15px;
	}

	#contact-title-footer
	{
	   letter-spacing: 1px;
	}

	#contact-title-footer h1
	{
		color:white;
		font-weight:900;
		position:relative;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black,-1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black;
		margin-top:10px;
		font-size:1em;
	}

	/* =========================== */
	/*	WIKINAM Navigation Section
	/* =========================== */
	#Xadv-sec
	{
		position:relative;
		text-align: center;
	}


	#Xadv-sec img
	{
		background:white;
		border-radius:15px;
		margin:0.5em auto 0.5em;
		max-height:calc(70vh - 30px);
		max-width:calc(100% - 1em);
		object-fit:contain;
		vertical-align: middle;
	}

	#Xadv-cap
	{
		color:white;
		font-weight:700;
		font-size: 12px;
		letter-spacing: 1px;
		text-align:center;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 5px;
		margin:auto;
		width:90%;

	}

	.box-bor
	{	
		border-width: 1px;
		border-style:solid;
		border-color:black;
		box-shadow: 3px 3px 3px black;
	}

	#header							{
		Xbackground-color:rgba(0,0,0,0.33);
		Xbackground-color:0!important;

	}


	#header-categories-primary,
	#header-categories-secondary,
	#contact-title-footer
	{
		Xborder-width: 1px;
		Xborder-style:solid;
		Xborder-color:black;
		Xbox-shadow: 3px 3px 3px black;
		margin: 0 15px;
		text-align: center;
	}
	#header-categories-primary
	{
		Xbackground:white;	
	}

	#header-categories-secondary
	{
		Xbackground:yellow;	
	}

	#contact-title-footer
	{
		display:none;
	}

	#contact-tile
	{
		border-radius:15px;
	}

	/* =========================== */
	/*	Contact Navigation Section
	/* =========================== */

	#acontact-nav-section li:nth-child(n+2):nth-child(-n+5)  	/* 2 7- 5 */
	{
		box-shadow: inset 36px 36px rgba(18,0,255,0.3), inset -36px -36px rgba(255,0,4,0.3),inset -36px 36px rgba(216,255,0,1),inset 36px -36px rgba(26,255,0,0.3), 5px 5px 10px black;
		height:36px;
		margin:12px 22px;
		padding:15px;
		transition: box-shadow 1s;
		width:36px;
	}


	#acontact-nav-section li:nth-child(n+2):nth-child(-n+5):hover  	/* 2 - 5 */
	{
		background-color:rgba(255,255,255,0)!important;
		box-shadow: inset 6px 6px rgba(18,0,255,1), inset -6px -6px rgba(255,0,4,1),inset -6px 6px rgba(216,255,0,1),inset 6px -6px rgba(26,255,0,1);
		transition: box-shadow 1s;
	}


	#acontact-nav-section li:nth-last-child(-n+5)
	{
	}

	#acontact-nav-section li:nth-last-child(-n+5):hover
	{
		box-shadow:-5px -5px 10px black;
	}

	#acontact-nav-section li:nth-child(n+6) div:nth-child(2)
	{
		color:yellow;
		font-family: Volkorn;
		font-size:90%;
		font-weight:600;
		letter-spacing: 1px;
		position:relative;
		display: flex;
		justify-content: center;
		text-shadow: 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black, 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black;
	}

	#acontact-nav-section li:nth-child(n+2):nth-child(-n+5) div:nth-child(2) /* Text for Categories*/
	{
		color:yellow;
		font-family: Volkorn;
		font-size:90%;
		font-weight:600;
		letter-spacing: 1px;
		margin-top:18px;
		position:relative;
		display: flex;
		justify-content: center;
		text-shadow: 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black, 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black;
	}

	#acontact-nav-section li:nth-child(n+6) div /* Text for Nrmal Buttons*/
	{
		color:yellow;
		font-family: Volkorn;
		font-size:90%;
		font-weight:600;
		letter-spacing: 1px;
		position:relative;
		display: flex;
		justify-content: center;
		text-shadow: 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black, 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,0px 0px 5px black;
	}

	#contact-nav-section img
	{
		height:100%;
		margin:0;
		padding:0;
		text-align:centre;
		transition: all 0.5s ease-in;
		vertical-align: middle;
		width:100%;
	}


#contact-nav-section img:hover	{
	animation: rotate-right1 5s infinite linear;
}




/* Define buttons with characters */
/* =============================================== */


.contact-nav-but-char			{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
									border-radius:190%;
									display:table;
									height:100%;
									width:100%;
								}

.contact-nav-but-char a			{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */		
									background:rgba(255,255,255,0.00);
									border-radius:190%;
									color:yellow;
									display:table-cell; /* Vertical Centering */
									font-size: 300%;
									font-weight: 900;
									height:100%;
									line-height: 100%;
									text-align: center;
									text-decoration: none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
									transition: all 1s ease-in-out;
									vertical-align: middle;
									width:100%;
								}

.contact-nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */									
								{
									color:white;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
									animation: rotate-right1 5s infinite linear;
								}

.contact-nav-button 			{
									height:52px;
									width:52px;
								}

.contact-nav-button-sha 		{	
									box-shadow: 3px 3px 3px black;
								}

.contact-nav-button-sha:hover 	{	
									box-shadow: -3px -3px 3px black;
								}

.contact-nav-button-rad			{
									border-radius: 50%;
								}

.contact-nav-button-rad:hover 	{ 
									background:yellow;
								}

.contact-nav-button-background	{
									background:transparent;
								}

.contact-nav-button-border		{
									border-color:black;
									border-style:solid;
									border-width:2px;
									margin-bottom:5px;
									margin-top:5px;
								}

.contact-nav-button-pos			{
									clear:both;
									float:left;
									margin-left:20px;
								}



.sand ul:hover,
#contact-data > li > div:hover,
#contact-data > li > section:hover
{
	box-shadow: inset 1px 1px 3px 1px black;
}

#contact-data > li.storeinside-transparent > div:hover 
{
	box-shadow:none;
}

#contact-data li
{
	vertical-align: middle;
}

li
{
	list-style:none;
}



#contact-data > li
{
	margin-bottom:1em;
}

#contact-data .bg-transparent:hover
{	/* Don't Sow a Drop Shadow when Transparent */
	box-shadow: none!important;
}

#contact-data .bg-transparent img:hover
{	/* Don't Sow a Drop Shadow when Transparent 
	box-shadow:  -2px -2px 5px 1px black; */
}

ul.main-ul-paddings li ul li
{
	overflow-wrap:break-word;
}

ul.main-ul-paddings li:hover
{
}

#contact-data .li-w-l1-100 li,
#contact-data .li-w-l2-100 li li,
#contact-data .li-w-l3-100 li li li
{
	font-weight:100;
}

#contact-data .li-w-l1-700 li,
#contact-data .li-w-l2-700 li li,
#contact-data .li-w-l3-700 li li li
{
	font-weight:700;
}


.map-box
{
	background-color:rgba(0,0,0,0.33);
	display: block;
	margin:15px auto;
}

#gmap1
{
	display:block;
	height:40vh;
	vertical-align:middle;
}

/* Map Selection Buttons */
#map1-but
{
	/* aborder-radius:20px; */
	background:yellow;
	margin:0 0.5em;
	padding:1em 1em;
}

.map-box
{
	background-color:rgba(0,0,0,0.33);
	display: block;
	margin:15px auto;
	/* awidth:80%; */
}

#gmap1
{
	display:block;
	vertical-align:middle; 
}

#google-maps-win-but-cls
{
	background:red;
	border-radius:50%;
	border-style:solid;
	border-width:2px;
	border-color:whitesmoke;
	bottom:-5px;
	color:white;
	cursor: pointer;
	display:block;
	font-size:1.5em;
	font-weight:900;
	height:20px;
	line-height:20px;
	padding:6px;
	position:absolute;
	right:-5px;
	text-align:center;
	text-shadow:0px 1px 2px black, 0px -1px 1px black, 1px 1px 2px black, 1px -1px 1px black,1px 1px 2px black;
	vertical-align:middle;
	width:20px;
}

#gmap1
{
	border-top-left-radius:27px;
	border-top-right-radius:27px;
}



.reset-google-map
{
	position:absolute;
	bottom:5px;
	left:5px;
}


.contact-map section ul
{ 
	background:yellow;
	border-radius: 10px;
	abox-shadow: 3px 3px 1em black;
	border-style:solid;
	border-width: 1px;	
	float:left;
	margin-left:25px;
	margin-top:10px;
	padding:1em;
	width:calc(100% - 115px);
}




.contact-map :not(h2),
.contact-map h3
{
	font-family:Arial;
	font-size:12px;
	font-weight:300;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	text-shadow: none;
}


.contact-map h3
{
	color:blue;
	font-size:16px;
	font-weight:900;
	margin-bottom:0.5em;
}


#map
{
	background-color:rgba(0,0,0,0.33);
}


.map-address
{
	text-align: center;
	padding:10px;
}


.map-address li
{
	color:white;
	display:inline;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 1px black;
}


.map-address h3
{
	color:yellow;
	text-align: center;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 1px black;
}


.map-address li:not(:last-child):after
/* Add commas after each li except for header and last 
.map-address li:not(:last-child):not(:first-child):after li */
{
	content: ",";
	text-align: center;
}


.contact-map .main-ul-paddings 
{
	margin:auto;
	text-align: center;
	width:calc(100% - 80px);
}

@media screen and (min-width:311px) and (max-width:479px)
{
	/* Set Page Dimensions */

	#page
	{
		min-width: 311px;
		max-width:479px;
	}


	#header
	{
		margin: 15px auto 0;
		position: relative;
		width:96%;
	}

	#contact-title
	{
		color: white;
		display:block;
		height:40px;
		position:relative;
		text-align: center;
		text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 5px black;
		z-index:1;
	}

	.contact-title-inner
	{	/* Page Heading Container for the Directory Category */
		left:50%;
		position:absolute;
		top:50%;
		transform:translate(-50%, -50%);
		align-items: center;
		color:white;
		/*
		font-family: 'Abril Fatface', cursive; 
		font-family: 'Anton';
		font-family: 'cursive';
		font-family: 'Georgia';
		font-family: 'Constantia';
		font-family: 'DejaVu Serif';			
		font-family: 'Hoefler Text';
		font-family: 'liberation Serif';
		font-family: 'Lucida Bright';
		font-family: 'Noto Serif';
		font-family: 'sans-serif';
		font-family: 'serif';
		font-family: Times;
		font-family: 'Times New Roman';
		font-family: 'Vollkorn'; 
		*/
		font-family: 'PT Serif';
		font-size:500%;
		font-weight:900;
		justify-content: center;

		line-height: 40%;
		text-transform:uppercase;  

	}

	/* Define Primary / Upper Section				  */
	/* Rotatong Category Buttons					   */
	/* =============================================== */


	#header-categories-primary
	{	/* Define Primary Category Container */
		Xbackground-color:rgba(0,0,0,0.20);
		border-radius:unset;
		display:block;
		margin:0 auto;
		position:relative;
		text-align: center;
	}

	#header-categories-primary ul
	{	/* Contact Unordered list - Normal - None Displayed */
		display:table;
		margin:0 auto;
		vertical-align: middle;
	}

	#header-categories-primary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */	}

	#header-categories-primary li
 	{	/* Contact list Items Visuals */
		animation: rotate-right1 5s 12 linear;
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:52px;
		list-style: none;
		margin:10px 5px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:52px;
	}

	#header-categories-primary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-primary ul li a
	{	
		background:yellow;
		border-radius:50%;
		color:white;
		font-size: 120%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-primary ul li:hover a
	{
		background:white;
		border-radius:50%;
		color:yellow;
		font-size: 150%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
	}

	#header-categories-primary .header-categories-primary-active
	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
		border-radius:50%;
		display:table;
	}

	#header-categories-primary .header-categories-primary-active a 
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
	}

	#header-categories-primary .header-categories-primary-active a:hover
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
		color:Yellow;
	}

	#header h2
	{
		color:yellow;
		font-size:300%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 120%;
		text-align: center;
		text-transform:capitalize;
	}


	#header-categories-secondary
	{
		display:block;
		text-align: center;
		z-index:2;
	}

	#header-categories-secondary ul
	{	/* Contact Unordered list - Normal - None Displayed */			
		display:table;
		margin:0 auto;
		vertical-align: middle;
	}

	#header-categories-secondary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */

	}

	#header-categories-secondary li {	/* Contact list Items Visuals */
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:58px;
		list-style: none;
		margin:10px 5px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:58px;
	}

	#header-categories-secondary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-secondary ul li a
	{	background:white;
		border-radius:190%;
		color:yellow;
		font-size: 200%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-secondary ul li:hover a
	{
		background:yellow;
		border-radius:190%;
		color:white;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
		font-size: 300%;
		text-decoration:none;
	}

	#header h3
	{
		font-family:Arial;
		font-size:200%;
		font-weight:550;
		letter-spacing: 2px;
		display:flex;
		justify-content: center;
		align-items: center;
	}

	#contact-title-footer
	{
		height:40px;
	}

	body
	{

	}

	#main
	{
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-family: Arial;
		font-size:125%;
		font-weight:100;
		margin: 0 auto;
		padding: 20px auto 300px;
		width:96%;
	}

	#main h2
	{}

	#main h3
	{}

	#main h4
	{}

	#main p
	{}

	.cf
	{
		clear:both;
	}

	.of
	{
		overflow:auto;
	}

	.box-background-white
	{
		background-color:white;
	}

	.box-background-grey
	{
		background:rgba(113,113,113,1.00);
	}

	.box-background-yellow
	{
		background:yellow;
	}

	.box-background-lightgoldenrodyellow
	{
		background-color:skyblue;
	}

	.boxbord
	{
		border-width: 1px;
		border-style:solid;
		border-color:black;
	}

	.box-margins
	{
		margin: 0px auto;
	}

	.box-paddings
	{
		padding: 25px 10%;
	}

	.main-index-button
	{
		border-radius:190%;
		float:left;
	}

	.category-spacer
	{
		margin:30px auto;
		padding:30px 0;
	}

	/* Section-01 - Contact Details Section				  */
	/* ===================================================== */

	.category-title
	{	/* Page Heading Container for the Directory Category */
		background-color:0;
		color: white;
		display:inline-block;
		float: left;
		height:140px;
		margin-left:30px;
		margin-right:0px;
		padding:0;
		position:relative;
		text-align: center;
		text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 1px black;
		width:calc(100% - 60px); /* 33% - 2% - 2% - 2px - 2px */
	}

	.category-title-inner
	{	/* Page Heading Container for the Directory Category */
		display:table;
		left:50%;
		position:absolute;
		top:50%;
		transform:translate(-50%, -50%);
		width:100%;
	}

	.category-title h2
	{
		background-color:grey;
		color:yellow;
		display:table-cell;
		font-family:Arial;
		font-size:500%;	
		font-weight:600;
		text-align: center;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 15px black;
		vertical-align: middle;
		width:200px;
	}

	.category-title-img
	{
		display:table-cell;
		float: left;
		margin-left:25px;
		vertical-align: middle;
	}

	.category-title img
	{
		display: table-cell;
		height:52px;
		width:52px;
		vertical-align: middle;
	}

	.category-nav-button-border
	{	/* Contact NAV Button Border - Container Visuals and Position */
		background:rgba(255,255,255,0.25);
		border-style:solid;
		border-width: 2px;
		color:black;
		height:52px;	
		width:52px;
		vertical-align: middle;
	}

	.category-nav-button-img		{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
										border-radius:50%;
										height:100%;
										width:100%;
									}

	.category-nav-button-img img	{  	/* Contact NAV Button Image*/
										border-radius:50%;
										height:100%;
										width:100%;
									}

	.category-nav-button-img img:hover
									{}

	.category-nav-button-position 	{
										margin:30px auto;
									}
	.category-icon 					{
										height:52px;	
										width:52px;
									}

	.category-icon img 				{
										height:100%;
										width:100%;
									}

	.category-icon img:hover		{

									}

	.category-icon-once				{
										height:64px;
										width:64px;
									}

	.category-icon-once img 		{	
										height:64px;
										width:64px;
									}

	.category-icon-once img:hover	{}

	.category-icon-no-animation img {	
										height:64px;
										width:64px;
									}

	.category-nav-button 			{		
										border-radius: 50%;
										height:64px;	
										width:64px;
									}

	.category-nav-button-sha 		{	
										box-shadow: 3px 3px 5px black;
									}

	.category-nav-button-sha:hover 	{	
										box-shadow: -0px -0px 1px black;
									}

	.category-nav-button-back		{
										background-color:black;
									}

	.category-nav-button-back:hover	{}

	.category-nav-button-pos		{}

	.contact-nav-menu-icon-rotate	{	
										transition: all 0.5s ease-in;
									}

	.contact-nav-menu-icon-rotate:hover	
									{
										animation: rotate-right1 5s infinite linear;
									}

	.category01 ul 					{
										
									}

	.category01 li 					{
										background-color:0;
										float:left;
										font-weight: bold;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_red_15px.png);
										margin:0;
										margin-left:30px;
										width:calc(100% - 60px);
									}

	.category01 li a:hover 			{
										color:yellow;
										font-weight:700;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 2px 2px 1px black;	
									}

	.category02 ul 					{}

	.category02 li					{
										/* background-color:rgba(225,225,225,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_orange_15px.png);
										padding-left: 0%;
										width:98%;
									}

	.category03 ul 					{	
										display:inline-block;
									}

	.category03 li					{
										/* background-color:rgba(235,235,235,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_green_15px.png);
										padding-left: 0%;
										width:98%;
									}

	#section-16						{	
										clear:both;
										float:left;
										margin:25px auto 0;
										width:100%								
									}

	#notes-sections					{
										overflow: auto;
										text-align: left;	
									}

	.reverse_text					{	
										direction: rtl;
										unicode-bidi: bidi-override;
									}

	/* =============================================== */
	/*	Footer Section								   */
	/* =============================================== */



	/* =============================================== */
	/*	WIKINAM Navigation Section - Left Side Menu	*/
	/* =============================================== */



	/* =============================================== */
	/*	Contact Navigation Section - Right Side Menu   */
	/* =============================================== */



	/* Define buttons with characters				  */
	/* =============================================== */


	.contact-nav-but-char			{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
										border-radius:190%;
										display:table;
										height:100%;
										width:100%;
									}

	.contact-nav-but-char a			{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */					
										background:rgba(255,255,255,0.00);
										border-radius:190%;
										color:yellow;
										display:table-cell; /* Vertical Centering */
										font-size: 300%;
										font-weight: 900;
										height:100%;
										line-height: 100%;
										text-align: center;
										text-decoration: none;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
										transition: all 1s ease-in-out;
										vertical-align: middle;
										width:100%;
									}

	.contact-nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */
									{
										color:white;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
										animation: rotate-right1 5s infinite linear;
									}

	.contact-nav-button 			{
										height:52px;
										width:52px;
									}

	.contact-nav-button-sha 		{	
										box-shadow: 3px 3px 3px black;
									}

	.contact-nav-button-sha:hover 	{
										box-shadow: -3px -3px 3px black;
									}

	.contact-nav-button-rad			{
										border-radius: 50%;
									}

.contact-nav-button-rad:hover
{ 
	background:yellow;
}

.contact-nav-button-background
{
	background:transparent;
}

.contact-nav-button-border
{
	border-color:black;
	border-style:solid;
	border-width:2px;
	margin-bottom:5px;
	margin-top:5px;
}

.contact-nav-button-pos
{
	clear:both;
	float:left;
	margin-left:20px;
}

	/* =============================================== */
	/*	Footer Title Section						   */
	/* =============================================== */

#footer-title-section
{
	color:rgba(255,255,255,1.00); 
	font-family:Volkorn;
	padding:0 auto;
	position:absolute;
	text-align: center;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 5px black;
	bottom:0px;
	width:100%;
}

#footer-title-section h2
{
	bottom: 30px;
	color: Yellow;
	font-size: 200%;
	font-weight: 900;
	left: 50%;
	line-height: 100%;
	position: absolute;
	transform: translateX(-50%);
}

#footer-title-section h3
{
	font-family:Arial;
	font-size:250px;
	font-weight:600;
	letter-spacing: 2px;
	line-height: 125%;	
}

#copyright-section
{	/* Copyright Notices etc. */
	clear:both;
	color:white;
	font-family:Arial;
	font-size:50%;
	font-weight:600;
	letter-spacing: 1px;
	line-height:100%;
	margin: 0 auto 5px;
	text-align: center;
	width:60%;
	/* line-height:100%; */
}

#copyright-section span
{
	color:yellow;
}

.button-nav-home
{
	display:-inline-block;
}


#google-maps
{
	background:black;
	border-color:white;
	border-width:3px;
	border-radius:30px;
	box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
	display:none;
	max-height:calc( 100vh - 30px);
	left:50%;
	max-width:calc( 100vw - 10px);
	position:fixed;
	top:3em;
	transform:translateX(-50%);
	width:600px;
	z-index:1;
}

	/* https://www.iconfinder.com/iconsets/social-media-2151 */
}

@media screen and (min-width:480px) and (max-width:719px)
{
	#page							{
										min-width: 480px;
										max-width:719px;
									}


	#header							{
										margin: 15px auto 0;
										position: relative;
										width:96%;
									}

	#contact-title					{
										color: white;
										display:block;
										height:60px;
										margin:15px auto;
										position:relative;
										text-align: center;
										text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 5px black;
										z-index:1;
									}

	.contact-title-inner			{	/* Page Heading Container for the Directory Category */
										left:50%;
										position:absolute;
										top:50%;
										transform:translate(-50%, -50%);
										align-items: center;
										color:white;
										/*
										font-family: 'Abril Fatface', cursive; 
										font-family: 'Anton';
										font-family: 'cursive';
										font-family: 'Georgia';
										font-family: 'Constantia';
										font-family: 'DejaVu Serif';			
										font-family: 'Hoefler Text';
										font-family: 'liberation Serif';
										font-family: 'Lucida Bright';
										font-family: 'Noto Serif';
										font-family: 'sans-serif';
										font-family: 'serif';
										font-family: Times;
										font-family: 'Times New Roman';
										font-family: 'Vollkorn'; 
										*/
										font-family: 'PT Serif';
										font-size:700%;
										font-weight:900;
										justify-content: center;
										letter-spacing: 2px;
										line-height: 40%;
										text-transform:uppercase;
									}

	/* Define Primary / Upper Section				  */
	/* Rotatong Category Buttons					   */
	/* =============================================== */

	#header-categories-primary		{	/* Define Primary Category Container */
										Xbackground-color:rgba(0,0,0,0.33);
										display:block;
										amargin:0 auto;
										position:relative;
										text-align: center;
									}

	#header-categories-primary ul
									{	/* Contact Unordered list - Normal - None Displayed */			
										display:table;
										margin:0 auto;
										vertical-align: middle;
									}

	#header-categories-primary:hover ul
									{	/* Contact Unordered list - Hovered - Display when Hovered */	}

	#header-categories-primary li 	{	/* Contact list Items Visuals */
										animation: rotate-right1 5s 12 linear;
										border-radius:50%;
										box-shadow: 3px 3px 3px black;
										display:inline-block;
										height:58px;
										list-style: none;
										margin:10px 15px;
										padding:0;
										text-align: center;
										vertical-align: middle;
										width:58px;
									}

	#header-categories-primary li:hover
									{	/* Contact list Items Visuals */
										box-shadow: -3px -3px 3px black;
									}

	#header-categories-primary ul li a
									{	
										background:yellow;
										border-radius:50%;
										color:white;
										font-size: 120%;
										text-decoration:none;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
										transition: all 0.5s ease-in;
									}

	#header-categories-primary ul li:hover a
									{
										background:white;
										border-radius:50%;
										color:yellow;
										font-size: 150%;
										text-decoration:none;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
									}

	#header-categories-primary .header-categories-primary-active	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
										border-radius:50%;
										display:table;
									}

	#header-categories-primary .header-categories-primary-active a 
									{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
										background-color:lightgray;
									}

	#header-categories-primary .header-categories-primary-active a:hover
									{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
										background-color:lightgray;
										color:Yellow;
									}

	#header h2						{
										color:yellow;
										font-size:300%;
										font-weight:900;
										letter-spacing: 2px;
										line-height: 120%;
										text-align: center;
										text-transform:capitalize;
									}


	#header-categories-secondary	{	
										display:block;
										text-align: center;
										z-index:2;
									}

	#header-categories-secondary ul
									{	/* Contact Unordered list - Normal - None Displayed */			
										display:table;
										margin:0 auto;
										vertical-align: middle;
									}

	#header-categories-secondary li {	/* Contact list Items Visuals */
										border-radius:50%;
										box-shadow: 3px 3px 3px black;
										display:inline-block;
										height:58px;
										list-style: none;
										margin:10px 15px;
										padding:0;
										text-align: center;
										vertical-align: middle;
										width:58px;
									}

	#header-categories-secondary li:hover
									{	/* Contact list Items Visuals */
										box-shadow: -3px -3px 3px black;
									}

	#header-categories-secondary ul li a
									{	background:white;
										border-radius:190%;
										color:yellow;
										font-size: 200%;
										text-decoration:none;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
										transition: all 0.5s ease-in;
									}

	#header-categories-secondary ul li:hover a
									{
										background:yellow;
										border-radius:190%;
										color:white;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
										font-size: 300%;
										text-decoration:none;
									}


	#header h3 						{	
										font-family:Arial;
										font-size:200%;
										font-weight:550;
										letter-spacing: 2px;
										display:flex;
										justify-content: center;
										align-items: center;
									}

	#contact-title-footer			{
										height:60px;
									}

	body
	{

	}

	#main
	{
		background:lime!important;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-family: Arial;
		font-size:125%;
		font-weight:100;
		margin: 0 auto;
		padding: 20px auto 300px;
		width:96%;
	}

	#main h2 						{}

	#main h3 						{}

	#main h4 						{}

	#main p 						{}

	.cf								{
										clear:both;
									}

	.of 							{
										overflow:auto;
									}

	.box-background-white			{
										background-color:white;
									}

	.box-background-grey			{
										background:rgba(113,113,113,1.00);
									}

	.box-background-yellow			{
										background:yellow;
									}

	.box-background-lightgoldenrodyellow
									{
										background-color:skyblue;
									}

	.boxbord	 					{	
										border-width: 1px;
										border-style:solid;
										border-color:black;
										box-shadow: 3px 3px 3px black;								
									}

	.box-margins					{
										margin: 0px auto;
									}

	.box-paddings					{
										padding: 25px 10%;
									}

	.main-index-button 				{
										border-radius:190%;
										float:left;
									}

	.category-spacer 				{
										margin:30px auto;
										padding:30px 0;
									}

	/* Section-01 - Contact Details Section				  */
	/* ===================================================== */

	.category-title					{	/* Page Heading Container for the Directory Category */
										color: white;
										display:inline-block;
										float: left;
										height:62px;
										margin:30px 0px 30px 30px;
										padding:0;
										position:relative;
										text-align: center;
										text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 1px black;
										width:calc(50% - 60px); /* 33% - 2% - 2% - 2px - 2px */
									}

	.category-title-inner			{	/* Page Heading Container for the Directory Category */
										display:table;
										left:50%;
										position:absolute;
										top:50%;
										transform:translate(-50%, -50%);
										width:100%;
									}

	.category-title h2 				{
										background-color:grey;
										color:yellow;
										display:table-cell;
										font-family:Arial;
										font-size:400%;	
										font-weight:600;
										text-align: center;
										text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 15px black;
										vertical-align: middle;
										width:200px;
									}


	.category-title-img				{
										display:table-cell;
										float: left;
										margin-left:25px;
										vertical-align: middle;
									}

	.category-title img 			{
										display: table-cell;
										height:62px;
										width:62px;
										vertical-align: middle;
									}

	.category-nav-button-border		{	/* Contact NAV Button Border - Container Visuals and Position */
										background:rgba(255,255,255,0.25);
										border-style:solid;
										border-width: 2px;
										color:black;
										height:62px;	
										width:62px;
										vertical-align: middle;
									}

	.category-nav-button-img		{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
										border-radius:50%;
										height:100%;
										width:100%;
									}

	.category-nav-button-img img	{  	/* Contact NAV Button Image*/
										border-radius:50%;
										height:100%;
										width:100%;
									}

	.category-nav-button-img img:hover
									{}

	.category-nav-button-position 	{
										margin:30px auto;
									}
	.category-icon 					{
										height:62px;	
										width:62px;
									}

	.category-icon img 				{
										height:100%;
										width:100%;
									}

	.category-icon img:hover		{

									}

	.category-icon-once				{
										height:64px;
										width:64px;
									}

	.category-icon-once img 		{	
										height:64px;
										width:64px;
									}

	.category-icon-once img:hover	{}

	.category-icon-no-animation img {	
										height:64px;
										width:64px;
									}

	.category-nav-button 			{		
										border-radius: 50%;
										height:64px;	
										width:64px;
									}

	.category-nav-button-sha 		{	
										box-shadow: 3px 3px 5px black;
									}

	.category-nav-button-sha:hover 	{	
										box-shadow: -0px -0px 1px black;
									}

	.category-nav-button-back		{
										background-color:black;
									}

	.category-nav-button-back:hover	{}

	.category-nav-button-pos		{}

	.contact-nav-menu-icon-rotate	{	
										transition: all 0.5s ease-in;
									}

	.contact-nav-menu-icon-rotate:hover	
									{
										animation: rotate-right1 5s infinite linear;
									}

	.category01 ul 					{}

	.category01 li 					{
										background-color:0;									
										float:left;
										font-weight: bold;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_red_15px.png);
										margin:0;
										margin-left:30px;
										width:calc(50% - 60px);
									}

	.category01 li a:hover 			{
										color:yellow;
										font-weight:700;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 2px 2px 1px black;	
									}

	.category02 ul 					{}

	.category02 li					{
										/* background-color:rgba(225,225,225,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_orange_15px.png);
										padding-left: 0%;
										width:98%;
									}

	.category03 ul 					{	
										display:inline-block;
									}

	.category03 li					{
										/* background-color:rgba(235,235,235,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_green_15px.png);
										padding-left: 0%;
										width:98%;
									}

	#section-16						{	
										clear:both;
										float:left;
										margin:25px auto 0;
										width:100%								
									}

	#notes-sections					{
										overflow: auto;
										text-align: left;	
									}

	.reverse_text					{	
										direction: rtl;
										unicode-bidi: bidi-override;
									}

	/* =============================================== */
	/*	Footer Section								   */
	/* =============================================== */



	/* =============================================== */
	/*	WIKINAM Navigation Section - Left Side Menu	*/
	/* =============================================== */



	/* =============================================== */
	/*	Contact Navigation Section - Right Side Menu   */
	/* =============================================== */


	/* =============================================== */
	/* Define buttons with characters				  */
	/* =============================================== */


	.contact-nav-but-char			{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
										border-radius:190%;
										display:table;
										height:100%;
										width:100%;
									}

	.contact-nav-but-char a			{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */					
										background:rgba(255,255,255,0.00);
										border-radius:190%;
										color:yellow;
										display:table-cell; /* Vertical Centering */
										font-size: 300%;
										font-weight: 900;
										height:100%;
										line-height: 100%;
										text-align: center;
										text-decoration: none;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
										transition: all 1s ease-in-out;
										vertical-align: middle;
										width:100%;
									}

	.contact-nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */									
									{
										color:white;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
										animation: rotate-right1 5s infinite linear;
									}

	.contact-nav-button 			{
										height:52px;
										width:52px;
									}

	.contact-nav-button-sha 		{
										box-shadow: 3px 3px 3px black;
									}

	.contact-nav-button-sha:hover 	{
										box-shadow: -3px -3px 3px black;
									}

	.contact-nav-button-rad			{
										border-radius: 50%;
									}

	.contact-nav-button-rad:hover 	{ 
										background:yellow;
									}

	.contact-nav-button-background	{
										background:transparent;
									}

	.contact-nav-button-border
	{
		border-color:black;
		border-style:solid;
		border-width:2px;
		margin-bottom:5px;
		margin-top:5px;
	}

	.contact-nav-button-pos
	{
		clear:both;
		float:left;
		margin-left:20px;
	}


	/* =============================================== */
	/*	Footer Title Section						   */
	/* =============================================== */



	.button-nav-home				{
										display:-inline-block;


									}


	/* https://www.iconfinder.com/iconsets/social-media-2151 */


	/* https://www.iconfinder.com/iconsets/social-media-2151 */
	/* background: radial-gradient(rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(255,255,0,1) 70%); */
	/* #contact-nav-section img
	{
		color:black;
		background: rgba(170,170,170,0.65);
		border-radius:190%;
		border-style:solid;
		border-width: 2px;
		box-shadow: 5px 5px 10px black;
		width:72px;
		margin:2px;
	} */

	#google-maps
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		display:none;
		max-height:calc( 100vh - 30px);
		left:50%;
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:3em;
		transform:translateX(-50%);
		width:600px;
		z-index:1;
	}

}

@media screen and (min-width:720px) and (max-width:1279px)
{
	/* Set Page Dimensions */
	#page							{
										min-width: 720px;
										max-width:1279px;
									}
	

	#Xadv-sec 						{
										padding:0 auto;
									}
	
	#Xadv-sec img 					{
										margin:1em auto 0.5em;
										max-height:calc(70vh - 30px);
										max-width:calc(100% - 2em);
									}
	
	#Xadv-cap						{
										position:relative;
										bottom:3em; 
									}

	#header							{
										margin: 15px auto 0;
										position: relative;
										width:96%;
									}

	#contact-title					{
										color: white;
										display:block;
										height:60px;
										margin:30px auto;
										position:relative;
										text-align: center;
										text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 5px black;
										z-index:1;
									}

	.contact-title-inner			{	/* Page Heading Container for the Directory Category */
										left:50%;
										position:absolute;
										top:50%;
										transform:translate(-50%, -50%);
										align-items: center;
										color:white;
										/*
										font-family: 'Abril Fatface', cursive; 
										font-family: 'Anton';
										font-family: 'cursive';
										font-family: 'Georgia';
										font-family: 'Constantia';
										font-family: 'DejaVu Serif';			
										font-family: 'Hoefler Text';
										font-family: 'liberation Serif';
										font-family: 'Lucida Bright';
										font-family: 'Noto Serif';
										font-family: 'sans-serif';
										font-family: 'serif';
										font-family: Times;
										font-family: 'Times New Roman';
										font-family: 'Vollkorn'; 
										*/
										font-family: 'PT Serif';
										font-size:900%;
										font-weight:900;
										justify-content: center;
										letter-spacing: 2px;
										line-height: 40%;
										text-transform:uppercase;
									}

	/* Define Primary / Upper Section				  */
	/* Rotatong Category Buttons					   */
	/* =============================================== */

	#header-categories-primary
	{	/* Define Primary Category Container */
		Xbackground-color:rgba(0,0,0,0.20);
		border-radius:unset;
		display:block;
		margin:0 auto;
		position:relative;
		text-align: center;
	}

	#header-categories-primary ul
	{	/* Contact Unordered list - Normal - None Displayed */			
		display:table;
		margin:0 auto;
		vertical-align: middle;
	}

	#header-categories-primary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */	}

	#header-categories-primary li
 	{	/* Contact list Items Visuals */
		animation: rotate-right1 5s 12 linear;
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:58px;
		list-style: none;
		margin:10px 15px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:58px;
	}

	#header-categories-primary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-primary ul li a
	{	
		background:yellow;
		border-radius:50%;
		color:white;
		font-size: 120%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-primary ul li:hover a
	{
		background:white;
		border-radius:50%;
		color:yellow;
		font-size: 150%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
	}

	#header-categories-primary .header-categories-primary-active
	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
		border-radius:50%;
		display:table;
	}

	#header-categories-primary .header-categories-primary-active a 
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
	}

	#header-categories-primary .header-categories-primary-active a:hover
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
		color:Yellow;
	}

	#header h2
	{
		color:yellow;
		font-size:300%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 120%;
		text-align: center;
		text-transform:capitalize;
	}


	#header-categories-secondary
	{
		display:block;
		text-align: center;
		z-index:2;
	}

	#header-categories-secondary ul
	{	/* Contact Unordered list - Normal - None Displayed */
		display:table;
		margin:0 auto;
		vertical-align: middle;
	}

	#header-categories-secondary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */

	}

	#header-categories-secondary li
	{	/* Contact list Items Visuals */
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:58px;
		list-style: none;
		margin:10px 15px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:58px;
	}

	#header-categories-secondary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-secondary ul li a
	{	background:white;
		border-radius:190%;
		color:yellow;
		font-size: 200%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-secondary ul li:hover a
	{
		background:yellow;
		border-radius:190%;
		color:white;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
		font-size: 300%;
		text-decoration:none;
	}


	#header h3
	{
		font-family:Arial;
		font-size:200%;
		font-weight:550;
		letter-spacing: 2px;
		display:flex;
		justify-content: center;
		align-items: center;
	}

	#contact-title-footer
	{
		height:60px;
	}

	body
	{
		background-image: url(/img/bg/christmas-1280.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		background-size:cover;
	}

	#main
	{
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-family: Arial;
		font-size:125%;
		font-weight:100;
		margin: 0 auto;
		padding: 20px auto 300px;
		width:96%;
	}

	#main h2
	{}

	#main h3
	{}

	#main h4
	{}

	#main p
	{}

	.cf
	{
		clear:both;
	}

	.of
	{
		overflow:auto;
	}

	.box-background-white
	{
		background-color:white;
	}

	.box-background-grey
	{
		background:rgba(113,113,113,1.00);
	}

	.box-background-yellow
	{
		background:yellow;
	}

	.box-background-lightgoldenrodyellow
	{
		background-color:skyblue;
	}

	.boxbord
	{
		border-width: 1px;
		border-style:solid;
		border-color:black;
		box-shadow: 5px 5px 3px black;
	}

	.box-margins
	{
		margin: 0px auto;
	}

	.box-paddings
	{
		padding: 25px 10%;
	}

	.main-index-button
	{
		border-radius:190%;
		float:left;
	}

	.category-spacer
	{
		margin:30px auto;
		padding:30px 0;
	}

	/* Section-01 - Contact Details Section				  */
	/* ===================================================== */

	.category-title
	{	/* Page Heading Container for the Directory Category */
		background-color:0;
		color: white;
		display:inline-block;
		float: left;
		height:140px;
		margin-left:30px;
		margin-right:0px;
		padding:0;
		position:relative;
		text-align: center;
		text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 1px black;
		width:calc(50% - 60px); /* 33% - 2% - 2% - 2px - 2px */
	}

	.category-title-inner
	{	/* Page Heading Container for the Directory Category */
		display:table;
		left:50%;
		position:absolute;
		top:50%;
		transform:translate(-50%, -50%);
		width:100%;
	}

	.category-title h2
	{
		background-color:grey;
		color:yellow;
		display:table-cell;
		font-family:Arial;
		font-size:500%;	
		font-weight:600;
		text-align: center;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 15px black;
		vertical-align: middle;
		width:200px;
	}

	.category-title-img
	{
		display:table-cell;
		float: left;
		margin-left:25px;
		vertical-align: middle;
	}

	.category-title img
	{
		display: table-cell;
		height:62px;
		width:62px;
		vertical-align: middle;
	}

	.category-nav-button-border
	{	/* Contact NAV Button Border - Container Visuals and Position */
		background:rgba(255,255,255,0.25);
		border-style:solid;
		border-width: 2px;
		color:black;
		height:62px;
		width:62px;
		vertical-align: middle;
	}

	.category-nav-button-img
	{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
		border-radius:50%;
		height:100%;
		width:100%;
	}

	.category-nav-button-img img
	{  	/* Contact NAV Button Image*/
		border-radius:50%;
		height:100%;
		width:100%;
	}

	.category-nav-button-img img:hover
									{}

	.category-nav-button-position 	{
										margin:30px auto;
									}
	.category-icon 					{
										height:62px;	
										width:62px;
									}

	.category-icon img 				{
										height:100%;
										width:100%;
									}

	.category-icon img:hover		{

									}

	.category-icon-once				{
										height:64px;
										width:64px;
									}

	.category-icon-once img 		{	
										height:64px;
										width:64px;
									}

	.category-icon-once img:hover	{}

	.category-icon-no-animation img {	
										height:64px;
										width:64px;
									}

	.category-nav-button 			{		
										border-radius: 50%;
										height:64px;	
										width:64px;
									}

	.category-nav-button-sha 		{	
										box-shadow: 3px 3px 5px black;
									}

	.category-nav-button-sha:hover 	{	
										box-shadow: -0px -0px 1px black;
									}

	.category-nav-button-back		{
										background-color:black;
									}

	.category-nav-button-back:hover	{}

	.category-nav-button-pos		{}

	.contact-nav-menu-icon-rotate	{	
										transition: all 0.5s ease-in;
									}

	.contact-nav-menu-icon-rotate:hover	
									{
										animation: rotate-right1 5s infinite linear;
									}

	.category01 ul 					{}

	.category01 li 					{
										background-color:0;									
										float:left;
										font-weight: bold;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_red_15px.png);
										margin:0;
										margin-left:30px;
										width:calc(50% - 60px);
									}

	.category01 li a:hover 			{
										color:yellow;
										font-weight:700;
										text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 2px 2px 1px black;	
									}

	.category02 ul 					{}

	.category02 li					{
										/* background-color:rgba(225,225,225,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_orange_15px.png);
										padding-left: 0%;
										width:98%;
									}

	.category03 ul 					{	
										display:inline-block;
									}

	.category03 li					{
										/* background-color:rgba(235,235,235,1.00); */
										float:left;
										font-weight:normal;
										line-height:200%;
										list-style-image: url(../../../img/bul/index_bullet_round_green_15px.png);
										padding-left: 0%;
										width:98%;
									}

	#section-16						{	
										clear:both;
										float:left;
										margin:25px auto 0;
										width:100%								
									}

	#notes-sections					{
										overflow: auto;
										text-align: left;	
									}

	.reverse_text					{	
										direction: rtl;
										unicode-bidi: bidi-override;
									}

	/* =============================================== */
	/*	Footer Section								   */
	/* =============================================== */



	/* =============================================== */
	/*	WIKINAM Navigation Section - Left Side Menu	*/
	/* =============================================== */



	/* =============================================== */
	/*	Contact Navigation Section - Right Side Menu   */
	/* =============================================== */



	/* Define buttons with characters				  */
	/* =============================================== */


	.contact-nav-but-char			{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
										border-radius:190%;
										display:table;
										height:100%;
										width:100%;
									}

	.contact-nav-but-char a
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */					
		background:rgba(255,255,255,0.00);
		border-radius:190%;
		color:yellow;
		display:table-cell; /* Vertical Centering */
		font-size: 300%;
		font-weight: 900;
		height:100%;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
		transition: all 1s ease-in-out;
		vertical-align: middle;
		width:100%;
	}

	.contact-nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */									
	{
		color:white;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
		animation: rotate-right1 5s infinite linear;
	}


	/* =============================================== */
	/*	Footer Title Section						   */
	/* =============================================== */



	.button-nav-home				{
										display:-inline-block;


									}


	/* https://www.iconfinder.com/iconsets/social-media-2151 */

	#google-maps
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		display:none;
		max-height:calc( 100vh - 30px);
		left:50%;
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:50%;
		transform:translate(-50%,-50%);
		width:600px;
		z-index:1;
	}

}






@media screen and (min-width:1280px) and (max-width:1919px)
{
	#page							{
										min-width: 1280px;
										max-width:1280px;
									}

	#Xadv-sec 						{
										padding:0 auto;
									}
	
	#Xadv-sec img 					{
										margin:1em auto 0.5em;
										max-height:calc(70vh - 30px);
										max-width:calc(100% - 2em);
									}
	
	#Xadv-cap						{
										position:relative;
										bottom:3em; 
									}

	#header							{
										margin: 40px auto 0;
										position: relative;
										width:calc(100% * 95 / 100);
									}

	#contact-title
	{
		color: white;
		display:block;
		height:60px;
		margin:30px auto;
		position:relative;
		text-align: center;
		text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 5px black;
		z-index:1;
	}

.contact-title-inner
			{	/* Page Heading Container for the Directory Category */
		left:50%;
		position:absolute;
		top:50%;
		transform:translate(-50%, -50%);
		/* Page Header color:chocolate; */
		align-items: center;
		color:white;
		/*
		font-family: 'Abril Fatface', cursive; 
		font-family: 'Anton';
		font-family: 'cursive';
		font-family: 'Georgia';
		font-family: 'Constantia';
		font-family: 'DejaVu Serif';			
		font-family: 'Hoefler Text';
		font-family: 'liberation Serif';
		font-family: 'Lucida Bright';
		font-family: 'Noto Serif';
		font-family: 'sans-serif';
		font-family: 'serif';
		font-family: Times;
		font-family: 'Times New Roman';
		font-family: 'Vollkorn'; 
		*/
		font-family: 'PT Serif';
		font-size:900%;
		font-weight:900;
		justify-content: center;
		letter-spacing: 2px;
		line-height: 40%;
		text-transform:uppercase;
	}

/* Define Primary / Upper Section	*/
/* Rotatong Category Buttons		*/
/* =========================== */

	#header-categories-primary
	{	/* Define Primary Category Container */
		Xbackground-color:rgba(0,0,0,0.20);
		border-radius:unset;
		display:block;
		margin:0 auto;
		position:relative;
		text-align: center;
	}

#header-categories-primary ul
								{	/* Contact Unordered list - Normal - None Displayed */			
									display:table;
									margin:0 auto;
									vertical-align: middle;
								}

	#header-categories-primary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */	}

	#header-categories-primary li
 	{	/* Contact list Items Visuals */
		animation: rotate-right1 5s 12 linear;
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:72px;
		list-style: none;
		margin:10px 15px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:72px;
	}

	#header-categories-primary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-primary ul li a
	{	
		background:yellow;
		border-radius:50%;
		color:white;
		font-size: 120%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-primary ul li:hover a
	{
		background:white;
		border-radius:50%;
		color:yellow;
		font-size: 150%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
	}

	#header-categories-primary .header-categories-primary-active
	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
		border-radius:50%;
		display:table;
	}

	#header-categories-primary .header-categories-primary-active a 
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
	}

	#header-categories-primary .header-categories-primary-active a:hover
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background-color:lightgray;
		color:Yellow;
	}

	#header h2
	{
		color:yellow;
		font-size:300%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 120%;
		text-align: center;
		text-transform:capitalize;
	}

	#header-categories-secondary
	{
		display:block;
		text-align: center;
	}

	#header-categories-secondary ul
	{	/* Contact Unordered list - Normal - None Displayed */
		display:table;
		margin:0 auto;
		vertical-align: middle;
	}

	#header-categories-secondary:hover ul
	{	/* Contact Unordered list - Hovered - Display when Hovered */
		
	}

	#header-categories-secondary li
	{	/* Contact list Items Visuals */
		border-radius:50%;
		box-shadow: 3px 3px 3px black;
		display:inline-block;
		height:72px;
		list-style: none;
		margin:10px 15px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:72px;
	}

	#header-categories-secondary li:hover
	{	/* Contact list Items Visuals */
		box-shadow: -3px -3px 3px black;
	}

	#header-categories-secondary ul li a
	{	background:white;
		border-radius:190%;
		color:yellow;
		font-size: 200%;
		text-decoration:none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
		transition: all 0.5s ease-in;
	}

	#header-categories-secondary ul li:hover a
	{
		background:yellow;
		border-radius:190%;
		color:white;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
		font-size: 300%;
		text-decoration:none;
	}


	#header h3
	{
		font-family:Arial;
		font-size:200%;
		font-weight:550;
		letter-spacing: 2px;
		display:flex;
		justify-content: center;
		align-items: center;
	}

#contact-title-footer			{
									height:60px;
									amargin: 0 auto;
									z-index:-1;
								}



#main 							{
									border-width: 0;
									border-style:solid;
									border-color:black;
									display:block;
									font-family: Arial;
									font-size:125%;
									font-weight:100;
									margin: 0 auto;
								 	padding: 20px auto 300px;
									width:96%;
								}

#main h2 						{}

#main h3 						{}

#main h4 						{}

#main p 						{}

.cf								{
									clear:both;
								}

.of 							{
									overflow:auto;
								}

.box-background-white			{
									background-color:white;
								}

.box-background-grey			{
									background:rgba(113,113,113,1.00);
								}

.box-background-yellow			{
									background:yellow;
								}

.box-background-lightgoldenrodyellow
								{
									background-color:skyblue;
								}

.boxbord 						{
									border-width: 1px;
									border-style:solid;
									border-color:black;
									box-shadow: 3px 3px 3px black;
								}

.box-margins					{
									margin: 0px auto;
								}

.box-paddings					{
									padding: 25px 10%;
								}

.main-index-button 				{
									border-radius:190%;
									float:left;
								}

.category-spacer 				{
									margin:30px auto;
									padding:30px 0;
								}


/* Section-01 - Contact Details Section				  */
/* ===================================================== */

.category-title					{	/* Page Heading Container for the Directory Category */
									background-color:0;
									color: white;
									display:inline-block;
									float: left;
									height:140px;
									margin-left:30px;
									margin-right:0px;
									padding:0;
									position:relative;
									text-align: center;
									text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 1px black;
									width:calc(33.3333% - 60px); /* 33% - 2% - 2% - 2px - 2px */
								}

.category-title-inner			{	/* Page Heading Container for the Directory Category */
									display:table;
									left:50%;
									position:absolute;
									top:50%;
									transform:translate(-50%, -50%);
									width:100%;
								}

.category-title h2 				{
									background-color:grey;
									color:yellow;
									display:table-cell;
									font-family:Arial;
									font-size:500%;	
									font-weight:600;
									text-align: center;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 15px black;
									vertical-align: middle;
									width:200px;
								}

.category-title-img				{
									display:table-cell;
									float: left;
									margin-left:25px;
									vertical-align: middle;
								}

.category-title img 			{
									display: table-cell;
									height:72px;
									width:72px;
									vertical-align: middle;
								}

.category-nav-button-border		{	/* Contact NAV Button Border - Container Visuals and Position */
									background:rgba(255,255,255,0.25);
									border-style:solid;
									border-width: 2px;
									color:black;
									height:72px;	
									width:72px;
									vertical-align: middle;
								}

.category-nav-button-img		{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
									border-radius:50%;
									height:100%;
									width:100%;
								}

.category-nav-button-img img	{  	/* Contact NAV Button Image*/
									border-radius:50%;
									height:100%;
									width:100%;
								}

.category-nav-button-img img:hover
								{}

.category-nav-button-position 	{
									margin:30px auto;
								}
.category-icon 					{
									height:72px;	
									width:72px;
								}

.category-icon img 				{
									height:100%;
									width:100%;
								}

.category-icon img:hover		{
								
								}

.category-icon-once				{
									height:64px;
									width:64px;
								}

.category-icon-once img 		{	
									height:64px;
									width:64px;
								}

.category-icon-once img:hover	{}

.category-icon-no-animation img {	
									height:64px;
									width:64px;
								}

.category-nav-button 			{		
									border-radius: 50%;
									height:64px;	
									width:64px;
								}

.category-nav-button-sha 		{	
									box-shadow: 3px 3px 5px black;
								}

.category-nav-button-sha:hover 	{	
									box-shadow: -0px -0px 1px black;
								}

.category-nav-button-back		{
									background-color:black;
								}

.category-nav-button-back:hover	{}

.category-nav-button-pos		{}

.contact-nav-menu-icon-rotate	{	
									transition: all 0.5s ease-in;
								}

.contact-nav-menu-icon-rotate:hover	
								{
									animation: rotate-right1 5s infinite linear;
								}

.category01 ul 					{}

.category01 li 					{
									background-color:0;									
									float:left;
									font-weight: bold;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_red_15px.png);
									margin:0;
									margin-left:30px;
									width:calc(33.3333% - 60px);
								}

.category01 li a:hover 			{
									color:yellow;
									font-weight:700;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 2px 2px 1px black;	
								}

.category02 ul 					{}

.category02 li					{
									/* background-color:rgba(225,225,225,1.00); */
									float:left;
									font-weight:normal;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_orange_15px.png);
									padding-left: 0%;
									width:98%;
								}

.category03 ul 					{	
									display:inline-block;
								}

.category03 li					{
									/* background-color:rgba(235,235,235,1.00); */
									float:left;
									font-weight:normal;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_green_15px.png);
									padding-left: 0%;
									width:98%;
								}

#section-16						{	
									clear:both;
									float:left;
									margin:25px auto 0;
									width:100%								
								}

#notes-sections					{
									overflow: auto;
									text-align: left;	
								}

.reverse_text					{	
									direction: rtl;
									unicode-bidi: bidi-override;
								}

/* =========================== */
/*	c Section								   */
/* =========================== */



/* =========================== */
/*	WIKINAM Navigation Section - Left Side Menu	*/
/* =========================== */


/* =========================== */
/*	Contact Navigation Section - Right Side Menu   */
/* =========================== */


/* =========================== */
/*	Footer Title Section						   */
/* =========================== */




/* Define buttons with Images					  */
/* =========================== */
.contact-nav-button-img			{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
									height:100%;
									width:100%;
								}

.contact-nav-button-img img		{  	/* Contact NAV Button Image*/
									border-width: 0;
									color:black;
									transition: all 1s ease-in-out;
									height:100%;
									width:100%;
								}

.contact-nav-button-img img:hover
								{	/* Contact NAV Button Image - Rotate when Hovered */	
									animation: rotate-right1 5s infinite linear;
								}

.contact-icon 					{
									height:64px;
									width:64px;
								}

.contact-icon img 				{	
									height:100%;
									width:100%;
								}

.contact-icon img:hover			{
									animation: rotate-right1 5s infinite linear;
								}

.contact-icon-once img 			{	
									animation: rotate-left1 1s ease-in-out;
									height:64px;
									width:64px;
								}

.contact-icon-once img:hover	{
									animation: rotate-right1 1s ease-in-out;
								}

.contact-icon-no-animation img 	{	
									height:64px;
									width:64px;
								}

.contact-icon-position 			{
									clear:both;
									float:left;
									margin-left:25px;
								}

.contact-nav-button 			{									
									height:64px;	
									width:64px;
								}

.contact-nav-button-sha 		{	
									box-shadow: 3px 3px 5px black;
								}

.contact-nav-button-sha:hover 	{	
									box-shadow: -1px -1px 5px black;
								}

.contact-nav-button-rad			{
									border-radius: 90%;
								}

.contact-nav-button-rad:hover 	{ 
									background:yellow;
								}

	.contact-nav-button-bck
	{
		background:white;
	}

	.contact-nav-button-pos
	{
		clear:both;
		float:left;
		margin-left:20px;
	}


	/* Define buttons with characters  */
	/* =========================== */


	.contact-nav-button-character
	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
		border-radius:190%;
		display:table;
		height:100%;
		width:100%;
	}

	.contact-nav-button-character a
	{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
		background:rgba(255,255,255,0.00);
		border-radius:190%;
		color:yellow;
		display:table-cell; /* Vertical Centering */
		font-size: 300%;
		font-weight: 900;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
		transition: all 1s ease-in-out;
		vertical-align: middle;
	}

	.contact-nav-button-character:hover
	{
		background:rgba(255,255,255,1);
	}

	.contact-nav-button-character:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */
	{
		background-color:rgba(255,255,0,1);
		color:white;
		text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
		animation: rotate-right1 5s infinite linear;
	}

	.contact-nav-button
	{
		height:52px;
		width:52px;
	}

	.contact-nav-button-sha
	{
		box-shadow: 3px 3px 3px black;
	}

	.contact-nav-button-sha:hover
	{
		box-shadow: -3px -3px 3px black;
	}

	.contact-nav-button-rad
	{
		border-radius: 50%;
	}

	.contact-nav-button-rad:hover
	{ 
		background:yellow;
	}

	.contact-nav-button-background
	{
		background:transparent;
	}

	.contact-nav-button-border
	{
		border-color:black;
		border-style:solid;
		border-width:2px;
		margin-bottom:5px;
		margin-top:5px;
	}

	.contact-nav-button-pos
	{
		clear:both;
		float:left;
		margin-left:20px;
	}

	.button-nav-home
	{
		display:-inline-block;
	}

	#google-maps
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		display:none;
		max-height:calc( 100vh - 30px);
		left:50%;
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:50%;
		transform:translate(-50%,-50%);
		width:600px;
		z-index:1;
	}

}

@media screen and (min-width:1920px)
{
	#page							{
										min-width:1280px;
										max-width:1280px;
									}

	#Xadv-sec 						{
										padding:0 auto;
									}
	
	#Xadv-sec img 					{
										margin:1.5em auto 0.5em;
										max-height:calc(70vh - 30px);
										max-width:calc(100% - 2em);
									}
	
	#Xadv-cap						{
										position:relative;
										bottom:3em; 
									}
	
	#header							{
										margin: 40px auto 0;
										position: relative;
										width:calc(100% * 95 / 100);
									}


	#contact-title					{
										color: white;
										display:block;
										height:60px;
										margin:30px auto;
										position:relative;
										text-align: center;
										text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 5px black;
										z-index:1;
									}

.contact-title-inner			{	/* Page Heading Container for the Directory Category */
									left:50%;
									position:absolute;
									top:50%;
									transform:translate(-50%, -50%);
									align-items: center;
									color:white;
									/*
									font-family: 'Abril Fatface', cursive; 
									font-family: 'Anton';
									font-family: 'cursive';
									font-family: 'Georgia';
									font-family: 'Constantia';
									font-family: 'DejaVu Serif';			
									font-family: 'Hoefler Text';
									font-family: 'liberation Serif';
									font-family: 'Lucida Bright';
									font-family: 'Noto Serif';
									font-family: 'sans-serif';
									font-family: 'serif';
									font-family: Times;
									font-family: 'Times New Roman';
									font-family: 'Vollkorn'; 
									*/
									font-family: 'PT Serif';
									font-size:900%;
									font-weight:900;
									justify-content: center;
									letter-spacing: 2px;
									line-height: 40%;
									text-transform:uppercase;
								}

/* Define Primary / Upper Section				  */
/* Rotatong Category Buttons					   */
/* =============================================== */

#header-categories-primary		{	/* Define Primary Category Container */
									Xbackground-color:rgba(0,0,0,0.20);
									border-radius:unset;
									display:block;
									margin:0 auto;
									position:relative;
									text-align: center;
								}

#header-categories-primary ul
								{	/* Contact Unordered list - Normal - None Displayed */			
									display:table;
									margin:0 auto;
									vertical-align: middle;
								}

#header-categories-primary:hover ul
								{	/* Contact Unordered list - Hovered - Display when Hovered */	}

#header-categories-primary li 	{	/* Contact list Items Visuals */
									animation: rotate-right1 5s 12 linear;
									border-radius:50%;
									display:inline-block;
									height:72px;
									list-style: none;
									margin:10px 15px;
									padding:0;
									text-align: center;
									vertical-align: middle;
									width:72px;
								}

#header-categories-primary li:hover
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 3px black;
								}

#header-categories-primary ul li a
								{	
									background:yellow;
									border-radius:50%;
									color:white;
									font-size: 120%;
									text-decoration:none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
									transition: all 0.5s ease-in;
								}

#header-categories-primary ul li:hover a
								{
									background:white;
									border-radius:50%;
									color:yellow;
									font-size: 150%;
									text-decoration:none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
								}

#header-categories-primary .header-categories-primary-active	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
									border-radius:50%;
									display:table;
								}

#header-categories-primary .header-categories-primary-active a 
								{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
									background-color:lightgray;
								}

#header-categories-primary .header-categories-primary-active a:hover
								{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
									background-color:lightgray;
									color:Yellow;
								}

#header h2						{
									color:yellow;
									font-size:300%;
									font-weight:900;
									letter-spacing: 2px;
									line-height: 120%;
									text-align: center;
									text-transform:capitalize;
								}


#header-categories-secondary	{	
									display:block;
									text-align: center;
									z-index:2;
								}

#header-categories-secondary ul
								{	/* Contact Unordered list - Normal - None Displayed */			
									display:table;
									margin:0 auto;
									vertical-align: middle;
								}

#header-categories-secondary:hover ul
								{	/* Contact Unordered list - Hovered - Display when Hovered */
									
								}

#header-categories-secondary li {	/* Contact list Items Visuals */
									border-radius:50%;
									box-shadow: 3px 3px 3px black;
									display:inline-block;
									height:72px;
									list-style: none;
									margin:10px 15px;
									padding:0;
									text-align: center;
									vertical-align: middle;
									width:72px;
								}

#header-categories-secondary li:hover
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 3px black;
								}

#header-categories-secondary ul li a
								{	background:white;
									border-radius:190%;
									color:yellow;
									font-size: 200%;
									text-decoration:none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
									transition: all 0.5s ease-in;
								}

#header-categories-secondary ul li:hover a
								{
									background:yellow;
									border-radius:190%;
									color:white;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
									font-size: 300%;
									text-decoration:none;
								}


#header h3 						{	
									font-family:Arial;
									font-size:200%;
									font-weight:550;
									letter-spacing: 2px;
									display:flex;
									justify-content: center;
									align-items: center;
								}

#contact-title-footer			{
									height:60px;
								}

#main 							{
									border-width: 0;
									border-style:solid;
									border-color:black;
									display:block;
									font-family: Arial;
									font-size:125%;
									font-weight:100;
									margin: 0 auto;
								 	padding: 20px auto 300px;
									width:calc(100% * 95 / 100);
								}

#main h2 						{}

#main h3 						{}

#main h4 						{}

#main p 						{}

.cf								{
									clear:both;
								}

.of 							{
									overflow:auto;
								}

.box-background-white			{
									background-color:white;
								}

.box-background-grey			{
									background:rgba(113,113,113,1.00);
								}

.box-background-yellow			{
									background:yellow;
								}

.box-background-lightgoldenrodyellow
								{
									background-color:skyblue;
								}

.boxbord 						{	
									border-width: 1px;
									border-style:solid;
									border-color:black;
									box-shadow: 3px 3px 3px black;
								}

.box-margins					{
									margin: 0px auto;
								}

.box-paddings					{
									padding: 25px 10%;
								}

.main-index-button 				{
									border-radius:190%;
									float:left;
								}

.category-spacer 				{
									margin:30px auto;
									padding:30px 0;
								}


/* Section-01 - Contact Details Section				  */
/* ===================================================== */

.category-title					{	/* Page Heading Container for the Directory Category */
									background-color:0;
									color: white;
									display:inline-block;
									float: left;
									height:140px;
									margin-left:30px;
									margin-right:0px;
									padding:0;
									position:relative;
									text-align: center;
									text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,5px 5px 1px black;
									width:calc(33.3333% - 60px); /* 33% - 2% - 2% - 2px - 2px */
								}

.category-title-inner			{	/* Page Heading Container for the Directory Category */
									display:table;
									left:50%;
									position:absolute;
									top:50%;
									transform:translate(-50%, -50%);
									width:100%;
								}

.category-title h2 				{
									background-color:grey;
									color:yellow;
									display:table-cell;
									font-family:Arial;
									font-size:500%;	
									font-weight:600;
									text-align: center;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 15px black;
									vertical-align: middle;
									width:200px;
								}

.category-title-img				{
									display:table-cell;
									float: left;
									margin-left:25px;
									vertical-align: middle;
								}

.category-title img 			{
									display: table-cell;
									height:72px;
									width:72px;
									vertical-align: middle;
								}

.category-nav-button-border		{	/* Contact NAV Button Border - Container Visuals and Position */
									background:rgba(255,255,255,0.25);
									border-style:solid;
									border-width: 2px;
									color:black;
									height:72px;	
									width:72px;
									vertical-align: middle;
								}

.category-nav-button-img		{	/* Contact NAV Button Image - Container background Visuals and Position for Images */
									border-radius:50%;
									height:100%;
									width:100%;
								}

.category-nav-button-img img	{  	/* Contact NAV Button Image*/
									border-radius:50%;
									height:100%;
									width:100%;
								}

.category-nav-button-img img:hover
								{}

.category-nav-button-position 	{
									margin:30px auto;
								}
.category-icon 					{
									height:72px;	
									width:72px;
								}

.category-icon img 				{
									height:100%;
									width:100%;
								}

.category-icon img:hover		{
								
								}

.category-icon-once				{
									height:64px;
									width:64px;
								}

.category-icon-once img 		{	
									height:64px;
									width:64px;
								}

.category-icon-once img:hover	{}

.category-icon-no-animation img {	
									height:64px;
									width:64px;
								}

.category-nav-button 			{		
									border-radius: 50%;
									height:64px;	
									width:64px;
								}

.category-nav-button-sha 		{	
									box-shadow: 3px 3px 5px black;
								}

.category-nav-button-sha:hover 	{	
									box-shadow: -0px -0px 1px black;
								}

.category-nav-button-back		{
									background-color:black;
								}

.category-nav-button-back:hover	{}

.category-nav-button-pos		{}

.contact-nav-menu-icon-rotate	{	
									transition: all 0.5s ease-in;
								}

.contact-nav-menu-icon-rotate:hover	
								{
									animation: rotate-right1 5s infinite linear;
								}

.category01 ul 					{ }

.category01 li 					{
									background-color:0;						
									float:left;
									font-weight: bold;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_red_15px.png);
									margin:0;
									margin-left:30px;
									width:calc(33.3333% - 60px);
								}

.category01 li a:hover 			{
									color:yellow;
									font-weight:700;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 2px 2px 1px black;	
								}

.category02 ul 					{}

.category02 li					{
									/* background-color:rgba(225,225,225,1.00); */
									float:left;
									font-weight:normal;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_orange_15px.png);
									padding-left: 0%;
									width:98%;
								}

.category03 ul 					{	
									display:inline-block;
								}

.category03 li					{
									/* background-color:rgba(235,235,235,1.00); */
									float:left;
									font-weight:normal;
									line-height:200%;
									list-style-image: url(../../../img/bul/index_bullet_round_green_15px.png);
									padding-left: 0%;
									width:98%;
								}

#section-16						{	
									clear:both;
									float:left;
									margin:25px auto 0;
									width:100%								
								}

#notes-sections					{
									overflow: auto;
									text-align: left;	
								}

.reverse_text					{	
									direction: rtl;
									unicode-bidi: bidi-override;
								}

/* =============================================== */
/*	Footer Section								   */
/* =============================================== */



/* =============================================== */
/*	WIKINAM Navigation Section - Left Side Menu	*/
/* =============================================== */


/* =============================================== */
/*	Contact Navigation Section - Right Side Menu   */
/* =============================================== */



/* Define buttons with characters				  */
/* =============================================== */


.contact-nav-but-char			{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
									border-radius:190%;
									display:table;
									height:100%;
									width:100%;
								}

.contact-nav-but-char a			{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */					
									background:rgba(255,255,255,0.00);
									border-radius:190%;
									color:yellow;
									display:table-cell; /* Vertical Centering */
									font-size: 300%;
									font-weight: 900;
									height:100%;
									line-height: 100%;
									text-align: center;
									text-decoration: none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
									transition: all 1s ease-in-out;
									vertical-align: middle;
									width:100%;
								}

.contact-nav-but-char:hover
								{
									background:rgba(255,255,255,1);
								}

.contact-nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */									
								{
									background-color:rgba(255,255,0,1);
									color:white;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -5px -5px 5px black;
									animation: rotate-right1 5s infinite linear;
								}

.contact-nav-button 			{
									height:52px;	
									width:52px;
								}

.contact-nav-button-sha 		{	
									box-shadow: 3px 3px 10px black;
								}

.contact-nav-button-sha:hover 	{	
									box-shadow: -3px -3px 10px black;
								}

	.contact-nav-button-rad
	{
		border-radius: 50%;
	}

	.contact-nav-button-rad:hover
	{ 
		background:yellow;
	}

	.contact-nav-button-background
	{
		background:transparent;
	}

	.contact-nav-button-border
	{
		border-color:black;
		border-style:solid;
		border-width:2px;
		margin-bottom:5px;
		margin-top:5px;
	}

	.contact-nav-button-pos
	{
		clear:both;
		float:left;
		margin-left:20px;
	}
/* =============================================== */
/*	Footer Title Section						   */
/* =============================================== */

	#footer-title-section
	{
		color:rgba(255,255,255,1.00); 
		font-family:Volkorn;
		padding:0 auto;
		position:absolute;
		text-align: center;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 5px black, 5px 5px 5px black;
		bottom:0px;
		width:100%;
	}

	#footer-title-section h2
	{
		bottom: 30px;
		color: Yellow;
		font-size: 300%;
		font-weight: 900;
		left: 50%;
		line-height: 100%;
		position: absolute;
		transform: translateX(-50%);
	}

	#footer-title-section h3
	{
		font-family:Arial;
		font-size:250px;
		font-weight:600;
		letter-spacing: 2px;
		line-height: 125%;
	}

	#copyright-section
	{	/* Copyright Notices etc. */
		clear:both;
		color:white;
		font-family:Arial;
		font-size:80%;
		font-weight:600;
		letter-spacing: 2px;
		line-height:100%;
		margin: 0 auto 5px;
		text-align: center;
		width:75%;
		/* line-height:100%; */
	}

	#copyright-section span
	{
		color:yellow;
	}

	.button-nav-home
	{
		display:-inline-block;


	}

/* https://www.iconfinder.com/iconsets/social-media-2151 */
	#google-maps
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		display:none;
		max-height:calc( 100vh - 30px);
		left:50%;
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:50%;
		transform:translate(-50%,-50%);
		width:600px;
		z-index:1;
	}

}


/* https://www.iconfinder.com/iconsets/social-media-2151 */


	@keyframes fadeIn
	{
		0% 		{
					opacity: 0;
				}

		100% 	{
					opacity: 1;
				}
	}


@keyframes rotate-left1
	{	/* Animation (Rotate Clockwise) for buttons and objects */
		/* Rotates: Category Buttons 							*/
		0% 		{
					transform:rotate(360deg);
				}

		100% 	{
					transform:rotate(0deg);
				} 
	}

@keyframes rotate-right1		{	/* Animation (Rotate Clockwise) for buttons and objects */
									/* Rotates: Category Buttons 							*/
  									0% 		{
												transform:rotate(0deg);
  											}
								
  									100% 	{
												transform:rotate(360deg);
											} 
								}

#header-categories-primary li 	{	/* Contact list Items Visuals */
									box-shadow: 3px 3px 3px black;
								}

#header-categories-primary li:hover 
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 3px black;
								}

#header-categories-secondary li
								{	/* Contact list Items Visuals */
									box-shadow: 3px 3px 3px black;
								}

#header-categories-secondary li:hover
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 3px black;
								}

#wikinam-title /* all */
{
	color:white;
	display:inline-block;
	font-family:Vollkorn;
	afont-size:13vw;
	font-weight:900;
	line-height:100%;
	margin:0 auto;
	/* padding:0; */
	max-width:100%;
	text-align: center;
	text-shadow: -1px 1px 1px black, -2px 2px 1px black, -3px 3px 1px black, -4px 4px 1px black, -5px 5px 1px black, 1px -1px 1px black, 2px -1px 0px black;
	width:100%;
	/* position:relative; */
	/* z-index:1; */
}

#wikinam-title img /* all */
{
	width:100%;
}


ul.contact-container ul.contact > li /* >1920 */
{
	/* background:cyan; */
	border-radius:0;
	border-bottom: 3px dashed yellow;
	margin:0;
	margin:0;
	/* width:90%; */
}