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


/* Meta Tag for Robots */
/* Reset */
* 								{
									border:0px;
									font-family: Arial;
									font-size:100%;
									font-weight:normal;
									line-height: 150%;
									margin:0px; 
									padding:0px;
								}	/* Reset all to defaults */		

/* Screen Sizes 

>320px
>480px
>768px
>960px

*/

/* Main  */

body 							{	/* Body of HTML document */
									background-image: url(../../../../../../../../img/bg/background/title/480/title.jpg);
									background-repeat:repeat;
									background-size:auto;
									font-family: Arial;
									font-size:100%;
									font-weight:normal;						
								}
/* Set Page Dimensions */
@page							{	
									
									amargin:0 auto;
									asize: 21cm 29.7cm;
									size: A4 landscape;
    								mmargin: 30mm 45mm 30mm 45mm; /* change the margins as you want them to be. */
									padding:10px 0 0 0;
									position:relative;
									
								}





/* ===================================================== */
/* Resetting Web Page					                 */
/* ===================================================== */

#page							{	/* Set Page Dimensions */
									
								}

#page							{	/* Definition of page on the screen */
									background-color: 0;
									margin: 0 auto;
									position: relative;
								}

#header							{	/* Contains the contacts name, street address, primary telephone nuber and / or logo */
									background-color: yellow;
									border-style:solid;
									border-width: 1px 0;
									box-shadow: 0px 5px 10px black;
									margin: 0 auto;
									position: relative;
									z-index: 1;
								}

#contact-logo					{
									position:relative;
									top:0;
									left:0;
									width:234px;	
								}

#contact-logo img				{
									background-color:white;
									border-style:solid;
									border-width: 2px;
									box-shadow: 10px 10px 20px black;
									color: black;
									left:50%;
									top:50%;		
									transform: translate(-50%, -50%);
								}


#contact-title					{   background-color: 0;
									color:rgba(255,255,255,1.00);
									display:table;
									float:right;
									height:240px;
									padding:0 2%;
									position:relative;
									text-align: center;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 5px 5px 7px black,  5px 5px 7px black;
									width:65%;
								}

#header h2						{
									align-items: center;
									display:table-cell;
									font-family: 'PT Serif';
									font-size:200%;
									font-weight:900;
									height:50%;
									justify-content: center;
									letter-spacing: 2px;
									text-transform:uppercase;
									vertical-align: middle;
								}

#header h3 						{
									align-items: center;
									display:table-cell;
									font-family:Arial;
									height:50%;
									letter-spacing: 2px;
									justify-content: center;
									vertical-align:middle;
								}


.bg-white						{	/* Set Background to Yellow */
									background-color:white;
								}

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

.bg-yellow						{	/* Set Background to Yellow */
									background:yellow;
								}


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

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

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

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

.of 							{
									overflow:auto;
								}


.of 							{	/* Handle Overflow Automatically */	}


/* ===================================================== */
/* Section-01-04 - Contact Numbers Section               */
/* ===================================================== */

.section01-04 li				{
									display:inline-block;
									vertical-align: middle;
								}

/* ===================================================== */
/* Section-01 - Contact Numbers     					 */
/* ===================================================== */

#contact-numbers				{
									list-style:none;						
								}

#contact-numbers li				{}

#contact-numbers a 				{
									color:inherit;
									font-weight: 600;	
									text-decoration: none;
								}

#contact-numbers a:hover		{
									color:yellow;
									font-weight: 900;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 1px 1px 1px black;
								}




/* ===================================================== */
/* Section 14 - Contact - Staff Section                  */
/* ===================================================== */




.rotating-icon img 				{	
									height:100%;
									transition: all 0.5s ease-in;
									width:100%;
								}

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



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

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

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

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

#wikinam-nav-section 			{	/* Set WIKINAM Navigation Location and Style */
									bottom:5px;
									color:black;
									position:absolute;
									left:10px;
									vertical-align: bottom;
									z-index: 20;
								}

#wikinam-nav-section ul			{	/* Hide Unordered WIKINAM List when NOT hovered */
									background-color:0;
									display:none;
									position:absolute;
								}

#wikinam-nav-section:hover ul	{	/* Show Unordered Contact Menu when hovered */
									display:block;
								}

#wikinam-nav-section img:hover	{	/* Animate Contact Button Image */
									animation: rotate-right1 5s infinite linear;	
								}

