@charset "utf-8";
/* CSS Document */
/* ========== (ALL) ========== */

	body
	{
		background-image: url(/img/bg/background/title/480/title.jpg);
		background-repeat:repeat;
		background-size:auto;
	}

h1 img
{
	width:100%;
}


@media screen and (min-width:311px) and (max-width:479px)
{
	body
	{
		background-image: url(/img/bg/720/xmas-decor-top.png),url(/img/bg/720/xmas-decor-bottom.png),url(/img/bg/720/xmas-decor-left.png), url(/img/bg/720/xmas-decor-right.png), url(/img/bg/christmas-480.jpg);
		background-position:top, bottom, left, right, bottom;
		background-repeat:repeat-x, repeat-x, repeat-y, repeat-y, no-repeat;
		background-size:auto, auto, contain, contain, cover;
	}
}

@media screen and (min-width:480px) and (max-width:719px)
{
	body
	{
		background-image: url(/img/bg/720/xmas-decor-top.png),url(/img/bg/720/xmas-decor-bottom.png),url(/img/bg/720/xmas-decor-left.png), url(/img/bg/720/xmas-decor-right.png), url(/img/bg/christmas-720.jpg);
		background-position:top, bottom, left, right, bottom;
		background-repeat:repeat-x, repeat-x, repeat-y, repeat-y, no-repeat;
		background-size:auto, auto, contain, contain, cover;
	}
}

@media screen and (min-width:720px) and (max-width:1279px)
{
	body
	{
		background-image: url(/img/bg/720/xmas-decor-top.png),url(/img/bg/720/xmas-decor-bottom.png),url(/img/bg/720/xmas-decor-left.png), url(/img/bg/720/xmas-decor-right.png), url(/img/bg/christmas-1280.jpg);
		background-position:top, bottom, left, right, bottom;
		background-repeat:repeat-x, repeat-x, repeat-y, repeat-y, no-repeat;
		background-size:auto, auto, contain, contain, cover;
	}
}

@media screen and (min-width:1280px)
{
	body
	{	/* Set Page Background & Base font */
		/* background-image: url(/img/bg/720/xmas-decor-top.png),url(/img/bg/720/xmas-decor-bottom.png),url(/img/bg/720/xmas-decor-left.png), url(/img/bg/720/xmas-decor-right.png), url(/img/bg/christmas-1920.jpg); */
		/* background-position:top, bottom, left, right, bottom; */
		/* background-repeat:repeat-x, repeat-x, repeat-y, repeat-y, no-repeat; */
		/* background-size:auto, auto, contain, contain, cover; */
	}
}

.cse .gsc-control-cse,
.gsc-control-cse
{

}

.main-p1
{

}

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

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

/* ========== (ALL) ========== */

#Xadv-sec img,
header, 
#header div
{
	Xborder-radius: 15px;
}

#Xadv-sec
{
	position:relative;
	text-align: center;
}

#Xadv-sec a
{ 
	text-decoration: none!important;
}

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

/* ========== (ALL) ========== */

#Xadv-cap
{
	font-size: 12px;
	font-weight:normal!important;
	margin:auto;
	text-align:center;
	width:90%;

}

main p
{
	text-align: center;
}

.main-p1 span
{
	font-weight: 900!important;
}

header
{
	background-image:none;
	background-blend-mode:normal;
}

	.wikinam-logo-image,
	.wikinam-logo-image img,
	.wikinam-logo-image-sun,
	.wikinam-logo-image-sun img
	{
		border-radius:50%;
	}

.rotate-rings img
{
	animation: rotate-right1 30s infinite linear;
}


