@charset "utf-8";
/* CSS Document */
/* all */

.dn /* All */
{
	display:none!important;
}

/*

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

*/

/* =========================== */
/*	WIKINAM Navigation Section
/* =========================== */


/* all */

body /* All */
{
	background-attachment: fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed;
	background-blend-mode: normal,normal,normal,normal,normal,normal,normal,normal,normal;
	background-position:top left, top center, top right, left, right, bottom left, bottom center, bottom right, center;
	/* background-position:top, bottom, left, right, center; */
	background-repeat:no-repeat, repeat-x, no-repeat, repeat-y, repeat-y, no-repeat, repeat-x, no-repeat, no-repeat;
	background-size:auto, auto, auto, auto, auto, auto, auto, auto, cover;
	margin-bottom:100vh!important;
}

#page /* all */
{	/* background:lime; */
	display:block;
	margin:0 auto;
	overflow-x:clip;
	position:relative;
}



.nav-but-rad img /* all */
{	/* Make all nav-button icons cicles or they will be square. */
	border-radius: 50%;
}

a /* all */
{	/* Remove link / Anchor Decorations etc. */
	text-decoration: none;
}

.cf /* all */
{	/* Clear Floats */
	clear:both;
}

.cf::after /* all */
{
	content: " ";
	display: block; 
	height: 0; 
	clear: both;
}

.of /* all */
{	/* Handle Overflow Automatically */
	overflow:auto;
}

.bg-white /* all */
{
	background-color:white;
}

.bg-light-gray /* all */
{
	background-color:lightgray;
}

.bg-yellow /* all */
{
	background:yellow;
}


.cf /* all */
{	/* Clear Floats */
clear:both;
}

.of /* all */
{	/* Handle Overflow Automatically */
overflow:auto;
}

.bg-gray /* all */
{
	background-color:gray;
}


.bg-light-gray /* all */
{
	background-color:lightgray;
}

.bg-yellow /* all */
{
background:yellow;
}


.bg-yellow /* all */
{
	background-color:yellow;
}

.bg-white /* all */
{
	background-color:white;
}





.contact-box-borders:hover /* all */
{	/* Contact Box Borders - Hovered	*/
box-shadow: -3px -3px 10px black;
}

.bor-rad-5px /* all */
{
	/* background:lime; */
	border-radius:5px;
}
.bor-rad-10px /* all */
{
	border-radius:10px;
}
.bor-rad-15px /* all */
{
	border-radius:15px;
}

.bor-rad-20px /* all */
{
	/* background:lime; */
	border-radius:20px;
}
.bor-rad-25px /* all */
{
	border-radius:25px;
}
.bor-rad-32px /* all */
{
	border-radius:32px;
}

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

.box-bor /* all */
{
	border-width: 1px;
	border-style:solid;
	border-color:black;
}

.box-pad-bot-10px, /* all */
.box-pad-vertical-12px
{
	padding-bottom: 10px;
}

.box-pad-bot-16px, /* all */
.box-pad-vertical-16px
{
	padding-bottom: 16px;
}

.box-pad-bot-18px, /* all */
.box-pad-vertical-18px
{
	padding-bottom: 18px;
}

.box-pad-bottom, /* all */
.box-pad-bot-24px,
.box-pad-vertical-24px
{
	padding-bottom: 24px;
}


.box-pad-4em, /* all */
.box-pad-bot-4em,
.box-pad-vertical-4em
{
	padding-bottom: 4em;
}


.box-pad-top-12px, /* all */
.box-pad-vertical-12px
{
	padding-top: 12px;
}

.box-pad-top-1em
{
	padding-top:1em;
}

.box-pad-top, /* all */
.box-pad-top-16px,
.box-pad-vertical-16px
{
	padding-top: 16px;
}

.box-pad-top-18px, /* all */
.box-pad-vertical-18px
{
	padding-top: 18px;
}


.box-pad-top-24px, /* all */
.box-pad-vertical-24px
{
	padding-top: 24px;
}

.box-pad-top-2em /* all */
{
	padding-top:2em;
}

.box-pad-top-32px, /* all */
.box-pad-vertical-32px
{
	padding-top: 32px;
}

.box-pad-top-3em
{
	padding-top:3em;
}

.box-pad-top-4em /* all */
{
	padding-top:4em;
}

.box-pad-top-5em /* all */
{
	padding-top:4em;
}

.box-pad-top-30px, /* all */
.box-pad-vertical-30px
{
	padding-top: 30px;
}

.box-pad-5px, /* all */
.box-pad-horizonal-5px
.box-pad-w-5px
{
	padding-left:5px;
	padding-right:5px;
}
.box-pad-w-1em, /* all */
.box-pad-w-l-1em
{
	padding-left:1em;
}
.box-pad-w-1em, /* all */
.box-pad-w-r-1em
{
	padding-right:1em;
}

.box-pad-w-l-5px /* all */
{
	padding-left:5px;
}

.box-pad-w-r-5px /* all */
{
	padding-right:5px;
}

.box-pad-5-px, /* all */
.box-pad-horizonal-5px
{
	padding-bottom:5px;
	padding-top:5px;
}

.box-pad-1em, /* all */
.box-pad-w-1em
{
	padding-left:1em;
	padding-right:1em;
}

.box-pad-1em, /* all */
.box-pad-h1-em
{
	padding-bottom:1em;
	padding-top:1em;
}


.box-pad-10px /* all */
{ 
	padding: 10px;
}

.box-pad-15px /* all */
{ 
	padding: 15px;
}


.box-pad-20px /* all */
{ 
	padding: 20px;
}

