@charset "utf-8";
/**********************************************/
/* =========================== */
/*	Page Setup & Reset Section */
/* =========================== */

*
{	/* Reset Styles */
	margin:0px; 
	padding:0px;
	border:0px;
}

body
{	/* Set Page Background & Base font */
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: 100;
}

	font-size:16px;
	font-weight:100;
}

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



ul.action li:nth-child(1)
{
	background:Red;
	float:left;
}

ul.action li:nth-child(2)
{
	background:Green;
	float:right;
}

ul.action li:nth-child(1),
ul.action li:nth-child(2)
{
	color:white;
	border-style:solid;
	border-width:2px;
	border-radius:15px;
	display:inline-block;
	font-weight:700;
	padding:0 5px;
	line-height:1.25;
	text-align:center;
	width:44%;
}

.sub ul.action li:nth-child(1),
.sub ul.action li:nth-child(2)
{
	display:none;
}


ul.contact-container
{
	boder-style:none!important;
}

#header
{
	text-align:center;
}





.cat-span
{
	color:yellow;
}

.location-span
{
	color:lime;
}

.contact-container > li,
.contact-container > li .sub
{
	border-radius:15px;
	background-repeat:repeat;
	background-size:auto;
}

.contact-container > li div, 
.contact-container > li .sub div
{
	border-radius:15px;
}

.header-title h3
{
	border-radius: 15px;
}

/* .vip1 .header-title h3 */
/* { */
	/* border:solid!important; */
	/* border-radius: 15px; */
	/* border-width:thick; */
	/* border-color:yellow!important; */
/* } */

ul .contact li,
.contact .sub div,
.contact.sub.div
{
	border-radius:15px;
}

.contact-container .box-bor
{
	border-color:white;
	border-style:outset;
	border-width: 3px;

}

ul.contact-container > li
{
	/* background-color:rgba(0,0,0,0.48);  */
	/* background-color: rgba(255, 255, 255, 0.63); */
	/* border-style:ridge; */
	border-style:none;
	border-width:3px;
	border-radius:20px;
	/* box-shadow:3px 3px 3px black; */
}

ul.contact-container > li:hover
{
	/* box-shadow:-3px -3px 3px rgba(0, 0, 0, 0.1); */
}

/* =========================== */
/* Category - Title  Section  */
/* =========================== */

header
{	/* Set Header Section Properties */
	/* background-color:rgba(0,0,0,0.15); */
	/* background-image: url(/img/bg/title/1920/default.jpg); */
	/* background-blend-mode:color-burn; */
	background-blend-mode:color-burn;
	opacity: 1;
	margin: 15px auto 0;
	position: relative;
	text-align:center;
	width:95%;
	background-position:left;
	background-repeat:no-repeat;
	background-size:cover;
}

#category-title-outer
{	/* Page Heading Container for the Directory Category */
	color: white;
	display:block;
	position:relative;
	text-align:center;
	vertical-align:middle;
}

#cat-desc:not(.more)
{
	background-color:rgba(0,0,0,0.50);
	border-style:ridge;
	border-width:7px;
	border-radius:20px;
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.6);
	color:white;
	font-size:1rem;
	font-weight: 500; 
	letter-spacing: 2px;
	max-width:80%;
	display:block;
	margin:15px auto;
	padding:5px 15px;
	vertical-align:middle;
	text-align: left;
	text-shadow:-1px -1px 0 0, 1px -1px 0 0, -1px 1px 0 0, 1px 1px 0 0;
}


/* .contact > li.business-desc .more p::first-letter, */
.contact .business-desc p::first-letter
{
	color:yellow;
	font-size:2rem;
	font-weight:900;
	text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black, 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
	letter-spacing: 3px;
}



#cat-desc .more
{
	text-align: left;
}

.contact > li.business-desc .more
{
	padding-left:0.5em;
	padding-right:0.5em;
	text-align: left;
}