.rotate-sun img
{
	animation: rotate-left1 60s infinite linear;
}





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

	#page
	{
		margin:0px auto;
		max-width:90%;
		position:relative;
	}

	header
	{	abackground-color:rgba(238,130,238,0.49);
		color: white;
		display:block;
		font:arial;
		font-size:100%;
		margin:0 auto;
		position:relative;
		text-align: center;
		width:95%;
		z-index:1;
	}



	.header-title-txt
	{
		top:70vw;
		line-height:9vw;
	}

	.header-title-txt h1
	{
		display:block;
		font-size:12vw;	/* Position h1 */
		font-weight:700;
		letter-spacing: 2px;
		margin:0 auto;
		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, 0 5px 1px black;
		top:70vw;
		white-space: nowrap;
		width:100%;
	}

	.header-title-txt div
	{

	}

	/* ========== (311) ========== */





	#awikinam-logo
	{	/* All */
		height:96vw;
		margin:-5vw auto -3vw;
		overflow:hidden;
		width:96vw;
		position:relative;
	}


	.wikinam-logo-image
	{	/* All */
		left:50%;
		overflow:hidden;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}

	.wikinam-logo-image img
	{
		border-radius:50%;
		height:100%;
		width:100%;
	}

	.wikinam-logo-image-sun
	{	/* All */
		left:50%;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:55%;
	}

	/* ========== (311) ========== */

	.wikinam-logo-image-sun img
	{	/* All */

		border-radius:50%;
		height:100%;
		width:100%;
	}

.search
	{
		margin:0.5em auto;
		max-width:calc(100% - 20px);
		width:90%;
		padding:10px;
	}