#contact-nav-section 			{	/* Set Contact Navigation Location and Style */
									bottom:5px;
									color:black;
									position:absolute;
									right:10px;
									vertical-align: bottom;
									
								}

#contact-nav-section ul			{	/* Hide Unordered Contact Menu when NOT hovered aaaa */
									background-color:0;
									display:none;
									position:absolute;
								}

#contact-nav-section:hover ul	{	/* Show Unordered Contact Menu when hovered */
									display:block;
								}	



	





















#header							{
									width:95%;
								}

#contact-logo					{
									display:block;
									height:240px;
									width:234px;	
								}

#contact-logo img				{
									position:absolute;
									width:80%;
								}


#contact-title					{
									padding:0 2%;
									width:65%;
								}

#header h2						{}

#header h3 						{
									font-size:125%;
									font-weight:700;
								}

main 							{	
									border-width: 0;
									border-style:solid;
									border-color:black;
									display:block;
									margin: 0 auto;
								 	padding: 0 auto;
									width:95%;
								}

main h1 						{

								}


main h2							{	
									color:rgba(255,255,255,1.00);
									line-height: 100%;
									margin:0px auto;
									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/bul/index_bullet_round_gray_15px.png)
								}

main p 							{
									color:rgba(0,0,0,0.85);
									text-align:left;
									line-height:120%;
								}

.box-borders 					{	
									border-width: 2px;
									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-ul-margins				{}

.main-ul-paddings				{
									margin-left:10%;
								}

.main-text-padding				{}

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

/* ===================================================== */
/* Section-01-04 - Contact Numbers Section               */
/* ===================================================== */


.section01-04 > li				{	background:0;
									width:48%;
								}

.section01-04 > li:nth-child(2n+1) 
								{ /* All uneven or Left li */ }

.section01-04 > li:nth-child(2n+2)
								{
									margin-left:calc(4% - 10px);
								}

/* ===================================================== */
/* Section-01 - Contact Numbers     					 */
/* ===================================================== */

ul.main-ul-paddings  			{}

ul.main-ul-paddings li 			{
									width: 100%;
								}

ul.main-ul-paddings li ul li:nth-child(1)
								{	background-color:0;
									display:inline-block;
									vertical-align: middle;
									width:60px;
								}

ul.main-ul-paddings li ul li:nth-child(2)
								{	background-color:0;
									display:inline-block;
									margin-left:10px;
									width:65%;
								}

.section01-04  > li:nth-child(2n+2)
								{
									margin-left:calc(4% - 10px);
								}

/* ===================================================== */
/* Section-02 - Contact Postal Address - Master Section  */
/* ===================================================== */



/* ===================================================== */
/* Section-03 - Contact Street Address - Master Section  */
/* ===================================================== */

.section01-04 > li:nth-child(3) {
									margin-left:25%;
								}

ul #contact-street-address	li	{	
									list-style:none;
									width:100%;
								}

/* ===================================================== */
/* Section-04 Slideshow Section                          */
/* ===================================================== */

.section01-04 > li:nth-child(4) {	page-break-after: always;
									clear: both;
									margin: 0 auto;
									width: 100%;								
								}

#contact-slideshow				{
									width:100%;					
								}

.tinyfade 						{ 	
									font-size: 0;
									position: relative;
								}

.tinyfade img 					{
									border-width: 1px;
									border-style:solid;
									border-color:black;
									opacity: 0;
									position: relative;
									width: 100%;
								}

.tinyfade img:not(:first-of-type) 
								{ 	
									left: 0;
									position: absolute;
									right: 0; 
									top: 0; 
								}

.tinyfade:not(.tinyfade-js) img:first-of-type 
								{ 
									opacity: 1
								}

img.tinyfade-current 			{
									opacity: 1;
									z-index: 2;
								}

img.tinyfade-last 				{ 
									opacity: 1;	
									z-index: 1; 
								}

.slideshow-border 				{	
									padding: 15px;
								}				




/* ===================================================== */
/* Section-05 - Social Media Section 					 */
/* ===================================================== */
#section-05						{
									clear:both;
									margin:auto;
									position:relative;
									text-align:center;
								}

#social-media-section			{	
									margin:15px auto;
									
								}

#social-media-section a
								{
									text-decoration: none;
								}

#social-media-nav-section li	{
									display:inline-block;
									list-style: none;
								}