#category-title-inner #cat-desc
{
	/* background: linear-gradient(to bottom right, #0a1a3f, #000000); */
	background: linear-gradient(to bottom, #191970, #000000);


	/* margin-bottom:70px!important; */
	max-height:50vh;
	overflow:hidden;
	overflow-y:scroll;
}

#cat-desc .more ol
{
	list-style-type:decimal!important;
}

#cat-desc .more li,
#cat-desc .more li div,
#cat-desc .more li p,
#cat-desc .more li li,
#cat-desc .more li li p
{
	/* background:magenta; */
	margin-left:16px!important;
}

#cat-desc h2,
#cat-desc h3,
#cat-desc h4,
#cat-desc h5
{
	font-size:120%;
	font-weight:700;
	margin:0.5rem auto;

}

#cat-desc h2
{
	color:yellow;
}

#cat-desc h3
{
	color:cyan;
}

#cat-desc h4
{
	color:lime;
}

#cat-desc h5
{
	color:yellow;
}

#cat-desc p
{
	margin:0.5rem auto;
}

#category-title-inner #cat-desc > li
{
	line-height:1.6rem;
	margin:1rem auto;
}

#category-title-inner
{	/* Page Heading Container for the Directory Category */
	display:block;
	overflow-wrap: break-word;
	position:relative;
}

ul#acategory-title-inner
{
	display:inline-block;
}

#category-title-inner li
{
	margin: auto;
	/* max-width: 80%; */
	position:relative;
	top:50%;
	/* list-style: none; */
}

#category-title-inner a
{
	color:white;
}

#category-title-inner li div:nth-child(2)
{
	/* min-width:50%; */
}

a#category-title-inner li div:hover
{
	box-shadow:-3px -3px 10px black;
}

#category-title
{
	margin-top:1em;
}

#synonyms
{
	display:none;
}

/*
#acategory-title-inner li:nth-child(2) div
{
	animation: flip-vertically3 7s 15s infinite linear;
	backface-visibility:hidden;
}
*/

.contact-container .box-pad
{
	/* padding-left:3%; */
	/* padding-right:3%; */
	/* padding-top:25px; */
}


.contact-header-company-info
{
	background-color:0;
	font-size:100%;
	font-weight:600;
	/* font-weight:500; */
	line-height:130%;
	/* margin-left:25px; */
}

.unsub .contact-header-company-info
{
	color:white;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}


#cat-desc:hover
{
}
 
/*
.category-title-inner h3
{
	color: yellow;
	font-family: 'PT Serif';
	text-transform:uppercase;
	vertical-align: middle;	
}


ul.contact-container > li .sub1
{
	background-color:rgba(184,226,246,1.00);
	/* background-color: lawngreen;
	background-color: red;
}
*/

ul.contact-container > li .sub
{
	/* background-color:rgba(184,226,246,1.00);
	background-color: lightskyblue;  */
}

#header > div img
{
	margin-bottom:0;;
	Xmax-width:80%;
	/* margin-right:20px; */
	vertical-align: middle;
}

a1
{
	

	/* color:white; */


	
}

h1:hover
{
	box-shadow: -3px -3px 10px black;
}


#header h1
{	/* Page Title Heading - Visual Properties */
	align-items: center;
	background:yellow;
	border-color:black;
	border-radius: 15px;
	border-style: outset;
	border-width:1px;
	box-shadow: 3px 3px 3px black;
	color:black;
	display:inline-block;
	font-family: 'roboto';
	font-size:2em;
	justify-content: center;
	letter-spacing: 2px;
	margin:0 5px;
	padding:5px 15px;
	/* min-width: 95%; */
	text-decoration:none;
	text-transform: uppercase;
	/* text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; */
	vertical-align: middle;
}

#header h1 span:nth-child(1)
{
	display:none;
	/* font-size:1em; */
}


#headerh1 span:nth-child(2)
{
	color:yellow;
	display:block;
	font-weight: 700;
	letter-spacing: 3px;

}

/* =========================== */
/*	Image Gallery
/* =========================== */

#gallery
{	/* Define Primary Category Container */
	display:block;
	height:100px;
	margin:0 auto;
	padding:10px 0px 10px;
	/* position:relative; */
	text-align: center;
}

.shopinside
{	/* Container for shop inside images */
	background-color:white;
	display:block;
	margin:auto;
	position:relative;
}

.shopinside img
{
	background:white;
	display:block;
	margin:10px;
	width:calc(100% - 20px);
}

/* =========================== */
/* Define Primary / Upper Section */
/* Category Index listings */
/* =========================== */

#head-cat-pri
{	/* Define Primary Category Container */
	/* background-color:rgba(0,0,0,0.33); */
	display:inline-block;
	margin:0 auto -1em;
	/* padding:10px 0px; */
	position:relative;
	text-align: center;
	width:calc( 100% - 2em );
}

#head-cat-pri ul
{	/* Contact Unordered list - Normal - None Displayed */
	display:table;
	margin:0 auto; width:100%;
	vertical-align: middle;
}

#head-cat-pri:hover ul
{	/* Contact Unordered list - Hovered - Display when Hovered */	}

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

#head-cat-pri li:hover
{	/* Contact list Items Visuals */
	box-shadow: -3px -3px 3px black;
}

#head-cat-pri ul li a
{	
	background:yellow;
	border-radius:50%;
	color:black;
	font-size: 150%;
	text-decoration:none;
	transition: all 0.5s ease-in;
}

#head-cat-pri ul li:hover a
{
	/* animation: rotate-right1 5s infinite linear; */
	background:white;
	border-radius:190%;
	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;
}

#head-cat-pri .head-cat-pri-active
{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
	border-radius:190%;
	display:table;
}

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

#head-cat-pri .head-cat-pri-active a:hover
{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
	background-color:lightgray;
	color:white;
}
/* Define border of header navigation buttons */
/* =========================== */


ul.head-nav-butt-bord li
{	/* Contact NAV Button Border - Container Visuals and Position */
	background:rgba(255,255,255,0.25);
	border-style:solid;
	border-width: 2px;
	color:black;
	margin:10px auto;
	height:52px;
	width:52px;
}


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

ul.head-nav-but-char li div	
{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
	border-radius:180%;
	display:table;
	height:100%;
	transition: all 0.5s ease-in-out;
	width:100%;
}

ul.head-nav-but-char li div:hover
{}

ul.head-nav-but-char li div a
{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */	
	background:rgba(255,255,255,1.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, 3px 3px 1px black; */
	transition: all 1s ease-in-out;
	vertical-align: middle;
}


/* =========================== */
/* Define Secondary / Lower Section */
/* Town Index listings */
/* =========================== */

#head-cat-sec
{
	/* Xbackground:rgba(0,154,68,1); */
	background:DodgerBlue;
	border-radius: 15px;
	display:block;
	margin:1em 15px;
	text-align: center;
}

#head-cat-sec ul
{
	display:table;
	margin:15px auto;
	vertical-align: middle;
	width:100%;
}

#head-cat-sec li
{	/* Contact list Items Visuals */
	/* background:rgba(91,91,91,1.00); */
	background:#002F6C; /* Namibian Flag Blue */
	border-radius: 8px;
	box-shadow:3px 3px 3px black;
	display:inline-block;
	list-style: none;
	margin:5px 5px;
	padding:0 15px;
	text-align: center;
	text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black;
	vertical-align: middle;
}

#head-cat-sec li:hover
{	/* Contact list Items Visuals */
	box-shadow: -3px -3px 5px black;
	text-shadow: text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black;
}

#head-cat-sec ul li a
{
	font-weight:700;
	color:white;
	display:block;
	font-family: Arial;
	font-size:120%;
	letter-spacing: 2px;
}

/*******************************/



#head-cat-sec ul li:hover a
{
	color:yellow;
	text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -2px -2px 1px black; 
}

#copyright-section
{
	color:white;
	font-size: 12px;
	font-weight:normal;
	margin:5px auto 2px;
	position:relative;
	text-align: center;
	text-shadow: 1px 1px 2px black, 2px 2px 2px black;   
}

/* =========================== */
/*	Main Section: */
/* =========================== */

main
{	/* Container for Contact Data */
	display:block;
	font-family: roboto;
	font-weight:500;
	margin: 0 auto;
	padding: 20px auto 300px;
	position: relative;
	width:97%;
}


.search
{
	background-color:yellow;
	clear:both;
	display:relative;
}

.search .boxbord
{
	border-style:none;
	box-shadow: 3px 3px 5px black;
}

.search .boxbord:hover
{
	border-style:none;
	box-shadow: -3px -3px 5px black;
}
.box-zip-status
{
	background-color:yellow;
	border-color:black;
	border-radius:1em;
	border-style:solid;
	border-width:1px;
	box-shadow:1px 1px 1px black; 
	color:lime;
	font-size:200%!important;
	font-weight:900!important;
	margin-bottom:0.5em;
	margin-right:-0.25em;
	padding:0 0.5em!important;
	position:relative;
	clear:both;
	text-align: center!important;
	width:4em!important;
}


/* ============================== */
/* Define the Town Header Section
/* ============================== */

.town-title-outer
{	/* Outer block - div */
	display:block;
	position:relative;
	margin:15px auto;
	text-align: center;
	/* text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,2px 2px 1px black; */
	width:100%;
}

/* Adds placeholder-like text inside the Google CSE search box */
input.gsc-input::placeholder
{
	color: #888;
	opacity: 1;
}

/* Force-insert placeholder text */
input.gsc-input
{
	font-size: 14px;
}

.town-title-inner
{	/* Inner block - ul */
	overflow-wrap: break-word;
	position:relative;
}

.town-title-inner li
{
	list-style: none;
}

ul .town-title-inner li div
{
	background:DodgerBlue;
	list-style: none;
}

/* ============================== */
/* Background Rotating Button
/* ============================== */

.town-title-inner li:nth-child(1)
{
	aanimation: flip-vertically3back 20s infinite linear;
	display:none;
	max-width:85%;
	vertical-align: middle;

	left:0;
	right:0;
	bottom:0;
	top:0;
	
	margin:auto;
	min-width:calc(100% - 1em);
	position:absolute;
}

.town-title-inner li:nth-child(1) div
{
	backface-visibility:hidden;
	font-size: 12px;
	font-weight:normal;
	line-height:125%;
	margin:0.5em auto auto;
	position:relative;
	text-align: center;
	text-shadow: 1px 1px 2px black, 2px 2px 2px black;
}

/* ============================== */
/* Category, Town and Area Code
/* ============================== */

.town-title-inner li:nth-child(n+2):nth-child(-n+3)
{
	color:yellow;
	display:block;
	position:relative;

	vertical-align: middle;
}

.town-title-inner li div
{
	/* animation: flip-vertically3 20s infinite linear; */
	backface-visibility:hidden;
	background:DarkGreen; /* Namibian Flag Green */
	/* background-image:url("/img/bg/bark.jpg"); */
	/* background-repeat: repeat; */
	box-decoration-break: clone; /* apply padding + background per line */
	-webkit-box-decoration-break: clone; /* Safari/Chrome support */
	border-color:yellow;
	/* background:LimeGreen; */
	border-style: solid;
	border-radius:15px;
	/* border-bottom-left-radius:15px; */
	/* border-bottom-right-radius:15px; */
	box-shadow:3px 3px 3px black;
	border-width:3px;
	display:inline-block;
	font-family: 'PT Serif';
	font-size:16px;
	font-weight:900;
	letter-spacing: 2px;
	line-height: 1.5em;
	margin:5px 5px;
	padding:5px 15px;
	text-decoration:none;
	/* text-transform:uppercase; */
	vertical-align: middle;
}

/* Category */
.town-title-inner h2
{
	display:inline;
	font-weight:700;
	padding:0;
	text-align:center;
	width:unset!important;
	text-shadow: 1px 1px 2px black, 2px 2px 2px black;
}

/* Town */
.town-title-inner li:nth-child(3) h2
{
	display:inline-block;
	text-align:center;
	width:unset;
}

/* Section Town Title CONTAINER*/
.town-title-inner li:nth-child(3) > div:first-child
{
	/* background: DodgerBlue; */
	/* background:#002F6C; */	/* Namibian Flag Blue */
	background:#343434;
	border-radius:16px;
	box-shadow: 3px 3px 3px black;
	padding:0.75em;
}

.town-title-inner li:nth-child(n+2):nth-child(-n+3) div:hover
{
	/* box-shadow: -3px -3px 3px black; */
}

/* Section Town Title Container TEXT*/
.town-title-inner li:nth-child(3) a
{

	color: white;
	font-family:roboto;
	font-size: 100%;
	font-weight:700;
	padding:0.25em 1em;
	text-align: center;
	text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black;
	vertical-align: middle;
}



.town-header-spacer
{
	display:inline-block;
}

.town-title-inner li:nth-child(2) div span
{
	display:none;
}



.town-header h3:hover
{
	text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,-2px -2px 1px black;
}

.town-header img
{
	display:table-cell;
	vertical-align: middle;
}

.town-header-animation
{
	animation:flip-horizontally1 30s infinite linear;
}


/* =========================== */
/* Category Header Section - Business Index
/* =========================== */


.cat-head-sec
{
	display:block;
	margin:auto;
	text-align: center;
	width:95%;
}


.cat-head-sec ul
{
	display:table;
	vertical-align: middle;
	width:100%;
}



.cat-head-sec li
{	/* Contact list Items Visuals */
	border-radius: 8px;
	box-shadow: 3px 3px 5px black;
	color:white;
	display:inline-block;
	font-weight:700;
	list-style: none;
	margin:5px 0.1em;
	padding:0 15px;
	text-align: center;
	text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
	vertical-align: middle;
}

.cat-head-sec li:hover
{	/* Contact list Items Visuals */
	box-shadow: -3px -3px 5px black;
	text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -2px -2px 1px black;
}

.cat-head-sec ul li a
{
	color:white;
	display:block;
	font-family: Arial;
	font-size:16px;
	letter-spacing: 2px;
	margin-left:1em;
	margin-right:1em;
}

.cat-head-sec ul li:hover
{

}

.cat-head-sec ul li:hover a
{
	color:white;
	text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -2px -2px 1px black; 
}

li.bus-sub-pri
{
	/* background:limegreen; */
	margin:5px 0.75em;
	background:green;
	border:solid!important;
	border-width:3px!important;
	border-color:navy!important;
	border-color:yellow!important;
	padding-left:3em;
	padding-right:3em;
	position:relative;
}

li.bus-sub-pri div:nth-of-type(1),
li.bus-sub-pri div:nth-of-type(2)
{
	font-size:28px;
	max-width:3em;
	position:absolute;
	top:50%;
	transform: translateY(-60%);
}

li.bus-sub-pri div:nth-of-type(1)
{
	left:-0.75em;
	/* padding-right:1em; */
}

li.bus-sub-pri div:nth-of-type(2)
{
	/* padding-left:1em; */
	right:-0.75em;
}

li.bus-sub-none div:nth-of-type(1),
li.bus-sub-none div:nth-of-type(2)
{
	display:none;
}

.bus-sub-pri a
{
	/* color: yellow!important; */
	font-weight:700;
	padding-bottom:0.1em!important;
	padding-top:0.1em!important;
	/* text-shadow:none!important; */
}

li.bus-sub-sec
{
	background-color:navy;
	border:solid!important;
	border-width:4px!important;
	border-color:deepskyblue!important;
}

.bus-sub-sec a
{
	color: yellow!important;
	padding-bottom:0.1em!important;
	padding-top:0.1em!important;
}

.cat-head-sec ul li
{
	/* background: #8B0000; */
	border-color: yellow;
	border-style: solid;
	border-radius: 15px;
	border-width:3px;

	box-shadow: 3px 3px 3px black;
	padding: 0em;
}

.cat-head-sec ul li.bus-sub-pri {
	background: green; /* Green – active subscriber, symbolizes growth and prosperity */
	color: #FFFFFF;
}

.cat-head-sec ul li.bus-sub-none {
	background: #2F4F4F; /* Blue – free listing, represents opportunity and trust */
	color: #FFFFFF;
}

.cat-head-sec ul li.bus-sub-closed {
	background: red; /* Red – closed, conveys warning or termination */
	color: #FFFFFF;
}




.cat-head-sec ul li a
{
	color: white;
	font-family: roboto;
	font-size: 100%;
	font-weight: 700;
	margin:0.5em 1em;
	text-align: center;
	/* text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black; */
	vertical-align: middle;
}


.bus-sub-none a
{
	color: smoke!important;
	padding-bottom:0.1em!important;
	padding-top:0.1em!important;
}


/* =========================== */
/* Arrange Contacts on Page (.contact-container) */
/* =========================== */

.contact
{	/* Reset Contact Details to Default */
	
	font-family: robotto;
	line-height:150%;
	/* font-size : 100%; */
	font-weight: 300;
}

.header-title
{
	position:relative;
}

.header-title img
{
	position:absolute;
	bottom:0px!important;
}

.contact-header-index,
.business-banner,
.contact-header-category,
.contact-header-category-town
{
	margin-top:0.6em;
}

.business-banner
{
	text-align:left;
}

.business-banner-button
{
	text-align:center;
}

.business-banner-button a
{
	display:inline-block;
	margin:0 auto;
}

.contact-header h3 span
{
	display:block;
	font-size:0.75em;
}

/* =========================== */
/* Contact - Header Section for VIPs */
/* =========================== */

.avip1 .contact > li,
.avip2 .contact > li
{	
	display:block;
	padding:0;
	background-color:yellow;
	text-align: center;
	vertical-align: middle;
}


ul.contact-container ul.contact li.sub:hover
{
	background-color:blackFA7;
	box-shadow:3px 3px 1px black;
}


ul.contact-container ul.contact li.sub span
{
	bottom:1em;
	color:white;
	display:inline;
	font-size:1.25em;
	font-weight:700;
	left:0px;
	margin:auto;
	position:relative;
	right:0px;
	/* 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; */
}

ul.contact-container ul.contact li.sub span:hover
{
	color:yellow;
}
/* Contact - Header Styling */
/* =========================== */


.contact
{
	/* padding-left:1em; */
	/* padding-right:1em; */
}

.contact > li
{
	background-color: white;
	/* border-color: yellow; */
	border-radius: 15px;
	/* box-shadow: 1px 1px 5px black; */
	/* border-style:  */
	/* border-width: 2px; */
	max-height:25em;
}





.sub .business-banner-sec-inn,
.sub .contact .business-desc
{
	filter:brightness(100%);
	pointer-events: auto;
}

.unsub .contact .business-desc,
.unsub .business-banner-sec-inn
{
	/* filter:brightness(40%); */
	pointer-events: none;
}

.contact > li /* :not(.business-desc) */
{	/* Container Properties */border-color:yellow;
	list-style:none;
	margin:0.5em auto;
	padding:15px;
	position:relative;
}

.sub .contact-header ul li
{	/* Container Properties */
	background:0;
	/* abox-shadow:5px 5px 3px black; */
	border-style:outset;
	padding:0;
}

.contact > li.business-desc
{
	background-color:black;
	background-blend-mode:color-burn;
	font-family:robotto;
	font-size:18px;
	list-style: none;
	max-height: 15em;
	padding-bottom:0.5em;
	/* padding-left:1em; */
	/* padding-right:1em; */
	padding-top:0.5em;
	text-align:center;
} 

.contact > li.business-desc .more
{
	/* background-color:yellow; */
	/* background-blend-mode:color-burn; */
	/* border-color:yellow; */
	/* border-style:solid; */
	/* border-width:3px; */
	list-style: none;
	/* margin-left:-0.25em; */
	/* margin-right:-0.75em; */
	margin-top:1em;
	padding-bottom:1em;
	padding-top:1em;
} 


.contact li.business-desc h3
{
	color:yellow;
	font-size:20px;
	font-weight:900;
	text-align:center;
	text-transform: uppercase;
}

.contact li.business-desc h4
{
	color:lime;
	font-size:20px;
	font-weight:900;
	text-align:center;
	text-transform: uppercase;
}

.contact li.business-desc h5
{
	color:cyan;
	font-size:18px;
	font-weight:900;
}

.contact > li.business-desc h6
{
	color:cyan;
	font-size:18px;
	font-weight:700;
}


.contact > li.business-desc p
{
	color:white;
	letter-spacing:1px;
	margin-bottom:1em;
	margin-top:1em;
} 

.contact > li.business-desc .more ol,
.contact > li.business-desc .more ul
{

	list-style:none;
	padding-left:0;
}

.contact > li.business-desc .more ol li,
.contact > li.business-desc .more ul li
{
	position: relative;
	padding-left: 0.5em; /* Space for the bullet image */
	/* list-style: url(/img/bul/index_/bullet_round_green_15px.png); */
	/* list-style-position: inside; */
}

.contact > li.business-desc .more ol
{
	/* background:yellow; */
	margin:0 0.5em;
}


.contact > li.business-desc .more ol li
{
	color:white;
	display:block;
	margin:0 auto;
	padding:0 auto;
	width: fit-content;
}


/* .contact > li.business-desc .more ol li::before, */
/* .contact > li.business-desc .more ul li::before */
{
	content:'';
	background:url(/img/bul/index_bullet_round_green_15px.png);
	background-size:cover;
	display:inline-block;
	height:16px; /* Adjust according to your image size */
	left:-16px;
	/* margin-right:1em; */

	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:16px; /* Adjust according to your image size */
}



/* .contact > li.business-desc .more ol li::after, */
/* .contact > li.business-desc .more ul li::after */
{
	content:'';
	background:url(/img/bul/index_bullet_round_green_15px.png);
	background-size:cover;
	display:inline-block;
	height:16px; /* Adjust according to your image size */
	/* margin-left:1em; */
	position:absolute;
	right:-16px;
	top:50%;
	transform:translateY(-50%);
	width:16px; /* Adjust according to your image size */
}

.contact > li.business-desc .more li
{

}

.contact > li.business-desc .more p
{
	color:white;
	font-weight:normal;
	/* margin-bottom:0.25em; */
	/* margin-top:0.25em; */
}

.contact > li.business-desc h3 .first-letter,
.contact > li.business-desc h4 .first-letter
{
	color:white;
	font-size:24px;
	/* font-weight:900; */
	/* text-transform: uppercase; */
}




.contact > li.business-desc .more p:first-of-type
{
	/* margin-bottom:0.25em; */
	margin-top:0.25em;
}

.contact > li.business-desc .more p:last-of-type
{
	margin-bottom:0.25em;
	/* margin-top:0.25em; */
}

.sub .contact-header ul li:hover
{	/* Container Properties */
	aborder-style:inset;
}

.contact > li,

{
	border-color:lightgray;
	border-style:outset;
	border-width:3px;
	/* margin:13px; */
}


.contact-header-index
{
	background-color:#8B0000;
	border-color:yellow;
	border-style:solid;
	border-width:2px;
	box-shadow: 3px 3px 1px black;
	color: yellow;
	display:inline-block;
	font-size:16px;
	font-weight: 700;
	line-height:120%;
	padding:5px 1em;
	vertical-align:center;
}


.contact-header-index span
{
	color:white;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;

}

.contact-header h3 /* all */
{
	text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black;
	background-color: DodgerBlue;
	border-color:white;
	border-style:outset;
	border-width:3px;
	box-shadow: 3px 3px 1px black;
	color:white;
	font-family: roboto;
	font-size:120%;
	font-weight:900;
	line-height:150%;
	letter-spacing: 3px;
	padding:10px 0;
	position:relative;
	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;: 2px;
}

.sub .contact-header h3 /* all */
{
	background-color: DodgerBlue;
	border-color:yellow;
	/* background-color:deepskyblue; */
}

.unsub .contact-header h3 /* all */
{
	background:#4B6F85;
	/* margin:-3px; */
	margin:-1px;
	z-index:1;
}



.sub .header-title
{
	vertical-align: middle;
}


.business-banner-sec-inn:not(.business-banner-img-png)
{
	display:block;
	margin:auto;
	max-width:100%;
	position:relative;
	text-align:center;
}


.business-banner-sec-inn img:nth-child(2)
{
	/* background:white; */
	left:5px;
	position:absolute;
	top:5px;
}

.business-banner li div
{
	/* position:relative!important; */
}

.business-banner:hover
{
	/* border-style:inset!important; */
}

.unsub .business-banner
{
	/* display:none; */
}

.business-banner-img-png > picture img,
.business-banner-img-png > img 

{
	background-color: transparent;
	max-width:100%;
	pointer-events: none;
	user-select: none;
}

.unsub .business-banner-img-png > picture img
/* .unsub img */
{
	/* filter: brightness(0.70) grayscale(100%); */
	/* opacity: 0.7; */
}

.business-banner .business-banner-sec-out:not(:first-child)
{
	display:none;
}

.business-banner-img-jpg > picture img,
.business-banner-img-jpg > img
{
	background-color: white;
	border-color: white;
	border-radius:15px;
	border-style: outset;
	border-width: 2px;
	max-width:calc( 100% - 4px );
	pointer-events: none;
	user-select: none;
}

.unsub .business-banner-img-jpg > picture img
{
	/* filter: grayscale(100%); */
	/* opacity: 0.5; */
}
.business-banner-sec-but
{
	left:1px;
	position:absolute;
	top:1px;
}

.business-banner-img-but
{
	position:relative;
}

/* .business-banner-img-but img */
/* { */
	/* position:relative; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
	/* width:unset!important; */
/* } */

.sub .contact-header .contact > li
{   /* Remove Border on Banner */
	margin-bottom:100px;
	padding:0px;
}

.contact-header .contact li:nth-child(2)
{
	border-radius-top:15px;
}

.business-desc
{
	/* border-color:dimgray!important; */
	/* border-style:solid; */
	/* border-width:3px; */
	padding:0.5em;
	position:relative;
}

sub .business-desc
{
	/* border-color:yellow!important; */
}

.business-desc li
{
	font-weight:normal;
	text-align: center;
}

.contact .business-desc li
{
	color:white;
	text-align:left;
}

.sub .contact-header h3
{
	background-color:green;
	color:white;
	border: 3px outset green;
}


.unsub .contact-header h3
{
	background: #2F4F4F;
	/* border-color:yellow; */
	color:white;
	border: 3px outset #2F4F4F;
}

.unsub.closed .contact-header h3
{
	background-color:#B22222;
	border: 3px outset #B22222;
}



.unsub .map-address-section ul.contact-details li:nth-child(n+2),
.unsub .whatsapp-messenger-section ul.contact-details li:nth-child(n+2),
.unsub .url-section ul.contact-details li:nth-child(n+2)
{
	width: 10ch;
	white-space: nowrap; /* Prevent text wrapping */
	overflow: hidden; /* Hide overflow text */
	text-overflow: ellipsis; /* Display ellipsis (...) */
}

/* .unsub  h3, */
/* .unsub .business-desc, */
.unsub .email-address-section li:not(:first-child) a,
.unsub .map-address-section a,
.unsub .url-section a,
.unsub .whatsapp-messenger-section a
{
	cursor:default;
	filter: brightness(0.80) grayscale(100%);
	pointer-events:none;
	text-overflow: ellipsis; /* Adds '...' at the end */
}

.unsub .email-address-section .data-section li:not(:first-child) img
{
	filter: grayscale(100%) brightness(0.55) contrast(200%);
}


/* Power-On Button Container - Properties */
/* =========================== */

.keepcontact-header h3:hover
{
	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;
}

/* Contact Details (i.e. Telephone Nuembers) */
/* =========================== */

ul .contact-details
{
	list-style:none;
}

ul .contact-details li
{
	float:right;
	letter-spacing:1.5px;
	list-style: none;
	text-align: right;
	width:calc(100% - 75px);
}

#update-listing
{
	background-color: rgb(0,0,0); 		/* Black fallback color */
	background-color: rgba(0,0,0,0.9);	/* Black w/opacity */
	display:none;
	left:0;
	overflow-x: hidden;					/* Disable horizontal scroll */
	position:fixed;						/* Stay in place */
	top:0;
	z-index:1; 							/* Sit on top */
}


/*	https://css-tricks.com/examples/nth-child-tester/ 
2n+1 = Odd Numbers
2n+2 = Every Second or even
-n+2 = First Two
1n+2 = All STarting at Two

.myclass ul li {
...this will affect both levels of li.
}

.myclass > ul > li {
...this will only affect the first level.
}

.myclass > ul > li > ul > li {
...this will only affect the second level.
}

*/
ul.contact-details li:nth-child(n+2)
{
	font-family: roboto;
	font-size:100%;
	font-weight:500;
	line-height: 150%;
}

.sub .admin,
.unsub .admin
{
	/* display:none!important; */
}

.related-detail-type
{
	aaoverflow:hidden;	/* Prevents ul collapse*/
}


.related-detail-type li:nth-child(1)
{
	color:blue;
	font-size:16px;
	font-weight:700;
	line-height: 150%;
	text-align: right;
	/* text-transform:uppercase; */
	width:calc(100% - 75px);
}

.related-detail-type li:nth-child(1n+2)
{
	display:block;
	color:black;
	float:right;
	font-family: Arial;
	font-size:16px;
	line-height: 150%;
	overflow-wrap: break-word;
	text-align: right;
	width:calc(100% - 105px);
}

.data_description
{
	clear:both;
	color:black;
	margin-top:15px;
	text-align: justify;
	width:100%;	
	text-shadow: none;
}

.dn
{	/* dn = Display None */
	display:none;
}






/* .relate Associates text with hovered image */
/* =========================== */


.data-section
{
	list-style:none;
}

.data-section > li
{
	background: #fcfcf2;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;
	box-shadow: 3px 3px 3px;
	list-style:none;
	margin: 3px 0;
	overflow-y:clip; /* Prevent vertical scrollbar on fax and map section */
	padding: 5px;
}


.sub .data-section > li 
{
	background: blackDD0;
	abackground: LemonChiffon;
}

.contact hr
/* Hide HorizonalRow line */
{
	display:none;
}

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

/* =================================== */
/* Contact - Header
/* =================================== */


/* =================================== */
/* Define Navigation Buttons
/* =================================== */

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

.rotating-icon
{}

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

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

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

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

/* .nav-but-sha */
/* { */
	/* box-shadow: 3px 3px 3px black; */
/* } */

/* .anav-but-sha:hover */
/* { */
	/* box-shadow: -3px -3px 3px black; */
/* } */

.nav-but-rad
{
	border-radius: 50%!important;
}

.nav-but-bckg
{

}

.nav-but-rad
{
	overflow:hidden;
}

.nav-but-rad img
{ 
	/*
	background:white;
	 border-radius: 50%;
	*/
}

.nav-but-rad:hover
{ 
	background:yellow;
}


.nav-but-pos
{
	clear:both;
	float:left;
	margin-left:0px;
}


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


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

.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;
	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;
}

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

.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: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black, -5px -5px 5px black;
	animation: rotate-right1 5s infinite linear;
}