#contact-data li section
	{ 
		border-radius:15px!important;
		margin:15px; 
		max-height:25em;
		overflow-y: auto;
	}


	/* Define the Navigation Section */
	/* =========================== */
	#header-categories-primary
	{	/* Define Primary Category Container */
		display:block;
		margin:0 auto;
		padding:40px 0px 10px;
		position:relative;
		text-align: center;
		width:100%;
	}

	.header-categories-primary li
	{

	}
	#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 */
		border-radius:190%;
		display:inline-block;
		height:58px;
		list-style: none;
		margin:10px 15px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:58px;
	}

	#header-categories-primary ul li a
	{	background:yellow;
		border-radius:190%;
		color:white;
		font-size: 150%;
		text-decoration:none;
		transition: all 0.5s ease-in;
	}

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

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

	#header-categories-primary .header-categories-primary-active
	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
		border-radius:190%;
		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:white;
	}

	#header h2
	{
		color:yellow;
		font-size:300%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 100%;
		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:190%;
		display:inline-block;
		height:58px;
		list-style: none;
		margin:10px 20px;
		padding:0;
		text-align: center;
		vertical-align: middle;
		width:58px;
	}

	#header-categories-secondary ul li a
	{	background:white;
		border-radius:190%;
		color:yellow;
		font-size: 200%;
		text-decoration:none;
		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, -5px -5px 5px 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;
	}

	main
	{
		/* background-color:rgba(255,248,186,1.00); */
		background-color:0;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-size:100%;
		margin: 0 auto;
		padding: 0 auto;
		width:95%;
	}

	main h1
	{

	}

	main h2
	{
		color:rgba(255,255,255,1.00);
		line-height: 100%;
		margin:0 auto 1em;
		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;
	}

	main h3
	{
		font-size:150%;	
		font-weight:600; 
		margin:0 auto 15px;
	}

	main h4
	{
		font-size:100%;	
		font-weight:600; 
		margin:0 auto;
	}

	main li
	{
		list-style-image: url(../img/bullets/index_bullet_round_gray_15px.png)
	}

	main li img
	{
		box-shadow: 5px 5px 10px black;
	}

	.main-slide
	{
		box-shadow: 5px 5px 10px black;	
		margin:15px;
		max-width:100%;
		padding:3px;
		width:90%; 
	}

	.clearfix::after
	{
		content: " ";
		display: block; 
		height: 0; 
		clear: both;
	}

	.of
	{
		overflow:auto;
	}

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

	.main-box-bg-yellow
	{
		background-color:yellow;
	}

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

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

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

	.main-box-paddings
	{
		padding: 25px 25px;
	}



	.main-text-padding
	{

	}

	.main-font
	{
		font-family: Arial;
		font-size: 100%;
	}

	.href a
	{
		color:blue;
		text-decoration:none;
	}

	.href a:hover
	{
		text-decoration:underline;
	}

	/* =========================== */
	/* Section-01 - Contact Numbers Section */
	/* =========================== */
	#section-01
	{
		margin: 0 auto 100px;
		position:relative;
	}

	/* Section-01 - Contact Numbers
	#contact-numbers
	{
		margin-right:15px;
		position:relative;
	}

	#contact-numbers ul
	{

	}

	#contact-numbers li
	{
		width:100%;
	}

	/* =========================== */
	/* Section-16 - Notes Section */
	/* =========================== */

	#section-02
	{
		display:inline-block;
		float:left;
		position:relative;
		width:66.6666%;
	}

	/* Section-16 - Notes Section */

	#notes-section
	{
		margin-left:15px;
		position:relative;
	}

	.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 */
	/* =========================== */


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

}


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

	/* Meta Tag for Robots */
	/* Reset */

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

	.box-pad
	{	/* Vertical Paddings for boxed items */ 
		padding: 25px 0px;
	}


	/* Set Page Dimensions */
	#page
	{
		background-color:0;
		/*background-color:rgba(255,248,186,1.00); */
		margin:0 auto;
		min-width: 480px;
		max-width:779px;
		padding:10px 0 0 0;
		position:relative;
	}

	header
	{	abackground-color:rgba(238,130,238,0.49);
		color: white;
		display:block;
		font:arial;
		font-size:100%;
		margin:0 auto;
		position:relative;
		text-align: center;
		width:95%;
		z-index:1;
	}

	.header-title-txt
	{
		top:70vw;
		line-height:9vw;
	}

	.header-title-txt h1
	{
		display:block;
		font-size:12vw;	/* Position h1 */
		font-weight:700;
		letter-spacing: 2px;
		margin:0 auto;
		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, 0 5px 1px black;
		top:70vw;
		white-space: nowrap;
		width:100%;
	}

	.header-title-txt div
	{

	}

	/* ========== (480) ========== */

	#awikinam-logo
	{	/* All */
		height:96vw;
		margin:-5vw auto -3vw;
		overflow:hidden;
		width:96vw;
		position:relative;
	}

	.wikinam-logo-image
	{	/* All */
		left:50%;
		overflow:hidden;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}

	.wikinam-logo-image img
	{
		border-radius:50%;
		height:100%;
		width:100%;
	}

	.wikinam-logo-image-sun
	{	/* All */
		left:50%;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:55%;
	}

	/* ========== (480) ========== */

	.wikinam-logo-image-sun img
	{	/* All */

		border-radius:50%;
		height:100%;
		width:100%;
	}

	main
	{
		/* background-color:rgba(255,248,186,1.00); */
		background-color:0;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-size:100%;
		margin: 0 auto;
		padding: 0 auto;
		width:95%;
	}



	main h2
	{
		color:rgba(255,255,255,1.00);
		line-height: 100%;
		margin:0 auto 1em;
		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;
	}

	main h3
	{
		font-size:150%;	
		font-weight:600; 
		margin:0 auto 15px;
	}

	main h4
	{
		font-size:100%;	
		font-weight:600; 
		margin:0 auto;
	}

	main li
	{
		list-style-image: url(../img/bullets/index_bullet_round_gray_15px.png)
	}

	main li img
	{
		box-shadow: 5px 5px 10px black;
	}

	.clearfix::after
	{
		content: " ";
		display: block; 
		height: 0; 
		clear: both;
	}

	.of
	{
		overflow:auto;
	}

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

	.main-box-bg-yellow
	{
		background-color:yellow;
	}

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

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

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

	.main-box-paddings
	{
		padding: 25px;
	}



	.main-text-padding
	{

	}

	.main-font
	{
		font-family: Arial;
		font-size: 100%;
	}

	.href a
	{
		color:blue;
		text-decoration:none;
	}

	.href a:hover
	{
		text-decoration:underline;
	}

	/* =========================== */
	/*	Footer Section - 311-479 */
	/* =========================== */

	.animate-nav-menu-buttons
	{
		animation: rotate-right1 5s infinite linear;
	}

}
/* ========== (480) =========== */
/* ========== (480) =========== */
/* ============================ */