#social-media-nav-section li
								{	/* Add a Border to Contact Menu Buttons */
									border-radius:50%;
									margin:5px; padding:0;
									box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
									border-style:solid;
									border-width: 2px;
									color:black;
									width:72px; height:72px;
								}

#social-media-nav-section li:hover
								{	/* Add a Border to Contact Menu Buttons */
									background-color:rgba(255,255,255,0.50);
									border-radius:50%;
									box-shadow: -5px -5px 10px rgba(0,0,0,0.75);
								}


#social-media-nav-button-border img	
								{	/* Set Contact Button Image Style and Size */
									box-shadow: none;
									height:100%;
									transition: all 0.5s ease-in;
									width:100%;
								}


#social-media-nav-button-border img:hover	
								{	/* Animate Contact Button Image */
									animation: rotate-right1 5s infinite linear;
								}

/* ===================================================== */
/* Section 06 - Contact - Map Section  	                 */
/* ===================================================== */

#section-06						{
									
										
								}

#contact-map 					{
									font-family:Arial;
									font-size:14px;
									font-weight:600;
									page-break-after: always;
								}

#contact-map p 					{	
									margin:0 auto;
									text-align: center;
									width:80%;
								}

#map	 						{
									background:white;
									border-width: 2px;
									border-style:solid;
									border-color:black;
									box-shadow: 5px 5px 10px black;
									min-height:420px;
									max-height:780px;
								}

.map-border 					{	
									background:white;
									border-width: 1px;
									border-style:solid;
									border-color:black;
									box-shadow: 5px 5px 10px black;
									margin-left:0;
									padding: 15px 15px;
								}

/* ===================================================== */
/* Section 07 - Contact Office Hours Section             */
/* ===================================================== */

#section-07						{
									display:inline-block;
									float:left;
									width:50%;
								}

#contact-office-hours			{
									display:block;
									height:426px;
									margin-left:0;
									margin-right:15px;
								}

.contact-office-weekday  		{
									margin-left:15%;
								}

.contact-office-weekday ul 		{
									
								}

.contact-office-weekday li 		{	
									list-style: none;
									margin:4.7px auto auto 0;
									text-align: left;
								}

.contact-office-hours 			{	
									margin-left:10%;
								}

.contact-office-hours ul 		{
									
									
								}

.contact-office-hours li 		{
									display:inline-block;
									line-height:100%;
									text-align: center;
								}
	
.office-hours-start-time	 	{
									width:40%;
								}

.office-hours-end-time			{
									width:40%;
								}

/* ===================================================== */
/* Section 08 - Payment Method Section                   */
/* ===================================================== */

#section-08						{
									display:inline-block;
									float:right;
									width:50%;
								}


#contact-payment-method			{
									display:block;
									height:175px;
									margin-left:15px;
									margin-right:0;
								}

#contact-payment-method ul 		{
									margin-left:10%;
								}

/* ===================================================== */
/* Section 09 - Contact Suburb Section                   */
/* ===================================================== */

#section-09						{	
									display:inline-block;
									float:right;
									position:relative;
									width:50%;								
								}

#contact-suburb					{	display:block;
									height:175px;
									margin-left:15px;
									margin-right:0;
									position:relative;
								}

#contact-suburb ul				{	
									
								}

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

/* ===================================================== */
/* Section 10 - Contact - Service Locations Section      */
/* ===================================================== */

#section-10						{	
									clear:both;
									display:inline-block;
									float:left;
									position:relative;
									width:50%							
								}

#contact-service-locations		{ 
									display:block;
									height:189px;
									margin-left:0;
									margin-right:15px;
								}

#contact-service-locations ul 	{
									
									margin-left:10%;
								}

/* ===================================================== */
/* Section 11 - Contact - Banner Section                 */
/* ===================================================== */

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

#contact-banner					{ 	
									display:block;
									height:189px;
									margin-left:15px;
									margin-right:0;
								}
#contact-banner-image			{
									width:100%;
								}

#contact-banner-image img		{	
									border-style:solid;
									border-width:1px;
									border-color:black;
									display:block;
									max-width:100%;
									max-height:134px;
									margin:0 auto;
								}


/* ===================================================== */
/* Section 12 - Contact - Products & Services Section    */
/* ===================================================== */

#section-12						{									
									float:left;
									margin:auto;								
									width:100%;								
								}