.contact-nav-menu-button
{
	height:52px;
	margin:5px;
	padding:0;
	text-align: center;
	width:52px;
}

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

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


.contact-header-category
{
	background-color:green;
	border-color:yellow;
	border-style:solid;
	border-width:2px;
	box-shadow: 3px 3px 1px black;
	color: yellow;
	/* text-shadow: 1px 1px 5px black; */
	display:block;
	font-size:16px;
	margin-left:1em;
	margin-right:0.5em;
	padding:5px 1em;
	vertical-align:center;
}

.contact-header-category span
{
	color:black;
	text-shadow: nonel
}

.contact-header-index,
.contact-header-category-town,
.contact-header-category
{
	font-weight: 600;
	line-height:100%;
}

.contact-header-category span
{
	color:white;
	font-weight:900;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

/* .vip1 .contact-header ul:not(.png-img) li, */
ul:not(.png-img).business-banner > img:hover,
/* .business-banner > img:hover, */
.contact-header-index:hover,
.contact-header-category-town:hover,
.contact-header-category:hover
{
	box-shadow: -1px -1px 1px black,-2px -2px 1px black,-3px -3px 1px black; */
	box-shadow:unset;
	/*border-style:inset; */
	border-width:3px;
	font-size:100%;
	font-weight: 900;
	line-height:120%;
}


/* Container */
.contact-header-category-town
{
	background-color:#002F6C;
	border-color:yellow;
	border-style:solid;
	border-width:2px;
	box-shadow: 3px 3px 1px black;
	color:yellow;
	display:inline-block;
	min-width:50%;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-shadow: 2px 2px 2px;
}

.contact-header-category-town span
{
	color: white;
	font-weight: 900;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}


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

.business-category
{
	display:none;
}


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



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

/* =========================== */
/* Define Contact Buttons
/* =========================== */


/* .anav-but-sha */
/* { */
	/* box-shadow: 3px 3px 10px black; */
/* } */

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

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

.nav-but-rad:hover
{ 
	background:yellow;
}

.nav-but-bg
{
	background:transparent;
}

/* .anav-but-border */
/* { */
	/* border-color:black; */
	/* border-style:solid; */
	/* border-width:2px; */
	/* margin-bottom:5px; */
	/* margin-top:5px; */
/* } */

.nav-but-pos
{
	clear:both;
	float:left;
	margin-left:0px;
}



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


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

.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;
	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;
}

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

.nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */
{
	animation: rotate-right1 5s infinite linear;
	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;
}

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


/* Animations */

@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);
			}
}

@keyframes flip-town
{	/* Town Button Anmimations - Trial */
	0% 		{
				transform: rotatex(0deg);
			}

	25% 	{
				transform: rotatex(180deg);
			}

	50% 	{
				transform: rotatex(360deg);
			}

	75%		{
				transform: rotatex(180deg);
			}

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

@keyframes flip-horizontally1
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(0deg);
			}

	40%		{
				transform:rotatey(0deg);
			}

	50%		{
				transform:rotatey(180deg);
			}

	60%		{
				transform:rotatey(0deg);
			}

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

@keyframes flip-horizontally2
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(0deg);
			}

	50%		{
				transform:rotatey(180deg);
			}

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

@keyframes rotate-vertical1
{	/* Animation - Trial */ 
	0% 		{
				transform:rotatex(0deg);
			}

	45%		{
				transform:rotatex(0deg);
			}

	50%		{
				transform:rotatex(110deg);
			}

	55%		{
				transform:rotatex(0deg);
			}

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

@keyframes rotate-horizontal2
{	/* Animation - Trial */ 
	0% 		{
				transform:rotatex(0deg);
			}


	50%		{
				transform:rotatex(180deg);
			}


	100% 	{
				transform:rotatex(360deg);
			}
}



hr.style1
{
border-top: 1px solid #8c8b8b;
}


hr.style2
{
border-top: 3px double #8c8b8b;
}

hr.style3
{
border-top: 1px dashed #8c8b8b;
}

hr.style4
{
border-top: 1px dotted #8c8b8b;
}

hr.style5
{
background-color: black;
border-top: 2px dashed #8c8b8b;
}


hr.style6
{
	background-color: black;
	border-top: 2px dotted #8c8b8b;
}

hr.style7
{
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid black;
}


hr.style8
{
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid black;
}

hr.style8:after
{
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid black;
}

hr.style9
{
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed black;
}

hr.style10
{
	border-top: 2px dotted black;
	border-bottom: 2px dotted white;
}


hr.style11
{
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
	border: 0;
}


hr.style12
{
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
	border: 0;
}

hr.style13
{
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.style14
{ 
	border: 0;
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

hr.style15
{
border-top: 4px double #8c8b8b;
text-align: center;
}

hr.style15:after
{
content: '\002665';
display: inline-block;
position: relative;
top: -15px;
padding: 0 10px;
background: #f0f0f0;
color: #8c8b8b;
font-size: 18px;
}

hr.style16
{
border-top: 1px dashed #8c8b8b; 
}

hr.style16:after
{ 
background: #f0f0f0;
color: #8c8b8b;
content: '\002702';
display: inline-block;
font-size: 18px;
left: 40px;
padding: 0 3px;
position: relative;
top: -12px;
}


hr.style17
{
border-top: 1px solid #8c8b8b;
text-align: center;
}

hr.style17:after
{
content: '�';
display: inline-block;
position: relative;
top: -14px;
padding: 0 10px;
background: #f0f0f0;
color: #8c8b8b;
font-size: 18px;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
transform: rotate(60deg);
}


hr.style18
{
height: 30px;
border-style: solid;
border-color: #8c8b8b;
border-width: 1px 0 0 0;
border-radius: 20px;
}

hr.style18:before
{
display: block;
content: "";
height: 30px;
margin-top: -31px;
border-style: solid;
border-color: #8c8b8b;
border-width: 0 0 1px 0;
border-radius: 20px;
}

/* CSS Document */

/* Meta Tag for Robots */

/* rel="noopener noreferrer" */

/* Reset */


.town-title-inner h2
{
	border-color:white;
	color:white;
	text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, 0 -2px 0 black, -2px 0 0 black;
	font-size:120%;
}

/*******************************/


.sub .contact-header h4
{
	color:blue;
	font-size:16px;
	font-weight:700;
}

.unsub .contact-header h4
{
	color:cyan;
	font-size:16px;
	font-weight:700;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}


.mobile-phone-section.admin,
.phone-section.admin,
.whatsapp-messenger-section.admin
{
	display:none!important;
}

.map-box
{
	background-color:rgba(0,0,0,0.50);
	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.50);
	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;
}

#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;
	left:50%;
	max-width:calc( 100vw - 10px);
	position:fixed;
	top:50%; 
	transform:translate(-50%,-50%);
	width:600px;
	z-index:2000;
}

.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(h3),
.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.50);
}


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