.box-pad-25px /* all */
{ 
	padding: 25px;
}


.li-pad-by-lx-0_25em li, /* all */
.li-pad-y-lx-0_25em li
{
	padding-bottom:0.25em;
}

.li-pad-by-lx-0_5em li, /* all */
.li-pad-y-lx-0_5em li
{
	padding-bottom:0.5em;
}

.li-pad-by-lx-0_75em li, /* all */
.li-pad-y-lx-0_75em li
{
	padding-bottom:0.5em;
}

.li-pad-by-lx-1em li, /* all */
.li-pad-y-lx-1em li
{
	padding-bottom:1em;
}


.li-pad-ty-lx-0_25em li, /* all */
.li-pad-y-lx-0_25em li
{
	padding-top:0_25em;
}

.li-pad-ty-lx-0_5em li, /* all */
.li-pad-y-lx-0_5em li
{
	padding-top:0.5em;
}

.li-pad-ty-lx-0_75em li, /* all */
.li-pad-y-lx-0_75em li
{
	padding-top:0.75em;
}

.li-pad-ty-lx-1em li, /* all */
.li-pad-y-lx-1em li
{
	padding-top:1em;
}


.li-1st-char-lime li::first-letter, /* all */
.p-let-1st-lime p::first-letter,
#intro .p-let-1st-lime p::first-letter,
#li-contact-intro-out .li-1st-char-lime p::first-letter
{
	font-size:1.6rem;
	font-weight:900;

}

.li-1st-char-yellow li::first-letter, /* all */
.p-let-1st-yellow p::first-letter
{
	color:yellow;
	font-size:1.6rem;
	font-weight:900;
	letter-spacing:2px;
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
}





.let-1st-darkred::first-letter, /* all */
.li-let-1st-darkred > li::first-letter,
.p-let-1st-darkred p::first-letter
{
	color:red;
	font-size:1em;
	font-weight:900;
}

.let-1st-darkred-1_5::first-letter, /* all */
.li-1st-let-1st-darkred-1_5 > li::first-letter,
.p-let-1st-darkred-1_5 p::first-letter
{
	font-size:1.6em;
}

.box-sha-br /* all */
{
	Xbox-shadow: 3px 3px 10px black;
}

.ad-but /* all */
{
	/* background:lime; */
	cursor: pointer;
	display:inline-block;
	left-margin:auto;
	right-margin:auto;
	max-width:8em;
	min-width:6em;
	vertical-align:top;
}

.ad-but div/* all */
{
	overflow:hidden;
	max-width:100%;
}

.nav-but /* all */
{
	height:48px;
	width:48px;
}

.nav-but-sha /* all */
{
	background:white;
	border-style:none;
	border-width:1px;
	color:black;
	box-shadow: 2px 2px 1px 0px black;
}

.rotating-icon img /* all */
{
	transition: all 0.5s ease-in;
}


/* zzzzzz */
.rotating-icon img:hover /* all */
{
	animation: rotate-right1 5s infinite linear;
}

.rotating-icon-once img /* all */
{
	animation: rotate-left1 1s ease-in-out;
}

.rotating-icon-once img:hover /* all */
{
	animation: rotate-right1 1s ease-in-out;
}

/* .nav-but-sha:hover	========== (All) ========== */
/* { */
	/* box-shadow: 0 0 10px 0px black; */
/* } */

.nav-but-rad/* ========== (All) ========== */
{
	border-radius:50%;
}

/* .nav-but-rad:hover	/* ========== (All) ========== */ */
/* { */
	/* background:yellow; */
/* } */

/* .nav-but-bg,	/* ========== (All) ========== */ */
/* .nav-but-background */
/* { */
	
/* } */

.nav-but-bor,
.nav-but-border	/* ========== (All) ========== */
{
	/* background-image: url(/img/but/border/64/border01.png); */
	border-radius: 50%;
}

.nav-but-pos/* ========== (All) ========== */

{
	clear:both;
	float:left;
	margin-left:0;
}







.boxsha030310
{	/* Box Shadow */
	box-shadow: 3px 3px 10px black;
}

.boxsha050510
{	/* Box Shadow */
	box-shadow: 5px 5px 10px black;
}


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

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

.box-mar
{
	margin: 10px auto;
}

.box-mar-1em
{
	margin:1em;
}

.box-marh-1em
{
	margin:auto 1em;
}

.box-marv-1em
{
	margin:1em auto;
}

.box-mar-2em
{
	margin:2em;
}

.box-marh-2em
{
	margin:auto 2em;
}

.box-marv-2em
{
	margin:2em auto;
}

.box-mar-3em
{
	margin:3em;
}

.box-marh-3em
{
	margin:auto 3em;
}

.box-marv-3em
{
	margin:3em auto;
}



.box-pad-05em
{
	padding:0.5em;
}

.box-padh-05em
{
	padding:auto 0.5em;;
}

.box-padv-05em
{
	padding:0.5em auto;
}


.box-pad-1em
{
	padding:1em;
}

.box-padh-1em
{
	padding:auto 1em;
}

.box-padv-1em
{
	padding:1em auto;
}

.box-pad-2em
{
	padding:2em;
}

.box-padh-2em
{
	padding:auto 2em;
}

.box-padv-2em
{
	padding:2em auto;
}

.box-pad-3em
{
	padding:3em;
}

.box-padh-3em
{
	padding:auto 3em;
}

.box-padv-3em
{
	padding:3em auto;
}


.box-shadow-1em
{
	box-shadow: 0 0 1em black;
}

.text-shadow-1px
{
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
}