@media screen and (min-width:311px) and (max-width:719px) and (orientation: portrait)
{
	#wikinam-logo
	{
		border-radius:0;
		height: 80vw;
		margin: 0 auto 1em;
		width: 80vw;
		position: relative;
	}

	#wikinam-logo #header-txt-title
	{
		position:relative;
		text-align:center;
		font-size:1vw;
		top:57vw;
		width:100%;
	}

	#wikinam-logo #header-txt-title h1
	{
		font-size:13vw;
		line-height:calc( 13vw * 1.10 );
		overflow:visible;
	}

	#wikinam-logo #header-txt-title div
	{
		font-size:5vw;
		line-height:calc( 5vw * 1.10 );
	}
}

@media screen and (min-width:311px) and (max-width:719px) and (orientation: landscape)
{
	#wikinam-logo
	{
		height: 80vh;
		margin: 0 auto 1em;
		width: 80vh;
		position: relative;
	}

	#wikinam-logo #header-txt-title
	{
		border-radius:0;
		position:relative;
		text-align:center;
		font-size:1vh;
		top:56vh;
		width:100%;
	}

	#wikinam-logo #header-txt-title h1
	{
		font-size:13vh;
		line-height:calc( 13vh * 1.10 );
	}

	#wikinam-logo #header-txt-title div
	{
		font-size:5vh;
		line-height:calc( 5vh * 1.10 );
	}
}






/* ============================ */
/* ========== (720) =========== */
/* ========== (720) =========== */
@media screen and (min-width:720px) and (max-width:1279px)
{
	#Xadv-cap
	{
		letter-spacing: 1px;
	}

	#Xadv-sec
	{
		padding:0 auto;
	}

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

	#Xadv-cap
	{
		bottom:3em; 
		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;
		
	}

	/* ========== (720) ========== */

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

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

	.box-pad
	{	/* Vertical Paddings for boxed items */ 
		padding: 25px 0px;
	}

	.clearfix::after
	{
		content: " ";
		display: block; 
		height: 0; 
		clear: both;
	}

	.of
	{
		overflow:auto;
	}

	/* ========== (720) ========== */


	/* Set Page Dimensions */



	header
	{	
		/* background-color:rgba(238,130,238,0.49); */
		color: white;
		display:block;
		font:arial;
		font-size:100%;
		margin:0 auto;
		position:relative;
		text-align: center;
		width:95%;
		z-index:1;
	}
	.header-title-txt
	{
		top:34vw;
		line-height:5vw;
	}

	.header-title-txt h1
	{
		font-size:8vw;
		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, 0 5px 1px black;
	}

	.header-title-txt div
	{
		font-size:3vw;
	}

	/* ========== (720) ========== */

	#awikinam-logo
	{	/* All */
		height:46vw;
		margin:-5vw auto -2vw;
		overflow:hidden;
		width:46vw;
		position:relative;
	}

	.wikinam-logo-image
	{	/* All */
		left:50%;
		overflow:hidden;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}

	.wikinam-logo-image img
	{
		border-radius:50%;
		height:100%;
		width:100%;
	}

	.wikinam-logo-image-sun
	{	/* All */
		left:50%;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:55%;
	}

	/* ========== (720) ========== */

	.wikinam-logo-image-sun img
	{	/* All */

		border-radius:50%;
		height:100%;
		width:100%;
	}

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

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

	main
	{
		/* background-color:rgba(255,248,186,1.00); */
		background-color:0;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-size:100%;
		margin: 0 auto;
		width:85%;
	}


	main h1
	{

	}

/* ========== (720) ========== */

	main h2
	{
		color:rgba(255,255,255,1.00);
		line-height: 100%;
		margin:0 auto 1em;
		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;
	}

	main h3
	{
		font-size:150%;
		font-weight:600;
		margin:0 auto 15px;
	}

	main h4
	{
		font-size:100%;	
		font-weight:600; 
		margin:0 auto;
	}

	main li
	{
		list-style-image: url(../img/bullets/index_bullet_round_gray_15px.png)
	}

	main li img
	{
		box-shadow: 5px 5px 10px black;
	}

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

	/* ========== (720) ========== */

	.main-box-bg-yellow
	{
		background-color:yellow;
	}

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

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

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

	.main-box-paddings
	{
		padding: 25px;
	}

	/* ========== (720) ========== */

	.main-font
	{
		font-family: Arial;
		font-size: 100%;
	}

	.href a
	{
		color:blue;
		text-decoration:none;
	}

	.href a:hover
	{
		text-decoration:underline;
	}

	/* =========================== */
	/* Section-01 - Contact Numbers Section */
	/* =========================== */
	#section-01
	{
		margin: 0 auto 100px;
		position:relative;
	}

	/* Section-01 - Contact Numbers */
	#contact-numbers
	{
		margin-right:15px;
		position:relative;
	}

	/* ========== (720) ========== */

	#contact-numbers ul
	{

	}

	#contact-numbers li
	{
		width:100%;
	}

	/* =========================== */
	/* Section-16 - Notes Section */
	/* =========================== */

	#section-02
	{
		display:inline-block;
		float:left;
		position:relative;
		width:66.6666%;
	}

	/* Section-16 - Notes Section */

	#notes-section
	{
		margin-left:15px;
		position:relative;
	}

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


}