#gmap1-street-heading
{
	font-size:2em;
}

.gmap1-street-heading-location
{
	color:white;
	display:block;
	font-size:18px;
	font-weight:600;
}

#gmap1-street-address li
{
	margin-right:0.5em;
}

.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:420px) and (orientation: portrait)
{
	ul.contact-container > li /* 311-479 */
	{
		border-style:none;
		border-radius:unset;
		box-shadow:3px 3px 3px rgba(0, 0, 0, 0.6);
	}


	ul.contact-container > li > div, 
	ul.contact-container > li .sub div
	{
		/* border-radius:unset; */
	}

}

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

	main /* 320-479 */
	{	/* Container for Contact Data */
		max-width:420px;
		width:100%;
	}

	#cat-desc:not(.more) /* 311-479 */
	{
		max-width:100%;
		width:calc( 100% - 36px );
	}

	#category-title-outer /* 311-479 */
	{	/* Page Heading Container for the Directory Category */
		margin:0 auto;
	}

	.search /* 311-479 */
	{
		margin:20px auto 0;
		max-width:calc(100% - 20px);
		width:calc(100% - 20px);
		padding:10px;
	}

	.search .boxbord /* 311-479 */
	{
		border-style:none;
		box-shadow: none;
	}	

	.search .boxbord:hover /* 311-479 */
	{
		border-style:none;
		box-shadow: none;
	}

	/* =========================== */
	/* Define the Navigation Section */
	/* =========================== */


	.arotating-icon /* 311-479 */
	{
		height:48px;
		width:48px;
	}

	.arotating-icon-once img /* 311-479 */
	{
		height:48px;
		width:48px;
	}

	/* =========================== */
	/* Arrange Contacts on Page (.contact-container) */
	/* =========================== */




	/* =========================== */
	/* Contact - Container (Outer) */
	/* =========================== */


	ul.contact-container ul /* 311-479 */
	{	/* */
		display:block;
		position:relative;
		width:100%;
	}


	ul.contact-container > li:nth-child(2n+1) /* Start every 3rd contact on a new line */ /* 311-479 */
	{
		clear:both;
	}


	ul.contact-container > li /* 311-479 */
	{
		display:block;
		line-height:200%;
		list-style-image: url(../../img/bul/index_bullet_round_gray_15px.png);
		margin:15px auto;
		/* width:100; */
		vertical-align: top;
		/* amax-height:calc( 100vh - 6em ); */
		overflow-y:auto;
	}

	ul.acontact-container > li::-webkit-scrollbar /* 311-479 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	ul.acontact-container > li::-webkit-scrollbar-thumb /* 311-479 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}


	#header h1 /* 311-479 */
	{	/* Page Title Heading - Visual Properties */

		font-size: 150%;
		font-weight: 900;
		letter-spacing: 1px;
		line-height: 100%;
		margin-top:0.5em;
	}

	#header h1 span:nth-child(2) /* 311-479 */
	{   /* WIKINAM */
		font-size: 80%;
	}

	.town-title-outer /* 311-479 */
	{	/* Position and Align Town Headers */
		/* text-shadow:  0px 1px 2px black, 0px -1px 1px black, 1px 1px 2px black, 1px -1px 1px black,1px 1px 2px black; */
	}


	.town-title-inner h2 /* 311-479 */
	{
		afont-size:150%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 125%;
	}


	/* =========================== */
	/* Contact - Header */
	/* =========================== */



	.contact-header h3 /* 311-479 */
	{
		background-color: Gray;
		box-shadow: 3px 3px 1px black;
		color:yellow;
		display:block;
		font-family: Arial;
		font-size:16px;
		font-weight:900;
		line-height:150%;
		padding:10px 0;
		position:relative;
		text-align: center;
		letter-spacing: 2px;
		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;
	}




	.contact-head-cat-info /* 311-479 */
	{ 	/* */
		background-color:white;
		box-shadow: 3px 3px 1px black;
		color:black;
		display:block;
		font-size:100%;
		font-weight: 700;
		line-height:120%;
		margin:10px auto;
		padding:5px;
		text-align:center;
		vertical-align:center;
	}


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

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


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


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


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

	.contact-nav-but-character:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 311-479 */
	{
		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 Title Section */
	/* =========================== */



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

	.button-nav-home /* 311-479 */
	{
		adisplay:inline-block;
	}

	#google-maps /* 311-479 */
	{
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		max-height:calc( 100vh - 30px);
		left:50%;
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:3em;
		transform:translateX(-50%);
		width:600px;
	}


	ul.contact-details li:nth-child(n+2) /* 311-479 */
	{
		font-size:14px;
		font-weight:600;
	}

}