.contact-box-borders:hover
{	/* Contact Box Borders - Hovered	*/
	box-shadow: inset 3px 3px 3px 1px rgba(0,0,0,0.75);
}


header, /* All */
.contact-container > li,
.contact-container > li .sub1,
#contact-data > li
{
	background-blend-mode: unset;
}

#header > div /* All */
{
	Xpadding-bottom:0.5em;
	Xpadding-top:0.5em;
}

#header-txt-title /* all */
{
	box-shadow: 3px 3px 10px black;
	color:white;
	display:inline-block;
	font-family:Vollkorn;
	afont-size:13vw;
	font-weight:900;
	line-height:100%;
	margin:0 auto 0.5rem;
	/* 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;
}

#header-txt-title img /* all */
{
	border-color:white;
	border-style:solid;
	border-width:3px;
	width:calc(100% - 3px);
}


#contact-data #search
{
	width: 100%;
}

@media screen and (min-width:311px) and (max-width:479px)
{

	body /* 311 */
	{
		background-image: url(/img/bg/decor/720/decor-top.png),url(/img/bg/decor/720/decor-bottom.png),url(/img/bg/decor/720/decor-left.png), url(/img/bg/decor/720/decor-right.png), url(/img/bg/wallpaper/480/default.jpg);
	}

	.adv-cap /* all */
	{
		padding:0.5em 0;
	}

	.ad-but /* all */
	{
		max-width: calc (100% / 2);
		width: calc (100% / 2);
	}

	/* #search > div /* 311 */ */
	/* { */
		/* background:white; */
		/* border-radius: 14px; */
		/* border-style:solid; */
		/* /* border-width:2px; */ */
		/* bottom:0; */
		/* margin:0px; */
		/* /* padding:4px; */ */
		/* height:calc(100% - 4px); */
		/* overflow-x:hidden; */
		/* overflow-y:scroll; */
		/* top:0; */
		/* width:calc(100% - 4px); */
	/* } */

}

@media screen and (min-width:480px) and (max-width:719px)
{

	body /* 480 */
	{
		background-image: url(/img/bg/decor/720/decor-top.png),url(/img/bg/decor/720/decor-bottom.png),url(/img/bg/decor/720/decor-left.png), url(/img/bg/decor/720/decor-right.png), url(/img/bg/wallpaper/720/default.jpg);
	}

}

#adv-cap-jpg .adv-but ul li div:nth-child(1),
#adv-cap-png .adv-but ul li div:nth-child(1)
{
	/* background:cyan; */
	display:inline-block;
	margin:0;
	text-align:center;
}

#adv-cap-jpg .adv-but ul li div:nth-child(1) div,
#adv-cap-png .adv-but ul li div:nth-child(1) div
{
	font-weight:normal;
	margin:0;
	text-align:center;
}


.adv-but a > div div:nth-child(2)
{
	/* background:lime; */
	color:white;
	/* padding:0 6px; */
}

@media screen and (min-width:311px) and (max-width:719px)
{

	#page /* 311px-720 */
	{
		max-width:719px;
		min-width:311px;
	}

	#adv-cap-jpg, /* 480 */
	#adv-cap-png
	{
		max-width:100%;
	}

}

header,
li div
{
	/* background:lime; */
}


@media screen and (min-width:720px) and (max-width:1279px)
{

	body /* 720 */
	{
		background-image: url(/img/bg/decor/720/decor-top.png),url(/img/bg/decor/720/decor-bottom.png),url(/img/bg/decor/720/decor-left.png), url(/img/bg/decor/720/decor-right.png), url(/img/bg/wallpaper/1280/default.jpg);
	}

	.adv_cap
	{
		font-weight:700;
		max-width:100%;
		position:relative;
		aaatext-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!important;
	}

}





/* https://programmablesearchengine.google.com/controlpanel/lookandfeel?cx=b741a1adae4894391 */

#contact-data #search {
	background:yellow;
	border-radius: 20px;
	border-style:solid;
	border-width: 6px;
	bottom:-1em;
	box-shadow: 3px 3px 10px black;
	/* color:yellow; */
	display: none;
	/* height: calc(100vh - 136px); */
	height: calc(100vh - 1em);
	margin: 0 auto;           /* centers horizontally */
	max-width: 1280px;        /* constrain width */
	/* overflow: hidden !important; */
	/* padding: 1em; */
	position: fixed;
	top: 0.5em;
	width: 100%;  /* responsive */
	z-index: 1000;
	box-sizing: border-box;
	left: 0;                  /* allow margins to apply */
	right: 0;                 /* anchor both edges */
}


#search-container
{
	/* background:#FCE8B2; */
	background:#9E9E9E;
	border-radius: 17px;
	border-style:solid;
	border-width:3px;
	bottom:0;
	box-shadow:none;
	color:charcoal;
	margin:8px;
	/* padding:4px; */
	height:calc(100% - 20px);
	top:0;
	width:calc(100% - 20px);
	overflow-x:hidden;
	overflow-y:scroll;
}


/* CSS Class	Purpose */
/* .gs-webResult, .gs-result	Classic container for individual search results */
/* .gsc-webResult, .gsc-result	Modern search result containers */
/* .gsc-results, .gsc-resultsRoot	Overall container for result listings */
/* .gsc-expansionArea	Section for results before bottom menu/pagination */
/* .gs-title	Result title element—typically styled links */
/* .gs-snippet	Snippet text—commonly styled or hidden */
/* .gsc-result-info	Metadata (like count); can be hidden */
/* .gsc-thumbnail	Thumbnail image wrapper; can be hidden or styled */
/* .gcsc-branding	Google branding; often hidden */
/* .gsc-input, etc.	Elements of search input controls */
/* .gsc-search-button, .gsc-search-button-v2	Search button styles */