@media screen and (min-width:720px) and (max-width:1279px) and (orientation: portrait)
{
	#wikinam-logo
	{
		border-radius:0;
		height: 90vw;
		margin: 0 auto 1em;
		width: 90vw;
		position: relative;
	}

	#awikinam-logo #header-txt-title
	{
		position:relative;
		text-align:center;
		font-size:1vw;
		top:64vw;
		width:100%;
	}

	#awikinam-logo #header-txt-title h1
	{
		font-size:13vw;
		line-height:calc( 13vw * 1.10 );
		overflow:visible;
	}

	#awikinam-logo #header-txt-title div
	{
		font-size:5vw;
		line-height:calc( 5vw * 1.10 );
	}
}

@media screen and (min-width:720px) and (max-width:1279px) and (orientation: landscape)
{
	#wikinam-logo
	{
		height: 90vh;
		margin: 0 auto 1em;
		width: 90vh;
		position: relative;
	}

	#awikinam-logo #header-txt-title
	{
		border-radius:0;
		position:relative;
		text-align:center;
		font-size:1vh;
		top:64vh;
		width:100%;
	}

	#awikinam-logo #header-txt-title h1
	{
		font-size:13vh;
		line-height:calc( 13vh * 1.10 );
		overflow:visible;
	}

	#swikinam-logo #header-txt-title div
	{
		font-size:5vh;
		line-height:calc( 5vh * 1.10 );
	}
}