@media screen and (min-width:311px) and (max-width:719px)
{
	.contact > li
	{
		max-height:unset;
	}

}

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

	.search /* 320-719 */
	{
		margin:20px auto 0;
		max-width:calc(100% - 20px);
		width:calc(100% - 20px);
		padding:10px;
	}



	/* =========================== */
	/* Define the Navigation Section */
	/* =========================== */


	.arotating-icon /* 320-719 */
	{
		height:48px;
		width:48px;
	}

	.arotating-icon-once img /* 320-719 */
	{
		height:48px;
		width:48px;
	}

	/* =========================== */
	/* Arrange Contacts on Page (.contact-container) */
	/* =========================== */


	/* =========================== */
	/* Contact - Header */
	/* =========================== */

	.contact-header h3 /* 320-719 */
	{
		/* background-color:rgba(223,223,220,1.00); */
		background-color: gray;
		box-shadow: 3px 3px 1px black;
		color:yellow;
		display:block;
		font-family: Arial;
		font-size:120%;
		font-weight:900;
		line-height:150%;
		padding:10px 0;
		position:relative;
		text-align: center;
		letter-spacing: 2px;
		/* text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; */
	}

	.contact-head-cat-info /* 320-719 */
	{ 	/* */
		background-color:white;
		box-shadow: 3px 3px 1px black;
		color:black;
		display:block;
		font-size:100%;
		font-weight: 700;
		line-height:120%;
		margin:10px auto;
		padding:5px;
		text-align:center;
		vertical-align:center;
	}

	/* =========================== */
	/* Contact - Container (Outer) */
	/* =========================== */


	ul.contact-container ul /* 320-719 */
	{	/* */
		display:block;
		position:relative;
		width:100%;
	}


	ul.contact-container > li:nth-child(2n+1) /* Start every 3rd contact on a new line */ /* 320-719 */
	{
		clear:both;
	}

	ul.contact-container > li /* 320-719 */
	{
		abackground-color:rgba(200,200,200,1.00);
		display:block;
		line-height:200%;
		list-style-image: url(../../img/bul/index_bullet_round_gray_15px.png);
		margin:15px auto;
		width:95%;
		vertical-align: top;

		/* Distords Text like a text shadow - Reason Unknown*/
		amax-height:calc( 100vh - 6em );
		aoverflow-y:auto;
	}


	ul.contact-container > li::-webkit-scrollbar /* 320-719 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	ul.contact-container > li::-webkit-scrollbar-thumb /* 320-719 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}

	ul.contact-details li:nth-child(n+2) /* 320-719 */
	{
		font-size:14px;
		font-weight:600; 
	}

	#header h1 /* 320-719 */
	{	/* Page Title Heading - Visual Properties */
		font-size: 150%;
		font-weight: 900;
		letter-spacing: 1px;
		line-height: 100%;
	}

	#header h1 span:nth-child(2) /* 320-719 */
	{   /* WIKINAM */
		font-size: 80%;
	}

	.town-title-outer /* 320-719 */
	{	/* Position and Align Town Headers */
		/* text-shadow:  0px 1px 2px black, 0px -1px 1px black, 1px 1px 2px black, 1px -1px 1px black,1px 1px 2px black; */
	}


	.town-title-inner h2 /* 320-719 */
	{
		font-size:150%;
		font-weight:900;
		letter-spacing: 2px;
		line-height: 100%;
	}

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


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


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


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


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

	.contact-nav-but-character:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 320-719 */
	{
		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 Title Section */
	/* =========================== */

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


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

	.nav-but-char a /* 320-719 */
	{	/* 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;
	}

	.nav-but-char:hover /* 320-719 */
	{
		background:rgba(255,255,255,1);
	}

	.nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 720 */
	{
		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;
	}

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

	.nav-but-sha /* 320-719 */
	{
		box-shadow: 3px 3px 10px black;
	}

	.nav-but-sha:hover /* 320-719 */
	{
		box-shadow: -3px -3px 10px black;
	}

	.nav-but-rad /* 320-719 */
	{
		border-radius: 50%;
	}

	.nav-but-rad:hover /* 320-719 */
	{ 
		background:yellow;
	}

	.nav-but-bckg /* 320-719 */
	{
		background:transparent;
	}

	/* .nav-but-bor /* 320-719 */ */
	/* { */
		/* border-color:black; */
		/* border-style:solid; */
		/* border-width:2px; */
		/* margin-bottom:5px; */
		/* margin-top:5px; */
	/* } */

	.nav-but-pos /* 320-719 */
	{
		clear:both;
		float:left;
		margin-left:0px;
	}


	/* .contact-header-category /* 320-719 */ */
	/* { */
		/* box-shadow: 3px 3px 1px black; */
		/* acolor:black; */
		/* display:block; */
		/* font-size:100%; */
		/* font-weight: 700; */
		/* line-height:120%; */
		/* margin:10px auto; */
		/* padding:5px; */
		/* text-align:center; */
		/* vertical-align:center; */
	/* } */

	.button-nav-home /* 320-719 */
	{
		display:-inline-block;	
	}

	#google-maps /* 320-719 */
	{
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		max-height:calc( 100vh - 30px);
		max-width:calc( 100vw - 10px);
		position:fixed;
		top:3em;
		transform:translateX(-50%);
		width:600px;
	}

}


@media screen and (min-width:720px) and (max-width:799px)
{
	.contact > li /* 720-799 */
	{
		padding:5px;
	}
}

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

	/* =========================== */
	/*	Main Section: */
	/* =========================== */

	h1 /* 720-1279 */
	{
		font-size:24px;
	}

	h2 /* 720-1279 */
	{
		font-size:24px;
	}

	#apage /* 720-1279 */
	{	/* Set Page Dimensions for 720px to 1279px */
	min-width: 720px;
	max-width:1279px;
	padding:10px 0 0 0;
	}

	.search /* 720-1279 */
	{
	margin:20px auto 0;
	max-width:90%;
	width:calc(100% - 20px);
	padding:10px;
	}

	/* =========================== */
	/* Define the Navigation Section */
	/* =========================== */



	#head-cat-sec ul li a /* 720-1279 */
	{
		font-weight:600;
		font-size:24px;
		letter-spacing: 2px;
	}

	.arotating-icon /* 720-1279 */
	{
		height:48px;
		width:48px;
	}

	.arotating-icon-once img /* 720-1279 */
	{
		height:48px;
		width:48px;
	}

	.contact-head-cat-info /* 720-1279 */
	{
		background-color:white;
		box-shadow: 3px 3px 1px black;
		color:black;
		display:block;
		font-size:100%;
		font-weight: 700;
		line-height:120%;
		margin:10px auto;
		padding:5px;
		text-align:center;
		vertical-align:center;
	}

	/* =========================== */
	/* Contact - Container (Outer) */
	/* =========================== */

	ul.contact-container ul /* 720-1279 */
	{
		display:block;
		position:relative;
		width:100%;
	}


	ul.contact-container > li:nth-child(2n+1) /* Start every 3rd contact on a new line */ /* 720-1279 */
	{
		clear:both;
	}

	ul.contact-container > li /* 720-1279 */
	{
		display:inline-block;
		float: left;
		list-style-image: url(../../img/bul/index_bullet_round_gray_15px.png);
		margin:15px 1%;
		width:47%;
		vertical-align: top;


		/* Distords Text like a text shadow - Reason Unknown*/
		/* amax-height: 40rem; */
		/* aoverflow-y:auto; */
	}

	ul.contact-container > li::-webkit-scrollbar /* 720-1279 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	ul.contact-container > li::-webkit-scrollbar-thumb /* 720-1279 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}

	ul.contact-details li:nth-child(n+2) /* 720-1279 */
	{
		font-size:14px;
		font-weight:500;
	}


	.button-nav-home /* 720-1279 */
	{
	display:-inline-block;
	}

	#google-maps /* 720-1279 */
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		max-height:calc( 100vh - 30px);
		max-width:calc( 100vw - 10px);
		position:fixed;
		width:600px;
	}

}

/*******************************/

@media screen and (min-width:1280px)
{
	#header-txt-title /* >1280 */
	{
		font-size:160px;
	}
}

/*******************************/

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

	body::-webkit-scrollbar /* 1280-1919 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	body::-webkit-scrollbar-thumb /* 1280-1919 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}


	.search /* 1280-1919 */
	{
	margin:30px auto 0;
	max-width:calc(90%);
	width:calc(100% - 20px);
	padding:10px;
	}

	/* =========================== */
	/* Define the Navigation Section
	/* =========================== */


	/* =========================== */
	/* Contact - Header
	/* =========================== */

	.contact-header h3 /* 1280-1919 */
	{
		/* background-color:rgba(223,223,220,1.00); */
		background-color: gray;
		box-shadow: 3px 3px 1px black;
		color:white;
		display:block;
		font-family: Arial;
		font-size:120%;
		font-weight:900;
		line-height:150%;
		padding:10px 0;
		position:relative;
		text-align: center;
		letter-spacing: 2px;
		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;									
	}

	.contact-head-cat-info /* 1280-1919 */
	{
		background-color:white;
		box-shadow: 3px 3px 1px black;
		color:black;
		display:block;
		font-size:100%;
		font-weight: 700;
		line-height:120%;
		margin:10px auto;
		padding:5px;
		text-align:center;
		vertical-align:center;
	}

	/* =========================== */
	/* Contact - Container (Outer)
	/* =========================== */

	ul.contact-container ul /* 1280-1919 */
	{
		display:block;
		position:relative;
		width:100%;
	}

	ul.contact-container > li:nth-child(3n+1) /* Start every 3rd contact on a new line */ /* 1280-1919 */
	{
		clear:both;
	}

	ul.contact-container > li /* 1280-1919 */
	{
		display:inline-block;
		float: left;
		line-height:120%;
		list-style-image: url(../../img/bul/index_bullet_round_gray_15px.png);
		margin:15px 1%;
		width:31%;
		vertical-align: top;
	}

	ul.contact-container > li::-webkit-scrollbar /* 1280-1919 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	ul.contact-container > li::-webkit-scrollbar-thumb /* 1280-1919 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}

	#section-01 /* 1280-1919 */
	{
		font-weight:700;
		position:relative;
		margin: 50px auto 100px;
	}


	.contact-nav-menu-button /* 1280-1919 */
	{	/* Set Contact Menu Kicker Button Style
		background-color: rgba(255,255,255,0.25);
		border-radius:50%;
		box-shadow: 5px 5px 10px black;
		border-style:solid;
		border-width: 2px;
		color:black; */
		/* Set Contact Menu Kicker Button Location */
		height:52px;
		margin:5px;
		padding:0;
		text-align: center;
		width:52px;
	}

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

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

	.button-nav-home /* 1280-1919 */
	{
		display:-inline-block;
	}

	#google-maps /* 1280-1919 */
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		max-height:calc( 100vh - 30px);
		max-width:calc( 100vw - 10px);
		position:fixed;
		width:600px;
	}

}