.gsc-control-cse
{
	/* display:none!important; */
	border-style:none;
	margin:-2px;
}

.gsc-input
{
	/* background:yellow; */
	/* font-family: arial!important; */
	/* padding:0; */
	/* margin:0; */
	/* /* padding: 1em 0.5em!important; */ */
	/* height:18px; */
}


/* .gsc-thumbnail-inside, */
.gs-title a
{
	background:yellow;
	border-color:black!important;
	border-radius:16px;
	border-style:solid!important;
	border-width:1px!important;
	box-shadow:2px 2px 3px gray!important;
	display:inline-block;
	font-size:20px!important;
	font-weight:700;
	justify-content: center;
	margin-bottom:1em;
	padding:0 1em;
	vertical-align:middle;
}

.gsc-result
{
	/* background:lime!important; */
	border-color:black!important;
	border-radius:16px;
	border-style:solid!important;
	border-radius:16px;
	border-width:1px;
	box-shadow:2px 2px 3px gray!important;
	font-size:20px!important;
	margin:14px 0!important;
	padding:0.25em!important;
}

.gs-snippet
{
	font-size:16px!important;
}


.gsc-result b
{
	color:red!important;
	font-size:20px!important;
	font-weight:700;
	/* border-color:black!important; */
	/* border-radius:16px; */
	border-style:none!important;
	/* border-radius:16px; */
	/* border-width:1px; */
	/* box-shadow:2px 2px 3px gray!important; */
	padding:3px!important;
}

/* <div class="gsc-cursor-box gs-bidi-start-align" dir="ltr"><div class="gsc-cursor"><div class="gsc-cursor-page gsc-cursor-current-page" tabindex="0">1</div><div class="gsc-cursor-page" aria-label="Page 2" role="link" tabindex="0">2</div></div></div> */