/* ============================ */
/* ========== (1280) ========== */
/* ========== (1280) ========== */
@media screen and (min-width:1280px) and (max-width:1919px)
{


	.box-pad						{	/* Vertical Paddings for boxed items */ 
										padding: 25px 0px;
									}


	#page							{
										background-color:0;
										min-width: 1280px;
										min-width: 1280px;
										margin:0 auto;
									}

	.search							{
										margin:20px auto;
										max-width:calc(90%);
										width:calc(100% - 20px)!important;
										padding:10px;
									}

	/* ========== (1280) ========== */

	header
	{
		abackground-color:rgba(238,130,238,0.49);
		color: white;
		display:block;
		font:arial;
		font-size:100%;
		margin:0 auto;
		position:relative;
		text-align: center;
		width:95%;
		z-index:1;
	}

	.header-title-txt
	{
		top:34vw;
		line-height:1em;
	}

	.header-title-txt h1
	{
		font-size:8vw;
		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, 0 10px 1px black;
	}

	.header-title-txt div
	{
		font-size:3vw;
	}

	#awikinam-logo
	{	/* All */
		abackground-color:rgba(238,130,238,0.49);
		height:46vw;
		margin:-5vw auto -1vw;
		overflow:hidden;
		width:46vw;
		position:relative;
	}

	/* ========== (1280) ========== */

	.wikinam-logo-image
	{	/* All */
		left:50%;
		overflow:hidden;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}

	.wikinam-logo-image img
	{
		height:100%;
		width:100%;
	}



	.wikinam-logo-image-sun
	{	/* All */
		left:50%;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:55%;

	}

	.wikinam-logo-image-sun img
	{	/* All */
		height:100%;
		width:100%;
	}

	/* ========== (1280) ========== */

	#shop-hours,
	#shop-status,
	#system-dt,
	#copyright-section
	{
		display:block;
		text-align: center!important;
	}

	main
	{
		/* background-color:rgba(255,248,186,1.00); */
		background-color:0;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-size:100%;
		margin: 0 auto;
		width:85%;
	}

	main h2
	{
		color:rgba(255,255,255,1.00);
		line-height: 100%;
		margin:0 auto 1em;
		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;
	}

	main h3
	{
		font-size:150%;
		font-weight:600; 
		margin:0 auto 15px;
	}

	main h4
	{
		font-size:100%;
		font-weight:600;
		margin:0 auto;
	}

	main li
	{
		list-style-image: url(../img/bullets/index_bullet_round_gray_15px.png)
	}

	main li img
	{
		box-shadow: 5px 5px 10px black;
	}

	/* ========== (1280) ========== */

	.clearfix::after
	{	 
		content: " ";
		display: block; 
		height: 0; 
		clear: both;
	}

	.of
	{
		overflow:auto;
	}

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

	.main-box-bg-yellow
	{
		background-color:yellow;
	}

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

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

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

	.main-box-paddings
	{
		padding: 25px;
	}


	.main-text-padding
	{

	}

	.main-font
	{
		font-family: Arial;
		font-size: 100%;
	}

	/* ========== (1280) ========== */

	.href a
	{
		color:blue;
		text-decoration:none;
	}

	.href a:hover
	{
		text-decoration:underline;
	}

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



	.animate-nav-menu-buttons 		{
		animation: rotate-right1 5s infinite linear;
	}



}





	/* ========== (1280) ========== */
@media screen and (min-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
	{
		bottom:3em;
		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;
	}



}
/* ========== (1280) ========== */
/* ========== (1280) ========== */
/* ============================ */





/* ============================ */
/* ========== (1920) ========== */
/* ========== (1920) ========== */
@media screen and (min-width:1920px)
{

	.box-pad
	{	/* Vertical Paddings for boxed items */ 
		padding: 25px 0px;
	}

	#page
	{
		margin:0px auto;
		padding:10px 0 0 0;
		position:relative;
		min-width:1280px;
		max-width:1280px;
	}

	header
	{
		color: white;
		display:block;
		font:arial;
		font-size:100%;
		margin:0 auto;
		position:relative;
		text-align: center;
		width:95%;
		z-index:1;
	}


	.header-title-txt
	{
		top:750px;
		line-height:100px;
	}

	.header-title-txt h1
	{
		font-size:170px;
		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, 0 10px 1px black;
	}

	.header-title-txt div
	{
		font-size:60px;
	}


	/* ========== (1920) ========== */

	#awikinam-logo
	{	/* All */
		height:1000px;
		margin:-5vw auto 0;
		overflow:hidden;
		width:1000px;
		position:relative;
	}

	/* ========== (1920) ========== */

	.wikinam-logo-image
	{	/* All */
		left:50%;
		overflow:hidden;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}

	.wikinam-logo-image img
	{
		height:100%;
		width:100%;
	}

	.wikinam-logo-image-sun
	{	/* All */
		left:50%;
		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);
		width:55%;
	}

	.wikinam-logo-image-sun img
	{	/* All */
		height:100%;
		width:100%;
	}

	main
	{
		/* background-color:rgba(255,248,186,1.00); */
		background-color:0;
		border-width: 0;
		border-style:solid;
		border-color:black;
		display:block;
		font-size:100%;
		margin: 0 auto;
		width:85%;
	}

	main li
	{
		list-style-image: url(../img/bullets/index_bullet_round_gray_15px.png)
	}

	main li img
	{
		box-shadow: 5px 5px 10px black;
	}

	main h1
	{

	}

	/* ========== (1920) ========== */

	main h2
	{	
		color:rgba(255,255,255,1.00);
		line-height: 100%;
		margin:0 auto 1em;
		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;
	}

	main h3
	{
		font-size:150%;
		font-weight:600;
		margin:0 auto 15px;
	}

	main h4
	{
		font-size:100%;
		font-weight:600;
		margin:0 auto;
	}

	main p
	{

	}

	.clearfix::after
	{
		content: " ";
		display: block; 
		height: 0; 
		clear: both;
	}

	.of
	{
		overflow:auto;
	}

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