/*******************************/

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

	body::-webkit-scrollbar /* >1920 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	body::-webkit-scrollbar-thumb /* >1920 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}



	.search /* >1920 */
	{
		margin:20px auto 0;
		max-width:calc(90%);
		width:calc(100% - 20px);
		padding:10px;
	}

	/* =========================== */
	/* Define the Navigation Section
	/* =========================== */


	.arotating-icon /* >1920 */
	{
		height:48px;
		width:48px;
	}

	.arotating-icon-once img /* >1920 */
	{
		height:48px;
		width:48px;
	}

	/* =========================== */
	/* Arrange Contacts on Page (.contact-container)
	/* =========================== */


	/* =========================== */
	/* Contact - Header
	/* =========================== */


	.contact-head-cat-info /* >1920 */
	{
	background-color:white;
	box-shadow: 3px 3px 1px black;
	color:black;
	display:block;
	font-size:100%;
	font-weight: 700;
	line-height:120%;
	margin:10px auto;
	padding:5px;
	text-align:center;
	vertical-align:center;
	}

	/* =========================== */
	/* Contact - Container (Outer) */
	/* =========================== */


	ul.contact-container ul.contact /* >1920 */
	{
		display:block;
		position:relative;
	}



	ul.contact-container > li:nth-child(3n+1) /* Start every 3rd contact on a new line */ /* >1920 */
	{
		clear:both;
	}

	ul.contact-container > li /* >1920 */
	{
		display:inline-block;
		float: left;
		line-height:200%;
		list-style-image: url(../../img/bul/index_bullet_round_gray_15px.png);
		margin:15px 1%;
		width:30%;
		vertical-align: top;
		/* Distords Text like a text shadow - Reason Unknown*/
		/* amax-height:calc( 100vh - 6em ); */
		/* aoverflow-y:auto; */
	}


	ul.contact-container > li::-webkit-scrollbar /* >1920 */
	{
		-webkit-appearance: none;
		background-color:gray;
		border-left-style:solid;
		border-radius:15px;
		border-width: 10px;
		width: 2em;
	}

	ul.contact-container > li::-webkit-scrollbar-thumb /* >1920 */
	{
		border-color:yellow;
		border-style:groove;
		border-width:5px;
		border-radius: 15px;
		background-color: red;
	}

	aul.contact-container > li .sub1 /* >1920 */
	{
	/* background-color:rgba(184,226,246,1.00); */
	background-color: green;
	}

	aul.contact-container > li .sub2 /* >1920 */
	{
	/* background-color:rgba(184,226,246,1.00); 
	background-color: skyblue;*/
	}

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



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



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


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


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

	.contact-nav-but-character:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* >1920 */
	{
	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 Title Section
	/* =========================== */


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



	.contact-nav-menu-button /* >1920 */
	{	/* Set Contact Menu Kicker Button Style
		background-color: rgba(255,255,255,0.25);
		border-radius:50%;
		box-shadow: 5px 5px 10px black;
		border-style:solid;
		border-width: 2px;
		color:black; */
		/* Set Contact Menu Kicker Button Location */
		height:52px;
		margin:5px;
		padding:0;
		text-align: center;
		width:52px;
	}

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

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


	.button-nav-home /* >1920 */
	{
		display:-inline-block;
	}

	#google-maps /* 1920 */
	{
		background:black;
		border-color:white;
		border-width:3px;
		border-radius:30px;
		box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.75);
		max-height:calc( 100vh - 30px);
		max-width:calc( 100vw - 10px);
		position:fixed;
		width:600px;
	}

}



	/* Animations */

.back
{
	transform: rotateY(180deg); 
}



.back
.front h1
{
	animation-duration: 180s;
	
	aanimation: flip-horizontally3 15s infinite linear;
}






@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);
			} 
}

@keyframes flip-town
{	/* Town Button Anmimations - Trial */
	0% 		{
				transform: rotatex(0deg);
			}
	25% 		{
				transform: rotatex(180deg);
			}
	50% 	{
				transform: rotatex(360deg);
			}
	75%		{
				transform: rotatex(180deg);
			}
	100% 	{
				transform: rotatex(0deg);
			} 
}

@keyframes flip-horizontally1
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(0deg);
			}
	40%		{
				transform:rotatey(0deg);
			}

	50%		{
				transform:rotatey(180deg);
			}

	60%		{
				transform:rotatey(0deg);
			}
	100% 	{
				transform:rotatey(0deg);
			}
}

@keyframes flip-horizontally2
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(0deg);
			}
	50%		{
				transform:rotatey(180deg);
			}
	100% 	{
				transform:rotatey(0deg);
			}
}

@keyframes flip-horizontally3
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(0deg);
			}

	100% 	{
				transform:rotatey(360deg);
			}
}

@keyframes flip-horizontally3back
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatey(180deg);
			}

	50% 	{
				transform:rotatey(0deg);
			}

	100% 	{
				transform:rotatey(180deg);
			}
}

@keyframes rotate-vertical1
{	/* Animation - Trial */ 
	0% 		{
				transform:rotatex(0deg);
			}
	45%		{
				transform:rotatex(0deg);
			}

	50%		{
				transform:rotatex(110deg);
			}

	55%		{
				transform:rotatex(0deg);
			}
	100% 	{
				transform:rotatex(0deg);
			}
}

@keyframes flip-vertically3
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatex(0deg);
			}

	50% 	{
				transform:rotatex(340deg);
			}

	100% 	{
				transform:rotatex(340deg);
			}
}

@keyframes flip-vertically3back
{	/* Animation - Flip Town Headers Right */
	0% 		{
				transform:rotatex(180deg);
			}

	25% 	{
				transform:rotatex(0deg);
			}

	50% 	{
				transform:rotatex(180deg);
			}

	100% 	{
				transform:rotatex(180deg);
			}
}

/* https://www.iconfinder.com/iconsets/social-media-2151 */
#main-footer
{
	clear:both;
}
#main-footer li
{
	color:yellow;
	font-size:2em;
	font-weight: 900;
	list-style:none;
	margin:1em;
	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;
}
/* .contact > li { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,248,0,1) 100%); }; */
 .acontact > li { background: linear-gradient(180deg, rgba(255,248,0,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,248,0,1) 100%); }
/* CSS Gradients = https://cssgradient.io/ */

.contact-header	a
{
	margin:0px 0 5px;
	position:relative!important;
}

.tap
{
	bottom:15px;
	display:block!important;
	height:42px;
	position:absolute;
	right:-10px;
	width:42px;
}

.avip1
{
	background-image:none!important;
	abackground-repeat:repeat;
	background-size:300px 300px!important;
	background-blend-mode:normal!important;
	aborder-style: none!important;
}

a .contact-nav-menu-button-img-rotate
{
	height:52px;
	width:52px;
	bottom:0;
	left:0;
	position:absolute;
}



.contact > li::-webkit-scrollbar /* 720-799 */
{
	-webkit-appearance: none;
	background-color:gray;
	border-left-style:solid;
	border-radius:15px;
	border-width: 10px;
	overflow:auto;
	width: 2em;
}



.contact > li::-webkit-scrollbar-thumb /* 720-799 */
{
	border-color:yellow;
	border-style:groove;
	border-width:5px;
	border-radius: 15px;
	background-color: red;
}


/* .nav-but-bor img /* 720-799 */ */
/* { */
	/* height:52px; */
	/* margin:6px; */
	/* width:52px; */
/* } */

/* .nav-but-bor /* 720-799 */ */
/* { */
	/* border-color:black; */
	/* border-style:solid; */
	/* border-width:2px; */
	/* margin-bottom:5px; */
	/* margin-top:5px; */
/* } */

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

/* .nav-but-char a /* 720-799 */ */
/* {	/* 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; */
/* } */

/* .nav-but-char:hover /* 720-799 */ */
/* { */
	/* background:rgba(255,255,255,1); */
/* } */

/* .nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 720-799 */ */
/* { */
	/* 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; */
/* } */

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

/* .nav-but-sha /* 720-799 */ */
/* { */
	/* box-shadow: 3px 3px 10px black; */
/* } */

/* .nav-but-sha:hover /* 720-799 */ */
/* { */
	/* box-shadow: -3px -3px 10px black; */
/* } */

/* .nav-but-rad /* 720-799 */ */
/* { */
	/* border-radius: 50%; */
/* } */

/* .anav-but-rad:hover /* 720-799 */ */
/* {  */
	/* background:yellow; */