.gsc-cursor-box.gs-bidi-start-align
{
	background:yellow!important;
	/* overflow:hidden; */
	border-color:black!important;
	border-radius:16px!important;
	border-style:solid!important;
	border-radius:16px;
	border-width:1px;
	box-shadow:2px 2px 3px gray!important;
	display:inline-block!important;
	/* font-size:20px!important; */
	/* margin:14px 0!important; */
	padding:0.25em!important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page
{
	border-color: #666666;
	background-color: yellow!important;
	color: #666666;
}

/* The element itself */
.gcsc-more-maybe-branding-root {
	background: white;
	border: 1px solid black !important;
	border-radius: 16px;
	box-sizing: border-box;
	display: inline-block; /* stays content-sized */
	padding: 0.25em 1em !important;
}

.gsc-cursor,
.gsc-cursor-chevron
{
	/* color:white!important; */
}

.gcsc-more-maybe-branding-box
{
	background:white;
}

#searchCloseIcon
{
	background:red;
	border-radius:50%;
	border-style:solid;
	border-width:2px;
	border-color:white;
	color:white;
	font-size:1.5em;
	line-height:20px;
	padding:6px;
	font-weight:900;
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	text-shadow:  0px 1px 2px black, 0px -1px 1px black, 1px 1px 2px black, 1px -1px 1px black,1px 1px 2px black;
	top:0px;
	vertical-align:middle;
	right:0px;
	z-index:100;
}

#search > div /* All */
{

}


#search > div::-webkit-scrollbar-track /* all */
{
  box-shadow: inset 0 0 5px grey;
  border-radius: 15px;
}

#search > div::-webkit-scrollbar-thumb /* all */
{
	border-color:yellow;
	border-style:groove;
	border-width:5px;
	border-radius: 15px;
	background-color: red;
}

#search h2 a /* all */
{
	color:blue;
	font-size:100%;	
	font-weight:900; 
	margin:0 auto 15px;
	text-shadow:none!important;
}

#search cite /* all */
{
	color:dodgerblue;
	font-size: 120%;
	font-weight:600
}


input /* all */
{
	border-radius: 10px!important;
}

#search > div::-webkit-scrollbar /* all */
{
	webkit-appearance: none;
	background-color:gray;
	border-left-style:solid;
	border-radius: 15px;
	aborder-width: 10px;
	padding-top:10px;
	width: 2em;
}

@media screen and (min-width:1280px)
{
	body /* 1280 */
	{	/* Set Page Background & Base font */
		background-image: url(/img/bg/decor/720/decor-top.png),url(/img/bg/decor/720/decor-bottom.png),url(/img/bg/decor/720/decor-left.png), url(/img/bg/decor/720/decor-right.png), url(/img/bg/wallpaper/1920/default.jpg);
	}


	.adv-cap
	{
		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 1px 5px black, 3px 3px 5px black, 5px 5px 5px black!important; 
		/* width:100%; */
		
		/* display: flex; */
		/* font-weight: 900; */
		/* position: absolute; */
		/* 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!important; */
		/* top: 0; */
		/* left: 0; */
		/* right: 0; */
		/* bottom: 0; */
		/* justify-content: center; /* Center content horizontally */ */
		/* align-items: center; /* Center content vertically */ */
		/* pointer-events: auto; /* Ensures child div remains interactive */ */
	}


	.gsc-cursor-box.gs-bidi-start-align
	{
		margin:14px 0!important;
		padding:0.5em 1em!important;
	}


}

#contact-nav-section ul::-webkit-scrollbar /* all */
{
	display:none;
}

/* #aacontact-nav-section:hover ul */
/* Show ul when contact contact-nav-section is hovered or tapped */ 
/* { */
	/* display:block; */
	/* z-index:10; */
/* } */

#contact-nav-section, /* all */
#footer-nav-section,
#wikinam-nav-section
{
	bottom:0;
	left:50%;
	text-align:center;
	transform: translateX(-50%);
}

#contact-nav-section, /* all */
#footer-nav-section,
#wikinam-nav-section
{
	bottom:0;
	color:black;
	position:absolute;
	z-index:50;
}


#contact-nav-menu-button, /* all */
#wikinam-nav-menu-button
{
	background-color:yellow;
	abackground-color:rgba(255,255,0,0.90);
	border:solid;
	border-radius: 20px;
	box-shadow:2px 2px 3px black;
	color:navy;
	font-size:11px;
	font-weight:700;
	height:36px;
	padding:5px 10px 15px;
	text-align: center;
	width:36px;
}


/* #sysdt */
/* { */

/* } */

#sysdt > div /* all */
{
	display:inline-block;
}

#sysd /* all */
{
	aline-height:25px;
	display:inline-block;
	margin:0px auto;
	text-shadow: none;
}

#asyst /* all */
{
	abackground:black;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	color:white;
	display:inline-block;
	afont-size: 180%;
	aline-height:25px;
	margin:0px auto;
	text-align:center;
	awidth:120px;
}

#sysdt div /* all */
{
	display:inline;
	line-height:100%;
	text-align: center;
}

.nav-menu-bar /* all */
{
	cursor: pointer;
	overflow: hidden;
}



#nav-menu a div /* all */
{

}



.nav-menu-bar :nth-child(3) /* all */
{
	color:yellow;
}

#contact-nav-section #contact-nav-but-sec /* all */
/* Hide Unordered WIKINAM list when NOT hovered */
{
	bottom:80px; /* (48px div 4 times 3) plus 5px for margin and 2px border or 3/4 from bottom plus menu icon margin*/
	right:0;
}

#footer-nav-section #footer-nav-but-sec /* all */
/* Hide Unordered WIKINAM list when NOT hovered */
{

}

#contact-nav-section #contact-nav-but-sec, /* all */
#footer-nav-section #footer-nav-but-sec,
#wikinam-nav-section #wikinam-nav-but-sec
{
	background-color:rgba(25,25,25,0.80);
	border: 2px solid rgba(255,255,255,0.75);
	border-radius:30px;
	bottom:116px; /* (48px div 4 times 3) plus 5px for margin and 2px border or 3/4 from bottom plus menu icon margin*/
	box-shadow: 3px 3px 6px rgba(0,0,0,0.50);
	display:none;
	left:50%;
	max-width:300px; /* 82px per column */
	overflow:hidden;
	overflow-style: none;
	padding:10px;
	padding-bottom: 32px; /* (48 div 4 times 1) plus 5px margin and 2 px border */
	position:absolute;
	transform:translateX(-50%);
	width:246px;
}


#footer-nav-section #footer-nav-menu-button /* all */
{
	background-color:rgba(25,25,25,0.80);
	border: 2px solid rgba(255,255,255,0.75);
	border-radius:15px;
	bottom:5px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.50);
	left:0;
	margin:0;
	padding:5px 0;
	min-width:310px;
	overflow-style: none;
	apadding-bottom: 18px; /* (48 div 4 times 1) plus 5px margin and 2 px border */
	position:absolute;
	transform:translateX(-50%);
	width:300px;
}
#footer-nav-section #footer-nav-menu-button li /* all */
{
	display:inline-block;
	vertical-align:middle;
}

#wikinam-nav-but-sec /* all */
{
	background-color:rgba(25,25,25,0.80);
	border: 2px solid rgba(255,255,255,0.75);
	border-radius:30px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.50);
	overflow:hidden;
	padding:10px;
	position:absolute;
}

#contact-nav-section #contact-nav-but-sec li /* all */
/* Float li right and clear:both to seperate */
{
	float:left;
}

#wikinam-nav-section #wikinam-nav-but-sec li /* all */
/* Float li right and clear:both to seperate */
{
	float:left;
}

#footer-nav-section #footer-nav-but-sec li /* all */
/* Menu list Items or Buttons*/
{
	float:left;
}

img.wikinam /* all */
{
	display:none!important;
}

#contact-nav-section #contact-nav-but-sec li, /* all */
#footer-nav-section #footer-nav-but-sec li,
#wikinam-nav-section #wikinam-nav-but-sec li
{	/* Float li right and clear:both to seperate */
	border-radius:50%;
	box-shadow: 3px 3px 10px black;
	border-style:solid;
	border-width: 2px;
	color:black;
	height:40px;
	list-style:none;
	margin:19px 17px;
	padding:0;
	text-align: center;
	width:40px;
}

#footer-nav-section #footer-nav-menu-button li, /* all */
{	/* Float li right and clear:both to seperate */
	border-radius:50%;
	box-shadow: 3px 3px 10px black;
	border-style:solid;
	border-width: 2px;
	color:black;
	height:40px;
	list-style:none;
	margin:19px 17px;
	padding:0;
	text-align: center;
	width:40px;
}

/* all */
#contact-nav-section #contact-nav-but-sec li div, /* all */
#footer-nav-section #footer-nav-but-sec li div,
#wikinam-nav-section #wikinam-nav-but-sec li div
{
	color:yellow;
	font-family: Volkorn;
	font-size:85%;
	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;
	top:1px;
	z-index:0;
}