/* ========== (1920) ========== */

	.main-box-bg-yellow
	{
		background-color:yellow;
	}

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

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

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

	.main-box-paddings
	{
		padding: 25px;
	}

	/* ========== (1920) ========== */

	.main-text-padding
	{
	}

	.main-font
	{
		font-family: Arial;
		font-size: 100%;
	}

	.href a
	{
		color:blue;
		text-decoration:none;
	}

	.href a:hover
	{
		text-decoration:underline;
	}

	/* =========================== */
	/* Section-01 - Contact Numbers Section */
	/* =========================== */
	#section-01
	{
		margin: 0 auto 100px;
		position:relative;
	}

	/* Section-01 - Contact Numbers */
	#contact-numbers
	{
		margin-right:15px;
		position:relative;
	}

	#contact-numbers ul
	{
		
	}

	#contact-numbers li
	{
		width:100%;
	}

	/* =========================== */
	/* Section-16 - Notes Section */
	/* =========================== */

	#section-02
	{
		
		display:inline-block;
		float:left;
		position:relative;
		width:66.6666%;
	}

	/* ========== (1920) ========== */

	/* Section-16 - Notes Section	*/

	#notes-section
	{
		margin-left:15px;
		position:relative;
	}

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


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


}
/* ========== (1920) ========== */
/* ========== (1920) ========== */
/* ============================ */






/* ========== (ALL) ========== */

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






@media screen and (min-width:1280px)
{
	#wikinam-logo
	{
		border-radius:0;
		height: calc( 900px * 0.9 );
		margin: 0 auto 1em;
		width: calc( 900px * 0.9 );
		position: relative;
	}

	#awikinam-logo #header-txt-title
	{
		position:relative;
		text-align:center;
		font-size:calc( 900px * 0.1 );
		top:calc( 900px * 0.65 );
		width:100%;
	}

	#awikinam-logo #header-txt-title h1
	{
		font-size:calc( 900px * 0.13 );
		line-height:calc( 900px * 0.13 * 1.10 );
	}

	#awikinam-logo #header-txt-title div
	{
		font-size:calc( 900px * 0.05 );
		line-height:calc( 900px * 0.05 * 1.10 );
	}
}








@keyframes rotate-left1
{	/* Animation (Rotate Counter 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);
			} 
}




	/*
		font-family: 'Abril Fatface', cursive; 
		font-family: 'Vollkorn', serif;
		 font-family: 'Constantia, Lucida Bright', 'DejaVu Serif', Georgia, 'serif';
	*/


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


	#contact-data li section
	{ 
		max-height:none;
	}


#header-txt-descr
{
	margin:3em auto 1em;
}

#header-txt-title
{
	aposition:relative;
	atext-align:center;
	afont-size:1vw;
	margin-bottom:-100px;
	top:-200px;
	awidth:100%;
}
#wikinam-logo
{
	margin-bottom:200px;
}