/* } */

/* .nav-but-bckg /* 720-799 */ */
/* { */
	/* background:transparent; */
/* } */

/* .nav-but-bor /* 720-799 */ */
/* { */
	/* border-color:black; */
	/* border-style:solid; */
	/* border-width:2px; */
	/* margin-bottom:5px; */
	/* margin-top:5px; */
/* } */

/* .nav-but-pos /* 720-799 */ */
/* { */
	/* clear:both; */
	/* float:left; */
	/* margin-left:20px; */
/* } */

/* .acontact-header-category /* 720-799 */ */
/* { 	/* */ */
	/* background-color:white; */
	/* box-shadow: 3px 3px 1px black; */
	/* color:black; */
	/* display:block; */
	/* font-size:100%; */
	/* font-weight: 700; */
	/* line-height:120%; */
	/* margin:10px auto; */
	/* padding:5px; */
	/* text-align:center; */
	/* vertical-align:center; */
	
/* } */

/* .rotating-icon /* 720-799 */ */
/* { */
/* height:48px; */
/* width:48px; */
/* } */

/* .rotating-icon-once img /* 720-799 */ */
/* { */
	/* height:48px; */
	/* width:48px; */
/* } */

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

/* .nav-but-char a /* 720-799 */ */
/* {	/* 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; */
/* } */

/* .nav-but-char:hover /* 720-799 */ */
/* { */
	/* background:rgba(255,255,255,1); */
/* } */

/* .nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 720-799 */ */
/* { */
	/* background-color:rgba(255,255,0,1); /* 720-799 */ */
	/* 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; */
/* } */

/* .nav-but-sha /* 720-799 */ */
/* { */
	/* box-shadow: 3px 3px 3px black; */
/* } */

/* .nav-but-sha:hover /* 720-799 */ */
/* { */
	/* box-shadow: -3px -3px 3px black; */
/* } */

/* .nav-but-rad /* 720-799 */ */
/* { */
	/* border-radius: 50%; */
/* } */

/* .nav-but-rad:hover /* 720-799 */ */
/* {  */
	/* background:yellow; */
/* } */

/* .av-but-bckg /* 720-799 */ */
/* { */
	/* background:transparent; */
/* } */

/* .av-but-bor /* 720-799 */ */
/* { */
	/* border-color:black; */
	/* border-style:solid; */
	/* border-width:2px; */
	/* margin-bottom:5px; */
	/* margin-top:5px; */
/* } */

/* .nav-but-pos /* 720-799 */ */
/* { */
	/* clear:both; */
	/* float:left; */
	/* margin-left:0px; */
/* } */


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

/* .nav-but-char a /* 720-799 */ */
/* { */
/* /* 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; */
/* } */

/* .nav-but-char:hover /* 720-799 */ */
/* { */
	/* background:rgba(255,255,255,1); */
/* } */

/* .nav-but-char:hover a /* contact NAV Button Anchor tags - Define Text Visuals when Hovered */ /* 720-799 */ */
/* { */
	/* 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; */
/* } */

/* .nav-but /* 720-799 */ */
/* { */
	/* height:52px; */
	/* width:52px; */
/* } */

/* .nav-but-sha /* 720-799 */ */
/* { */
	/* box-shadow: 3px 3px 10px black; */
/* } */

/* .nav-but-sha:hover /* 720-799 */ */
/* { */
	/* box-shadow: -3px -3px 10px black; */
/* } */

/* { */
/* .nav-but-rad /* 720-799 */ */
	/* border-radius: 50%; */
/* } */

/* .nav-but-rad:hover 720-799 */
/* { */
	/* background:yellow; */
/* } */

/* .nav-but-bckg /* 720-799 */ */
/* { */
	/* background:transparent; */
/* } */

.anav-but-bor /* 720-799 */
{
	border-color:black;
	border-style:solid;
	border-width:2px;
	margin-bottom:5px;
	margin-top:5px;
}

.anav-but-pos
{
	clear:both;
	float:left;
	margin-left:0px;
}

.wikinam-icts-li-begin,
.wikinam-icts,
.wikinam-icts-li-end
{
	display: inline-block;
	margin:auto;
	vertical-align:middle;
	white-space:nowrap;
}

.wikinam-icts-li-begin
{
	/* abackground: url("/img/bul/index_bullet_round_green_15px.png"); */
	color:black;
	width:2em;
}

.wikinam-icts
{
	font-size:14px;
	font-weight:normal;
	overflow:hidden;
	vertical-align:middle;
	width:100%;
}

.wikinam-icts-li-end
{
	color:black;
	padding-right:0.5em;
	transform: rotatey(180deg);
	width:15px;
}

#sub-tsumeb-067-snowman-refrigeration .symbol,
#sub-otavi-067-snowman-refrigeration-tsumeb .symbol,
#sub-grootfontein-067-snowman-refrigeration-tsumeb .symbol
{
	color:cyan;
}

.sub .contact > li:not(.business-desc)
{
	/* background: DodgerBlue; */
	background:#2E8B57;
	/* background: PaleGoldenrod; */
}


.unsub .contact > li:not(.business-desc),
.unsub .action 
{
	/* filter: brightness(80%); */
	background: #2F4F4F;
}


.unsub.closed .contact > li:not(.business-desc),
.unsub.closed .action 
{
	/* background: DodgerBlue; */
	background:#CD5C5C;
	/* background: PaleGoldenrod; */
}

.contact > li,/* :not(.business-desc) */
.action > li 
{	/* Container Properties */
	border-color:gray;
	list-style:none;
	margin:0.5em auto;
	padding:15px;
	position:relative;
}

.contact-header
{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}



/* .sub h4, */
.contact-container > li div .contact-header {
	border-color: white;
	border-bottom: 3px solid white;
	border-width: 3px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 3px 3px 3px black; 
	margin: 0 auto;
	padding-bottom: 0.5rem;
	text-align: center;
}


.contact .business-desc
{
	/* border-color: white!important; */
	/* border-style: outset; */
	/* border-width: 2px; */
	/* margin:-2px; */
	border-bottom:none
	border-left:none;
	border-right:none;
	/* border-top:3px solid yellow; */
	border-radius:0;
	overflow-y: auto;
	padding: 0.5em;
	position: relative;
	margin:0 auto -3px;
	max-height: 15em;
	text-align: centre;
}

.sub .contact .contact-header
{
	background:yellow;
}

.unsub .contact .contact-header
{
	/* background:Silver; */
	background:#4B6F85;
}

.unsub .contact > li:not(.business-desc) li
{
	 /* background: rgba(255,255,255,0.70); */
}

.unsub .business-banner-sec-inn::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.listing-badge
{
	/* display: inline-block; */
	padding: 4px 10px;
	font-size: 0.75rem;
	border-radius: 999px;
	font-weight: 600;
	margin: 3px 5px 0 0;
	white-space: nowrap;
}

.verified-badge
{
	background-color: purple;
	border: 2px solid yellow;
	box-shadow: 3px 3px 1px black;
	color: yellow;
	display: table;         /* behaves like block, but shrinks to fit content */
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	margin: 0.5em auto;    /* auto left/right centers it */
	margin-top: 0.5em;
	padding: 5px 1em;
	border-radius: 999px;\
	text-align:center;
}

.verified-badge span
{
	color: white;
	font-weight: 900;   /* heavier bold */
	font-style: italic; /* optional: slant */
}


.nav-but img
{
	height:48px;
	width:48px;
}

#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:not(.business-desc):not(:nth-of-type(1)) 
{
	/* background:cyan!important; */
	border-radius:0;
	/* border-bottom: 3px dashed yellow; */
	/* border-bottom: none; */
	/* border-left:none; */
	/* border-right:none; */
	border-top: 3px solid white;
	margin:0;
	/* width:90%; */
}

.contact-container > li div {
  overflow: visible;
}

.contact-header h3 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 2px); /* ❗ no space after calc */
  top: -3px;
  text-align: center;
}

ul.contact-container ul.contact 
{
	/* background-color:rgba(0,0,0,0.48);  */
	overflow:hidden;
}


.contact-container .box-bor
{
	border-color:white;
	border-style:none;
	border-width: 3px;

}

.contact-container > li div .contact-header
{
	background-color:rgba(0,0,0,0.48); 
	border: 3px solid white;
	/* border-bottom: none; */
	/* ❗ Correct property */
	/* border-bottom-left-radius: 0; */
	/* border-bottom-right-radius: 0; */
	box-shadow: 3px 3px 3px black;
	margin-bottom: 0.75rem;
}

.contact-container > li div .contact-header
{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  /* box-shadow: 3px 3px 3px black; */
  margin-bottom: 0.75rem;
}

ul.contact-container > li,
ul.contact-container > li > div > div .box-sha
{
	box-shadow:none;
}




/* .contact, */
.contact .business-desc
{
	border-color:white;
	border-style: none;
	border-bottom: none; /* ❗ Correct property */
	border-width: 3px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

}





ul.contact-container ul.contact > li:not(.business-desc):not(:nth-of-type(1)):last-child 
{
	border-bottom: 3px solid white;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.unsub .action
{
	display:none;
}

ul.contact-container .box-sha
{
	box-shadow:none;
}

ul.contact-container .contact
{
	border-radius: 15px;
	border-radius: 15px;
	border-color:white;
	border-style: solid;
	border-bottom: none; /* ❗ Correct property */
	border-width: 3px;
	box-shadow: 3px 3px 3px black!important;
}