#contact-nav-section #contact-nav-but-sec li:first-child , /* all */
#footer-nav-section #footer-nav-but-sec li:first-child,
#wikinam-nav-section #wikinam-nav-but-sec li:first-child 
{
	background:yellow;
	box-shadow: none;
	border-radius:25px;
	border-style: none;
	margin:0 0 -15px;
	position:relative;
	width:100%;
}

#contact-nav-section #contact-nav-but-sec li a:first-child , /* all */
#footer-nav-section #footer-nav-but-sec li a:first-child,
#wikinam-nav-section #wikinam-nav-but-sec li a:first-child 
{
	color:unset;
}

#contact-nav-section #contact-nav-but-sec li:first-child div, /* all */
#footer-nav-section #footer-nav-but-sec li:first-child div,
#wikinam-nav-section #wikinam-nav-but-sec li:first-child div
{
	color:white;
	font-size:2.5em;
	height:1em;
	left: 50%;
	line-height: 1em;
	overflow: hidden;
	position:absolute;
	text-align:center;
	transform:translate(-50%, -50%);
	top: 50%;
	width:100%;
}

#contact-nav-section #contact-nav-but-sec li:first-child div /* all */
{
}

#footer-nav-section #footer-nav-but-sec li:first-child div /* all */
{
	font-size:2em;
}

#wikinam-nav-section #wikinam-nav-but-sec li:first-child div /* all */
{
}

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

#footer-nav-section li /* all */
{
	height:70px;
}

#footer-nav-section div > div /* all */
{
}


#footer-nav-section img /* all */
{
	height:40px;
	margin:5px;
	left:0px;
	top:0px;
	padding:0;
	position:relative;
	text-align:centre;
	transition: all 0.5s ease-in;
	vertical-align: middle;
	width:40px;
}

/* all */

#contact-nav-section img:hover, /* all */
#footer-nav-section img:hover,
#wikinam-nav-section img:hover
{
	animation: rotate-right1 5s infinite linear;
}

/* .awikinam-nav-menu-button-img-rotate */
/* { */
	/* Animate Contact Menu Kicker Button */
	/* transition: all 0.5s ease-in; */
/* } */

/* .awikinam-nav-menu-button-img-rotate:hover */
/* {	 */
	/* Animate Contact Menu Kicker Button */
	/* animation: rotate-right1 5s infinite linear; */
/* } */



#footer-nav-section li div /* all */
/* Menu list Heading */
{
	color:yellow;
	font-family:Volkorn;
	font-size:85%;
	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;
	top:0;
	z-index:10;
}

#footer-nav-section #search /* all */
{
	background:white;
	box-shadow: none;
	border-radius:0!important;
	border-style: none;
	margin:0;
	padding:0;
	width:calc(100% - 30px);
}

#footer-nav-section #search > div /* all */
{
	border-radius:0!important;
	display:inline-block;
	font-family: Arial;
	font-size:100%;
	height:18px;
	width:100%;
}

.footer-nav-but-sec-img-rotate /* all */
/* Animate Contact Menu Kicker Button */
{
	transition: all 0.5s ease-in;
}

.footer-nav-but-sec-img-rotate:hover /* all */
/* Animate Contact Menu Kicker Button */
{
	animation: rotate-right1 5s infinite linear;
}



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

.contact-nav-menu-button-img-rotate /* all */
{
	/* Animate Contact Menu Kicker Button */
	transition: all 0.5s ease-in;
}

.contact-nav-menu-button-img-rotate:hover /* all */
{
	/* Animate Contact Menu Kicker Button */
	animation: rotate-right1 5s infinite linear;
}



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


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