#contact-products-services 		{	
									page-break-before: always;
									text-align: left;
								}

#contact-products-services ul	{										
									margin: 25px 0 0 50px;
								}

#contact-products-services li 	{
									float:left;
									width:33%;
								}

/* ===================================================== */
/* Section 13 - Contact - Brands Section                 */
/* ===================================================== */

#section-13						{
									clear:both;
									float:left;
									margin:auto;
									width:100%;
	
								}


#contact-brands 				{
									overflow: auto;
									page-break-after:always;
									text-align: left;
								}


#contact-brands ul				{		
									margin: 25px 0 0 50px;
								}

#contact-brands li 				{	
									float: left;
									width:33%;
								}	


/* ===================================================== */
/* Section 14 - Contact - Staff Section                  */
/* ===================================================== */

#section-14			   			{
									display:table;
									page-break-after:always;
									page-break-before:always;
									width:100%;
								}

#contact-staff-container		{


								}

#contact-staff-photos-container
								{ 
									display:table-cell;
									width:20%;
									text-align: center;
								}

#contact-staff-photos 			{
									display:inline-block;
									text-align: center;
									vertical-align: middle;
								}

#section-14 h4					{	display:inline;
									font-size: 120%;
									font-weight: bold;
								}


#contact-staff-qualifications-container
								{
									display:table-cell;
									text-align: right;
									width:80%;
								}

#contact-staff-qualifications	{
									display:inline-block;
									margin-left:auto;
									margin-right:0;
									vertical-align: middle;
									width:calc(100% - 2px - 50px); /* Qualifications Container Width - Border Width - Padding Width */
								}

#section-14 ul					{
									display:block;
									font-size: 100%;
									font-weight:normal;
									padding-left:25px;
									text-align: left;
									width:calc(100% - 25px);
								}

#section-14 li					{
									font-size: 100%;
									font-weight:normal;
									list-style:none;
									margin:15px auto;
									padding-left:25px;
								}


.contact-staff-img-borders img	{
									border-color:black;
									border-style:solid;
									border-width:1px;
									vertical-align: middle;
								}

.contact-staff-box-margins		{
									margin: 0 25px;
								}

.contact-staff-box-paddings		{	
									padding: 15px;	
								}

/* ===================================================== */
/* Section 15 - Contact - General Info Section           */
/* ===================================================== */

#section-15						{	
									clear:both;
									float:left;
									margin:auto;								
									width:100%								
								}

#contact-general-info			{
	
								}

/* ===================================================== */
/* Section 16 - Contact - Additional Info Section        */
/* ===================================================== */

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

#contact-additional-info		{		
									overflow: auto;
									text-align: left;
								}

#contact-additional-info ul		{	
									margin: 25px 0 0 50px;
								}					

#contact-additional-info li 	{
									float:left;
									width:50%;
								}

/* ===================================================== */
/* Section 17 - Contact - Category Section        		 */
/* ===================================================== */

#section-17						{	
									clear:both;
									float:left;
									margin:auto;
									width:100%								
								}

#contact-category-section		{
									overflow: auto;
									text-align: left;
								}

#contact-category-section ul	{	
									margin: 25px 0 0 50px;
								}
	
								
#contact-category-section li 	{
									float:left;
									width:50%;
								}

/* ===================================================== */
/* Section 18 - Contact - Reviews Section                */
/* ===================================================== */

#section-18						{	
									clear:both;
									display:none;
									float:left;
									margin:auto;
									width:100%								
								}
#review-section					{
									overflow: auto;
									text-align: left;
								}

#review-section	img				{	
									background:0;
									padding:25px;
									width: 200px;
								}

#review-section	p				{	
									background:0;
								}

#review-sectionaa div 			{	
									background:0;
									float:right;
									width:800px;
								}


#contact-average-rating			{
									height:60px;
									margin-top:25px;
									text-align: center;
								}

#contact-average-rating	img		{	
									height:40px;
									width:40px;
								}

#social-media-section img:hover	{			}

/* ===================================================== */
/* Section 19 - Contact - Additional Info Section        */
/* ===================================================== */

#section-19						{	
									clear:both;
									float:left;
									margin:auto;
									width:100%								
								}

/* ===================================================== */
/* Section 20 - Contact - Notes Section                  */
/* ===================================================== */

#section-20						{	

								}

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

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

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