.contact-nav-but-character a /* all */
{
	/* 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-but-character:hover /* all */
{
	background:rgba(255,255,255,1);
}

.contact-nav-but-character:hover a /* all */
/* 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;
}

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

footer /* all */
{	/* Set footer Location */
	bottom: 0px;
	border-style: groove;
	height: 50px;
	left: 0;
	position:fixed;
	right:0;
	z-index: 20;
}

#footer-relative /* all */
{	/* Arrange footer contents  */
	border-width: 2px;
	border-style: solid;
	border-color: black;
	box-shadow: 0 -10px 20px black;
	margin: 0px auto;
	max-width:1280px;
	position: relative;
	bottom:0;
	width: 95%;
}

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

/* all */

#head-sys-dt /* all */
{
	color:navy;
	font-size:1em;
}


#footer-nav-section #footer-nav-menu-button #sysdt /* all */
{
	text-shadow: 0px 0px 1px black,0px 0px 2px black, 0px 0px 3px black;
	color:white;
	display:inline-block;
	font-size:16px;
	font-weight: 700;
	left:0;
	letter-spacing: 1px;
	margin:0 auto;
	max-width: calc(100% - 7px);
	padding:0;
	right:0;
	text-align: center;
}

#wikinam /* all */
{
	background:yellow;
	border-color:black;
	border-radius: 20px;
	border-style:solid;
	border-width: 2px;
	bottom:20px;
	box-shadow:2px 2px 3px black;
	color:white;
	display:none;
	font-weight: 900;
	left:0;
	letter-spacing: 1px;
	margin:auto;
	max-width: calc(100% - 7px);
	padding:0;
	position:absolute;
	right:0;
	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 1px black;
		transition: transform 2s;
}

#asysd /* all */
{
	color:navy;
	display:inline-block;
	font-size: 6px;
	font-weight: bolder;
	text-align:center;
}

#asysd /* all */
{
	color:navy;
	font-size: 12px;
	font-weight: bolder;
	text-align:center;
}

/* https://www.w3schools.com/howto/howto_css_flip_card.asp */
#footer-title-section div:hover #wikinam /* all */
{
	transform: rotateX(180deg);
}

#footer-title-section div:hover #sysdt  /* all */
{
	transform: rotateX(0deg)
}

#remsysdt.animate /* all */
{
	animation-duration: 180s;
	animation-iteration-count: infinite;
	animation-name: animate-desktop-sys-dt;
	animation-timing-function: linear;
}

#remwikinam.animate /* all */
{
	animation-duration: 180s;
	animation-iteration-count: infinite;
	animation-name: animate-desktop-wikinam;
	animation-timing-function: linear;
}


#wikinam /* all */
{
	font-size:200%;
	font-weight:600;
	letter-spacing: 1px;
	margin:auto;
	padding:2px 0;
	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 1px black;
	white-space: nowrap;
}

#wikinam a /* all */
{
	color:white;
	font-weight: inherit;
	text-decoration:none!important;
}

@keyframes animate-desktop-sys-dt /* all */
{
	0%		{transform: rotateX(180deg);}
	5%		{transform: rotateX(180deg);}
	7%		{transform: rotateX(360deg);}
	88%		{transform: rotateX(360deg);}
	90%		{transform: rotateX(180deg);}
	100%	{transform: rotateX(180deg);}
}

@keyframes animate-desktop-wikinam /* all */
{
	0%		{transform: rotateX(0deg);}
	5%		{transform: rotateX(0deg);}
	7%		{transform: rotateX(180deg);}
	88%		{transform: rotateX(180deg);}
	90%		{transform: rotateX(360deg);}
	100%	{transform: rotateX(360deg);}
}


li /* all */
{
	list-style:none;
}

/* ========== (All) ========== */
/* Define Contact Buttons
/* ========== (All) ========== */



@media screen and (min-width:311px) and (max-width:479px)
{
	#wikinam /* 320 */
	{
		font-size:160%;
	}

	footer /* 320 */
	{
		border-style: groove;
		height: 50px;
		left: 0;
		position:fixed;
		width: 100%;
		z-index: 100;
	}

	#footer-relative /* 320 */
	{
		border-width: 2px;
		border-style: solid;
		border-color: black;
		box-shadow: 0 -10px 20px black;
		height: 100%;
		margin: 0px auto;
		position: relative;
		width: 95%;
	}


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

	#copyright-section /* 320 */
	{	/* Copyright Notices etc. */
		letter-spacing: 0px;
		line-height: 1;
	}

	#search /* 720 */
	{
		width:calc(100%)!important;
	}

	#search > div::-webkit-scrollbar /* 320 */
	{
		width: 1.6rem;
	}

	#search > div::-webkit-scrollbar-track /* 320 */
	{
		border-radius: 15px;
	}

	#search > div::-webkit-scrollbar-thumb /* 320 */
	{
		border-radius: 15px;
	}

}

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

	footer /* 480 */
	{
		
	}

	#footer-relative /* 480 */
	{	/* Arrange footer contents  */
		border-width: 2px;
		border-style: solid;
		border-color: black;
		box-shadow: 0 -10px 20px black;
		height: 100%;
		margin: 0px auto;
		position: relative;
		width: 95%!important;
	}

	a#copyright-section /* 480 */
	{	/* Copyright Notices etc. */
		letter-spacing: 1px;
		line-height: 80%;
	}
}

@media screen and (min-width:720px) and (max-width:1279px)
{

	#page /* 720px */
	{	/* Set Page Dimensions */
		max-width:1024px;
		padding:10px 0 0 0;
	}

	#search /* 720 */
	{
		/* width:calc(100% - 14px - 2em)!important; */
	}

	footer /* 720 */
	{}

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

	#footer-relative /* 720 */
	{
		border-width: 2px;
		border-style: solid;
		border-color: black;
		box-shadow: 0 -10px 20px black;
		adisplay:none;
		height: 100%;
		margin: 0px auto;
		position: relative;
		width: 95%;
	}

	#copyright-section /* 720 */
	{	/* Copyright Notices etc. */
		letter-spacing: 0px;
		line-height: 1;
	}
}

@media screen and (min-width:1280px) and (max-width:1919px)
{
	#page /* 1280px */
	{
		max-width:1280px;
		padding:10px 0 0 0;
	}

	#search /* 720 */
	{
		width:calc(100% - 14px - 4em)!important;
	}

	#footer-relative /* 720 */
	{	/* Arrange footer contents  */
		background-color: 0;
		border-width: 2px;
		border-style: solid;
		border-color: black;
		box-shadow: 0 -10px 20px black;
		adisplay:none;
		height: 100%;
		margin: 0px auto;
		position: relative;
		width: 95%;
	}

	#main-footer /* 720 */
	{
		clear:both;
		padding-top:2em;
		margin:auto;
		max-width:1280px;
	}


	#main-footer li /* 720 */
	{
		font-weight: 100;
		list-style:none;
		margin:1em;
		text-align: center;
	}
}


@media screen and (min-width:1280px)
{
	#main-footer /* 1280 */
	{
		margin:auto;
		max-width:1280px;
	}
}

/* 1280 */

@media screen and (min-width:1920px)
{
	/* 1920 */
	/* https://www.iconfinder.com/iconsets/social-media-2151 */
	#page
	{
		min-width: 1280px;
		max-width: 1280px;
		padding:10px 0 0 0;
	}

	#footer-relative /* 1920 */
	{
		border-width: 2px;
		border-style: solid;
		border-color: black;
		box-shadow: 0 -10px 20px black;
		adisplay:none;
		height: 100%;
		margin: 0px auto;
		position: relative;
		width: 95%;
	}
}


#pagesearch-relative /* All */
{	/* Arrange footer contents  */
	background-color: yellow;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	box-shadow: 0 -10px 20px black;
	bottom:55px;
	display:none;
	height: 120%;
	margin: 0px auto;
	max-width:1280px;
	position: relative;
	text-align:left;
	width: calc(95%);
}

.srch-but /* All */
{
	background:red;
	border-width: 1px;
	border-style:solid;
	border-color:black;
	box-shadow: 3px 3px 3px black;
	color:white;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 1.25em;
	margin:4px auto;
	width:5em;
}

.srch-input /* All */
{
	margin:0.24em;
	text-align: center;
	max-width:30em;
	width: calc( 95% - 120px );
}

::aselection /* All */
{
	background: red;
	border-style:solid;
	border:3px;
	color:yellow;
	font-weight:900!important;
	margin:1em;
	padding:1em;
}

div.div-fl-dr::first-letter, /* all */
.li-fl-dr li::first-letter,
.li-fl-l0-dr > li::first-letter,
p.p-fl-dr::first-letter
{
	color:#DE3163; /* Cherry */
	font-size:1.6rem;
	font-weight:900;
}

#pagesearch-relative nav /* All */
{
	margin:0 auto;
	text-align: center;
}

@keyframes fadeIn /* All */
{
	0%		{
				opacity: 0;
			}

	100%	{
				opacity: 1;
			}
}

.bg-transparent /* All */
{	/* Set Background to White */
	background-color:0!important;
}


wimg { display:none; position:relative; margin-left:-10px; margin-right:-10px; bottom:0px;}

a#sysdt:hover /* All */
{
	padding-top:10px;
}

.awimg { display:none; position:relative; margin-left:-10px; margin-right:-10px; bottom:0px;}

#sysdt:hover .buttons div /* All */
{
	display:inline-block;
}

#sysdt /* All */
{}

#footer-relative /* All */
{	/* Arrange footer contents  */
	background-color: 0!important;
	box-shadow: none;
	border: none;
}


#footer-title-section /* All */
{
	z-index:2!important;
}

@media print /* Print */
{
	#footer-relative
	{
		display:none;
	}

}


@media screen and (min-width:1280px)
{
	adv-cap  /* 1280px */
	{
		max-width:75%;
	}
}

.adv-cap .header,
.adv-cap .footer
{
	color:white;
}

.adv-title /* All */
{
	color:yellow;
	font-size:175%;
}

.adv-cat
{
	color:yellow;
	font-size:120%;
}

.txt-col-yellow
{
	color:yellow;
}

.txt-col-lime
{
	color:lime;
}

.txt-col-cyan
{
	color:cyan;
}


#header > div#contact-title /* All */
{
	border-radius: 30px;
}

li .li-clr /* all */
{
	all: revert!important;
	list-style:none!important;
}


.mar-05em, /* all */
.mar-05em-bottom,
.mar-05em-vertical
{
	margin-bottom:0.5em!important;
}


.mar-05em, /* all */
.mar-05em-top,
.mar-05em-vertical
{
	margin-top:0.5em!important;
}

.mar-1em, /* all */
.mar-1em-bottom,
.mar-1em-vertical
{
	margin-bottom:1em!important;
}

.mar-1em, /* all */
.mar-1em-top,
.mar-1em-vertical
{
	margin-top:1em!important;
}

.bg-black /* all */
{
	background-color:black;
}

.bg-light-gray, /* all */
.bg-lightgray
{	/* Set Background to Gray */
	background-color:lightgray;
}

.txt-lightgray /* all */
{
	color:lightgray;
}

.bg-red /* all */
{
	background-color:red;
}

.txt-red /* all */
{
	color:red;
}

.txt-darkred /* all */
{
	color:darkred;
}

.bg-gray /* all */
{
	background-color:gray;
}

.txt-gray /* all */
{
	color:gray;
}

.bg-transparent /* all */
{
	background-color:0!important;
}

.bg-white /* all */
{
	background-color:white;
}

.txt-white /* all */
{
	color:white;
	text-decoration:none;
}

.bg-lightyellow /* all */
{
	background-color:lightyellow;
}

.main-box-bg-gray /* all */
{
	background-color:gray;
}

.bg-yellow, /* all */
.main-box-bg-yellow
{
	background-color:yellow;
}

.main-box-bg-white /* all */
{
	background-color:white;
}

.scrollbar-t1::-webkit-scrollbar /* all */
{
	-webkit-appearance: none;
	background-color:gray;
	border-color:black;
	border-left-style:solid;
	border-radius:15px;
	border-width: 10px;
	font-size: 16px;
	overflow-y:auto;
	width: 32px;
}



.scrollbar-t1::-webkit-scrollbar-thumb /* all */
{
	border-color:yellow;
	border-style:groove;
	border-width:5px;
	border-radius: 15px;
	background-color: red;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation
{
	from
	{
		-webkit-transform: translateX(100%);
	}
	to
	{
		-webkit-transform: translateX(-100%);
	}
}

@keyframes my-animation
{
	from
	{
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	to
	{
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

#google-search
{
	background:red;
	border-radius:15px;
	border-style:solid;
	border-width:2px;
	border-color:yellow;
	box-shadow:2px 2px 3px black;
	color:white;
	display:inline-block;
	left:50%;
	margin-top:-0.25em;
	padding:0.25em 1em;
	position:absolute;
	text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 5px black;
	top:-0.5em;
	transform: translateX(-50%);
}