footer							{
									left: 0;
									width: 100%;
									z-index: 100;
								}

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

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

#wikinam-nav-section 			{	/* Set Contact Navigation Location and Style */	}

#wikinam-nav-section ul			{	/* Hide Unordered Contact Menu when NOT hovered aaaa */
									padding-bottom:38px;
									left:0px;
									width:82px;
									bottom:36px;
								}

#wikinam-nav-section:hover ul	{	/* Show Unordered Contact Menu when hovered */	}	

#wikinam-nav-section li 		{	/* Set Contact Button Locations and Style */
									float:left;
									height:62px;
									list-style: none;
									margin:5px;
									padding:0;
									text-align: center;
									width:62px;
								}

.wikinam-button-border li		{	/* Add a Border to WIKINAM Menu Buttons */
									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;
								}

.wikinam-button-border li:hover {	/* WIKINAM Menu Buttons Shadow when Hovered */
									box-shadow: -5px -5px 10px rgba(0,0,0,0.75);
								}
	
#wikinam-nav-section img		{	/* Set WIKINAM Button Image Style and Size */
									border-radius: 50%;
									height: 100%;
									transition: all 0.5s ease-in;
									width: 100%;										
								}
								
							
.wikinam-nav-menu-button		{	/* Set WIKINAM Menu Kicker Button Style */
									border-radius:50%;
									border-style:none;
									border-width: 2px;
									color:black;
	
									/* Set Contact Menu Kicker Button Location */
									position:relative;
									height:62px;
									margin:5px;
									padding:0;
									text-align: center;
									width:62px;
								}

.contact-nav-menu-button:hover	{	/* Set Contact Menu Kicker Button Style */
									box-shadow: -5px -5px 10px black;
								}



.wikinam-nav-menu-button-img-rotate
								{	/* Animate WIKINAM Menu Kicker Button */
									display:block;
									height:100%;
									transition: all 0.5s ease-in;
									width:100%;
								}

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

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

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

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

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

#copyright-section span			{
									color:yellow;
								}

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

#contact-nav-section 			{	/* Set Contact Navigation Location and Style */	}

#contact-nav-section ul			{	/* Hide Unordered Contact Menu when NOT hovered aaaa */
									padding-bottom:38px;
									right:0px;
									width:230px;
									bottom:36px;
								}

#contact-nav-section:hover ul	{	/* Show Unordered Contact Menu when hovered */	}	

#contact-nav-section li 		{	/* Set Contact Button Locations and Style */
									float:right;
									height:62px;
									list-style: none;
									margin:5px;
									padding:0;
									text-align: center;
									width:62px;
								}

.contact-button-border li 		{	/* Add a Border to Contact Menu Buttons */
									background-color: rgba(255,255,255,0);
									border-radius:50%;
									box-shadow: 5px 5px 10px rgba(0,0,0,0.75);
									border-style:solid;
									border-width: 2px;
									color:black;
								}

.contact-button-border li:hover	{	/* Add a Border to Contact Menu Buttons */
									background-color:rgba(255,255,255,0.50);
									border-radius:50%;
									box-shadow: -5px -5px 10px rgba(0,0,0,0.75);								
								}

#contact-nav-section img		{	/* Set Contact Button Image Style and Size */
									background-color: rgba(255,255,255,0);
									
									height:100%;
									transition: all 0.5s ease-in;
									width:100%;
								}


#contact-nav-section img:hover	{	/* Animate Contact Button Image */
									animation: rotate-right1 5s infinite linear;	
								}

.contact-nav-menu-button		{	/* Set Contact Menu Kicker Button Style */
									border-radius:50%;
									box-shadow: 5px 5px 10px black;
									border-style:solid;
									border-width: 2px;
									color:black;
	
									/* Set Contact Menu Kicker Button Location */
									position:relative;
									height:62px;
									margin:5px;
									padding:0;
									text-align: center;
									width:62px;
								}

.contact-nav-menu-button:hover	{	/* Set Contact Menu Kicker Button Style */
									box-shadow: -5px -5px 10px black;
								}

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

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

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

.rotating-icon 					{}



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



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

.nav-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 				{ 
									
								}

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

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

.nav-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:20px; */
								}

@media screen and (min-width:720px) and (max-width:1000px)
{
	
#map							{
									min-height:420px;
									max-height:780px;
								}
	
}

	
#map							{
									height:500px;
}


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

	
								}



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