@charset "utf-8";

/* ========== (All) ========== */
/*	Reset and Pre-define Styles
/* ========== (All) ========== */

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

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


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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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


.fl-every-word span::first-letter	{
									font-weight: 700 !important;
								}

#page							{	/* Page definition */
									margin: 0 auto;
								}

header							{	/* Page Header defintition, including Business Name, Street Address, Telephone number and Logo */
									background-color: yellow;
									border-width: 2px 0;
									color: white;		/* Font Color */
									margin:0 auto;
									position: relative;
									width:95%;
									az-index: 1
								}

#headerlogo						{	/* Page Header Logo Container */ }


#contact-logo img				{	/* Page Header Logo Image */ }


#contact-title					{								
									margin:auto;		/* Center Header */
									padding-top:1em;
									position:relative;
									text-align:center;	/* Center Header Text */
								}


.shopfront  					{
									display:inline;
									text-align: center;
								}

.shopfront img 					{
									background-color:white;
									object-fit:contain;
									position:relative;
									vertical-align: middle;
								}


.header-title-txt 				{
									color:rgba(255,255,255,1.00);
									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;
								}

#shop-status 					{
									color:navy;
									font-weight:normal;
								}

.shop-status-opened				{
									background-color:hsla(120,100%,50%,0.50);
									border-color:black;
									border-radius:1em;
									border-style:solid;
									border-width:1px;
									box-shadow:1px 1px 1px black; 
									color:navy;
									font-weight:700;
									padding:0 7px;
									position:relative;
								}

.shop-status-closed				{
									background-color:hsla(0,100%,81%,1.00);
									border-color:black;
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									font-weight:700;
									padding:0 7px;
									position:relative;
								}

#shop-hours 					{								
									color:navy;
									font-size:80%;
									font-weight: 100;
									letter-spacing: 1.5px;
									line-height:170%;
									position:relative;
									width:100%;	
								}

#shop-hours	span				{
									font-weight: 700;
								}


#contact-desc					{								
									color: navy;
									font-weight:500;
									margin-left:5vw;
									margin-right:5vw;
								}


main 							{
									margin: 0 auto;
									/* overflow:hidden; */
								}

.nowrap							{
									white-space: pre;
								}



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

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

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

.shopfront 						{
									position:relative;
								}

.shopfront .copyright 			{
									bottom:20px;
									color:white;
									font-size: 12px;
									font-weight:normal;
									position:absolute;
									right:20px;
									text-shadow: 1px 1px 2px black, 2px 2px 2px black;
								}

.search							{
									background-color:yellow;
									margin:20px auto 20px;
									width:calc(100% - 20px);
			  						padding:9px;
								}

.search:hover					{
									
								}

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

.shopinside .copyright 			{
									bottom:10px;
									color:white;
									font-size: 12px;
									font-weight:normal;
									position:absolute;
									
									right:15px;
									text-shadow: 1px 1px 2px black, 2px 2px 2px black;
								}

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

#li-contact-desc-out
								{
									margin-top:0!important; 
									width:100%!important;
								}

#contact-desc					{
									line-height:150%;
								}

#contact-desc:hover				{
									box-shadow: 5px 5px 9px 0px black!important;	
								}

#contact-desc ul				{
									margin: 1em;
								}

#contact-desc li 				{
									font-weight:bold;
									margin:0.5em;
									text-align: justify
								}

#contact-desc ul:hover			{
									box-shadow: inset 3px 3px 9px 0px black!important;	
								}

/* ========== (All) ========== */
/*-01-04 - Contact Numbers
/* ========== (All) ========== */


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

.contact-data li 		{}

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

/* ========== (All) ========== */
/*-01 - Contact Numbers
/* ========== (All) ========== */

#contact-tel-in					{}

#contact-tel-in li				{}

#contact-www li					{}

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

#contact-tel-in 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;
								}




#contact-social-media			{
													
								}

#contact-social-media li		{

								}

#social-media a 				{
									color:inherit;
									font-weight: 600;	
									text-decoration: none;
								}

#contact-social-media 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;
								}


/* ========== (All) ========== */
/* Contact General Info
/* ========== (All) ========== */

#li-contact-info-gen-out p::first-letter
								{
									color:darkred;
									font-size:1.5em;
									font-weight:900;
									
								}

/* ========== (All) ========== */
/* Contact - Staff
/* ========== (All) ========== */






/* ========== (All) ========== */
/*	WIKINAM Navigation
/* ========== (All) ========== */



/* ========== (All) ========== */
/*	Contact Navigation
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Buttons with characters
/* ========== (All) ========== */

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

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

.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 				{ 
									background:yellow;
								}

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

.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:0px;
								}



/* ========== (All) ========== */
/* Define buttons with characters
/* ========== (All) ========== */


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


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

.w33							{
									width:33%!important;
								}

.w50							{
									width:49%!important;
								}

.w66							{
									width:66%!important;
								}



								
.w99							{
									width:99%!important;
								}

.w100							{
									width:100%!important;
								}


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

  									100% 	{
    											opacity: 1;
  											}
								}


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

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






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

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


/* ========== (311) ========== */
/* Contact Header
/* ========== (311) ========== */

header							{
									margin:0 auto;
									width:95%;	
								}

#contact-title					{}

#contact-title div:nth-child(1) {
									margin:0.5em auto;
								}

.shopfront  					{
									display:inline;
									text-align: center;
								}

.shopfront img 					{
									max-height:calc(70vh - 30px);
									max-width:86vw;
									padding:2vw;
								}

.header-title-txt 				{
									color:rgba(255,255,255,1.00);
									font-size: 1em;
									font-weight: 700;
									margin:0.5em auto;
									text-align: center;
								}

#shop-status 					{
									padding:1em auto;
								}

.shop-status-opened				{
									
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									padding:0 7px;
									position:relative;
								}

.shop-status-closed				{
									background-color:hsla(0,100%,81%,1.00);
									border-color:black;
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									padding:0 7px;
									position:relative;
								}

#shop-hours 					{
									bottom:0.5em;
									color:navy;
									font-size:80%;
									font-weight: normal;
									letter-spacing: 1.5px;
									amargin:5em auto;
									position:relative;
									width:100%;	
								}

#shop-hours	span				{
									font-weight: 700;
								}

.show-li-311-719				{}

.show-li-720-1279
								{
									display:none !important;
								}

.show-li-1280-1919				{
									display:none !important;
								}

/* ========== (311) ========== */
/* Contact Data
/* ========== (311) ========== */

 #contact-box ul.main-ul-paddings:hover,
 #contact-str ul.main-ul-paddings:hover
								{	/* Highlight li when hovered */
									font-weight: 700;
								}


#contact-data > li:nth-child(1) ul.main-ul-paddings > li
									/* Change properties for Contact Number block ul li's */
								{
									width:100%;
								}
	
ul.main-ul-paddings li ul		{
								}

ul.main-ul-paddings li 			{	/* Change properties for Contact Number block ul li's */
									width:90%;
								}

ul.main-ul-paddings li ul li	{
									vertical-align: middle;
								}


ul.main-ul-paddings li ul li:nth-child(1)
								{
								}

ul.main-ul-paddings li ul li:nth-child(2)
								{	
									width:calc(100% - 100px);
									word-wrap: break-word;
								}

.rotating-icon img 				{
									border-radius: 0;
									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;
								}


main 							{}

main h1 						{

								}


main h2							{	
									color:rgba(255,255,255,1.00);
									line-height: 100%;
									margin:0px auto 15px;
									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 h4 						{
									font-size:100%;	
									font-weight:600; 
									margin:0 auto;
								}

ul 								{
									
									list-style-image: url(file:///C|/img/bullets/index_bullet_round_gray_15px.png);
										
								}

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

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

.box-sha 						{									
								}

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

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

.main-ul-margins				{}

.main-ul-paddings				{}

.main-text-padding				{}

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


/* ========== (311) ========== */
/* Information - General
/* ========== (311) ========== */


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

ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
									color:yellow;
									font-weight: 700;
									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;
								}

ul#contact-data 				{	/* Provision for li shadows */
									padding:0 8px;
								}

#contact-data > li				{}

#contact-data li 				{
									list-style:none;
								}

.shopinside  					{	/* Container for shop inside images */
									background-color:white;
									padding:8px;
								}

.shopinside img 				{
									display:block;
									margin:0 auto;
									width:100%;
								}

#contact-data,
#li-contact-box-out,
#li-contact-cat-out,
#li-contact-info-gen-out,
#li-contact-loc-out,
#li-contact-management-out,
#li-contact-google-map-out
#li-contact-office-hours-out,
#li-contact-sm-out,
#li-contact-str-out,
#li-contact-suburb-out,
#li-contact-tel-out,
#li-contact-terms-out,
#li-contact-www-out,
.shopinside
								{
									amargin:0 7px;
								}

#contact-desc					{
									margin-left:0;
									margin-right:0;
								}


/* ========== (311) ========== */
/*s Floated Right
/* ========== (311) ========== */



/* ========== (311) ========== */
/* Formats with clickable Buttons!
/*----------------------------
/* Contact Telephone Numbers
/* Internet Address
/* Social Media
/* Service Location
/* ========== (311) ========== */



/* ========== (311) ========== */
/* Contact Banner
/* ========== (311) ========== */

#li-contact-ban-out 			{}

#contact-ban 					{}

/* ========== (311) ========== */
/* Contact Brands
/* ========== (311) ========== */

#li-contact-brands-out			{}

#contact-brands 				{}

/* ========== (311) ========== */
/* Contact Category
/* ========== (311) ========== */

#li-contact-cat-out				{}

#contact-cat 					{}

/* ========== (311) ========== */
/* Contact Information Additional
/* ========== (311) ========== */

#li-contact-info-add-out 		{}

#li-contact-info-add-out li 	{}

/* ========== (311) ========== */
/* Contact Information General
/* ========== (311) ========== */

#li-contact-info-gen-out 		{}

#contact-info-gen				{}

/* ========== (311) ========== */
/* Contact Management
/* ========== (311) ========== */

#li-contact-management-out		{}

#contact-management				{}

/* ========== (311) ========== */
/* Contact Map
/* ========== (311) ========== */

#contact-google-map 			{
									font-family:Arial;
									font-size:100%;
									font-weight:600;
									margin-left:auto;
									margin-right:auto;
								}

#contact-google-map li 			{
									display:inline;
								}

#contact-google-map li:not(:last-child):after { 	
									content: ", ";
								}

#contact-google-map h2 			{	
									color:navy;
									font-family:Arial;
									font-size:12px;
									font-weight:bold;
									letter-spacing: 2px;
									line-height:150%;
									margin-top:1em;
									text-shadow: none;
									width:90%;
								}

#map							{
									height:85vw;
									margin:1em auto;
									width:85vw;
								}

#map:hover						{
									box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
								}

#contact-google-map li 			{
									display:inline;
								}

#contact-google-map li:not(:last-child):after 
								{ 	
									content: ", ";
								}

/* ========== (311) ========== */
/* Contact Notes
/* ========== (311) ========== */

#li-contact-notes-out			{}

#contact-notes					{}

/* ========== (311) ========== */
/* Contact Office Hours
/* ========== (311) ========== */


.contact-office-weekday  		{
									margin-left:25px;
								}

.contact-office-weekday ul 		{}

.contact-office-weekday > li 	{
									margin:4.7px auto auto 0;
									text-align: left;
									width:100%;
								}

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

/* ========== (311) ========== */
/* Contact Payment Terms
/* ========== (311) ========== */

#li-contact-terms-out			{}

#contact-terms					{}

/* ========== (311) ========== */
/* Contact Postal Address
/* ========== (311) ========== */



/* ========== (311) ========== */
/* Contact Products
/* ========== (311) ========== */

#li-contact-products-out ul		{}

#contact-products 				{}

/* ========== (311) ========== */
/* Contact Service Locations
/* ========== (311) ========== */

#li-contact-loc-out				{}

#contact-loc 					{}

/* ========== (311) ========== */
/* Contact Social Media
/* ========== (311) ========== */

#li-contact-sm-out 				{}

#contact-sm 					{}

/* ========== (311) ========== */
/* Contact Staff
/* ========== (311) ========== */

#li-contact-staff-out 			{}

#contact-staff 					{}

/* ========== (311) ========== */
/* Contact Street Address
/* ========== (311) ========== */

#li-contact-str-out 			{}

#contact-str 					{}

/* ========== (311) ========== */
/* Contact Suburb
/* ========== (311) ========== */

#li-contact-suburb-out			{}

#contact-suburb					{}

/* ========== (311) ========== */
/* Contact Telephone
/* ========== (311) ========== */

#li-contact-tel-out 			{}

#contact-tel 					{}

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

footer							{
									bottom: 0px;
									border-style: groove;
									height: 50px;
									left: 0;
									position:fixed;
									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%;
								}


/* ========== (311) ========== */
/* Define buttons with characters
/* ========== (311) ========== */


.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:48px;
									width:48px;
								}

.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 				{ 
									background:yellow;
								}

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

.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:0px;
								}

/* ========== (311) ========== */
/*	Footer Title
/* ========== (311) ========== */


}

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

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

header							{
									margin:0 auto;
									width:95%;	
								}

#contact-title					{}

#contact-title div:nth-child(1) {
									margin:0.5em auto;
								}

.shopfront  					{
									display:inline;
									text-align: center;
								}

.shopfront img 					{
									max-height:calc(70vh - 30px);
									max-width:86vw;
									padding:2vw;
								}


.header-title-txt 				{
									color:rgba(255,255,255,1.00);
									font-size: 1em;
									font-weight: 700;
									margin:0.5em auto;
									text-align: center;
								}

#shop-status 					{
									padding:1em auto;
								}

.shop-status-opened				{
									
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									padding:0 7px;
									position:relative;
								}

.shop-status-closed				{
									background-color:hsla(0,100%,81%,1.00);
									border-color:black;
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									padding:0 7px;
									position:relative;
								}

#shop-hours 					{
									bottom:0.5em;
									color:navy;
									font-size:80%;
									font-weight: normal;
									letter-spacing: 1.5px;
									amargin:5em auto;
									position:relative;
									width:100%;	
								}

#shop-hours	span				{
									font-weight: 700;
								}

.show-li-311-719				{
									
								}


.show-li-720-1279
								{
									display:none !important;
								}

.show-li-1280-1919				{
									display:none !important;
								}

/* ========== (480) ========== */
/* Contact Data
/* ========== (480) ========== */

 #contact-box ul.main-ul-paddings:hover,
 #contact-str ul.main-ul-paddings:hover,
ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
									font-weight: 700;
								}


#contact-data > li:nth-child(1) ul.main-ul-paddings > li
									/* Change properties for Contact Number block ul li's */
								{
									width:100%;
								}
	
ul.main-ul-paddings li ul		{
								}

ul.main-ul-paddings li 			{	/* Change properties for Contact Number block ul li's */
									width:90%;
								}

ul.main-ul-paddings li ul li	{
									vertical-align: middle;
								}


ul.main-ul-paddings li ul li:nth-child(1)
								{
								}

ul.main-ul-paddings li ul li:nth-child(2)
								{	
									width:calc(100% - 100px);
									word-wrap: break-word;
								}

.rotating-icon img 				{
									border-radius: 0;
									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;
								}





main 							{}

main h1 						{

								}


main h2							{	
									color:rgba(255,255,255,1.00);
									line-height: 100%;
									margin:0px auto 15px;
									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 h4 						{
									font-size:100%;	
									font-weight:600; 
									margin:0 auto;
								}

ul 								{
									
									list-style-image: url(file:///C|/img/bullets/index_bullet_round_gray_15px.png);
										
								}

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

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

.box-sha 						{	
									box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);								
								}

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

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

.main-ul-margins				{}

.main-ul-paddings				{}

.main-text-padding				{}

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


/* ========== (480) ========== */
/* Information - General
/* ========== (480) ========== */

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


ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
									color:yellow;
									font-weight: 700;
									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;
								}


ul#contact-data 				{	/* Provision for li shadows */
									padding:0 3%;
								}

#contact-data > li				{}



#contact-data li 				{
									list-style:none;
								}

.shopinside  					{	/* Container for shop inside images */
									background-color:white;
									padding:8px;
								}

.shopinside img 				{
									display:block;
									margin:0 auto;
									width:100%;
								}




/* ========== (480) ========== */
/*s Floated Right
/* ========== (480) ========== */

#li-contact-www-out,
#li-contact-box-out,
#li-contact-suburb-out,
#li-contact-info-add-out

								{}

#contact-www,
#contact-box,
#contact-suburb,
#contact-info-add 				{	/* Change properties for Contact Number block ul li's */
									display:block;
								}


							

/* ========== (480) ========== */
/* Formats with clickable Buttons!
/*----------------------------
/* - Contact Telephone Numbers
/* - Internet Address 
/* - Social Media
/* - Service Location
/* ========== (480) ========== */


#contact-desc					{
									margin-left:0;
									margin-right:0;
								}

/* ========== (480) ========== */
/* Contact Banner
/* ========== (480) ========== */

#li-contact-ban-out 			{}


#contact-ban 					{}

/* ========== (480) ========== */
/* Contact Brands
/* ========== (480) ========== */

#li-contact-brands-out			{}

#contact-brands 				{}

/* ========== (480) ========== */
/* Contact Category
/* ========== (480) ========== */

#li-contact-cat-out				{}

#contact-cat 					{}

/* ========== (480) ========== */
/* Contact Information Additional
/* ========== (480) ========== */

#li-contact-info-add-out 		{}

#li-contact-info-add-out li 	{}

/* ========== (480) ========== */
/* Contact Information General
/* ========== (480) ========== */

#li-contact-info-gen-out 		{}

#contact-info-gen				{}

/* ========== (480) ========== */
/* Contact Management
/* ========== (480) ========== */

#li-contact-management-out		{}

#contact-management				{}

/* ========== (480) ========== */
/* Contact Map
/* ========== (480) ========== */

#contact-google-map 			{
									font-family:Arial;
									font-size:100%;
									font-weight:600;
									margin-left:auto;
									margin-right:auto;
								}

#contact-google-map li 			{
									display:inline;
								}

#contact-google-map li:not(:last-child):after { 	
									content: ", ";
								}

#contact-google-map h2 			{	
									color:navy;
									font-family:Arial;
									font-size:12px;
									font-weight:bold;
									letter-spacing: 2px;
									line-height:150%;
									margin-top:1em;
									text-shadow: none;
									width:90%;
								}

#map							{
									height:85vw;
									margin:1em auto;
									width:85vw;
								}

#map:hover						{
									box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
								}

#contact-google-map li 			{
									display:inline;
								}

#contact-google-map li:not(:last-child):after 
								{ 	
									content: ", ";
								}

/* ========== (480) ========== */
/* Contact Notes
/* ========== (480) ========== */

#li-contact-notes-out			{}

#contact-notes					{}

/* ========== (480) ========== */
/* Contact Office Hours
/* ========== (480) ========== */


.contact-office-weekday  		{
									margin-left:25px;
								}

.contact-office-weekday ul 		{}

.contact-office-weekday > li 	{
									margin:4.7px auto auto 0;
									text-align: left;
									width:100%;
								}

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

/* ========== (480) ========== */
/* Contact Payment Terms
/* ========== (480) ========== */

#li-contact-terms-out			{}

#contact-terms					{}

/* ========== (480) ========== */
/* Contact Postal Address
/* ========== (480) ========== */



/* ========== (480) ========== */
/* Contact Products
/* ========== (480) ========== */

#li-contact-products-out ul		{}

#contact-products 				{}

/* ========== (480) ========== */
/* Contact Service Locations
/* ========== (480) ========== */

#li-contact-loc-out				{}

#contact-loc 					{}

/* ========== (480) ========== */
/* Contact Social Media
/* ========== (480) ========== */

#li-contact-sm-out 				{}

#contact-sm 					{}

/* ========== (480) ========== */
/* Contact Staff
/* ========== (480) ========== */

#li-contact-staff-out 			{}

#contact-staff 					{}

/* ========== (480) ========== */
/* Contact Street Address
/* ========== (480) ========== */

#li-contact-str-out 			{}

#contact-str 					{}

/* ========== (480) ========== */
/* Contact Suburb
/* ========== (480) ========== */

#li-contact-suburb-out			{}

#contact-suburb					{}

/* ========== (480) ========== */
/* Contact Telephone
/* ========== (480) ========== */

#li-contact-tel-out 			{}

#contact-tel 					{}

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

footer							{
									bottom: 0px;
									border-style: groove;
									height: 50px;
									left: 0;
									position:fixed;
									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%;
								}

/* ========== (480) ========== */
/*	WIKINAM Navigation - Left Side Menu
/* ========== (480) ========== */



/* ========== (480) ========== */
/*	Contact Navigation - Right Side Menu
/* ========== (480) ========== */



/* ========== (480) ========== */
/* Define buttons with characters
/* ========== (480) ========== */



/* ========== (480) ========== */
/*	Footer Title
/* ========== (480) ========== */




}

@media screen and (min-width:720px) and (max-width:1279px)
{
	/* ========== (720) ========== */
	/* Page
	/* ========== (720) ========== */

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



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

	.box-mar						{
										margin: 15px auto;

									}

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

									}

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

	.main-ul-margins				{
									}

	.main-ul-paddings				{	
									}

	.main-text-padding				{}

	.main-font						{
										font-family: Arial;
										font-size: 100%;
									}
	
	.w33-720						{
										width:33%!important;
									}

	.w50-720						{
										width:49%!important;
									}

	.w66-720						{
										width:66%!important;
									}




	.w99-720						{
										width:99%!important;
									}

	.w100-720						{
										width:100%!important;
									}


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


	#contact-title					{
										position:relative;
									}

	#contact-title div:nth-child(1) {
										margin:0.5em auto;
									}


	.shopfront  					{
										display:inline;
										text-align: center;
									}

	.shopfront img 					{
										max-height:calc(70vh - 30px);
										max-width:80vw;
										padding:2vw;
										object-fit:contain;
										position:relative;
										vertical-align: middle;
									}

	.header-title-txt 				{
										color:rgba(255,255,255,1.00);
										font-size: 1.75em;
										font-weight: 700;
										margin:0.25em auto;
									}

	#shop-hours 					{
										bottom:0.5em;
										color:navy;
										font-size:80%;
										font-weight: 100;
										letter-spacing: 1.5px;
										margin-top:15px;
										position:relative;
										width:100%;	
									}

	#shop-hours	span				{
										font-weight: 700;
									}

	#shop-status 					{
										position:relative;
									}

	.shop-status-opened				{
										border-radius: 1em;
										border-style: solid;
										border-width:1px;
										box-shadow: 1px 1px 1px black; 
										color:navy;
										padding:0 7px;
										position:relative;
									}

	.shop-status-closed				{
										background-color:hsla(0,100%,81%,1.00);
										border-color:black;
										border-radius: 1em;
										border-style: solid;
										border-width:1px;
										box-shadow: 1px 1px 1px black; 
										color:navy;
										padding:0 7px;
										position:relative;
									}


	.show-li-311-719				{
										display:none !important;
									}

	.show-li-720-1279
									{}

	.show-li-1280-1919				{
										display:none !important;
									}

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

	main 							{}

	main h1 						{}


	main h2							{	
										color:rgba(255,255,255,1.00);
										line-height: 100%;
										margin:0px auto 15px;
										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 h33 						{	
										font-size:150%;	
										font-weight:600; 
										margin:0 auto 15px;									
									}

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


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


	/* ========== (720) ========== */
	/* Contact Data
	/* ========== (720) ========== */

	 #contact-box ul.main-ul-paddings:hover,
	 #contact-str ul.main-ul-paddings:hover
									{	/* Highlight li when hovered */
										font-weight: 700;
									}

	ul.main-ul-paddings li ul		{}

	ul.main-ul-paddings li 			{	/* Change properties for Contact Number block ul li's */
										width:100%;
									}

	ul.main-ul-paddings li ul li	{
										vertical-align: middle;
									}


	ul.main-ul-paddings li ul li:nth-child(1)
									{}

	ul.main-ul-paddings li ul li:nth-child(2)
									{	
										width:calc(100% - 100px);
										word-wrap: break-word;
									}

	.rotating-icon img 				{
										border-radius: 0;
										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;
									}

	/* ========== (720) ========== */
	/* Information General
	/* ========== (720) ========== */

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


	ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
										font-weight: 700;
									}

	ul#contact-data 				{	/* Provision for li shadows */
										padding:0 3%;
									}

	#contact-data > li:nth-child(n+2)
									{
										display:inline-block;
										vertical-align: middle;
										width:49%;
									}

	#contact-data > li > div:hover,
	#contact-data > li >:hover
									{
										box-shadow: inset 2px 2px 5px 1px black;
									}

	#contact-data li 				{
										list-style:none;
									}

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

	.shopinside  					{
										background-color:white;
									}


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

	/* ========== (720) ========== */
	/*s Floated left
	/* ========== (720) ========== */

	.li-pos-left-720				{	/* Left li Margins */
										margin-left:0 !important;
									}

	/* ========== (720) ========== */
	/*s Floated Right
	/* ========== (720) ========== */

	.li-pos-right-720				{	/* Right li Margins */
										margin-left:calc(2% - 5px) !important;
									}

	#contact-www,
	#contact-box,
	#contact-suburb,
	#contact-info-add 				{	/* Change properties for Contact Number block ul li's */
										width:100%;
									}




	/* ========== (720) ========== */
	/* Formats with clickable Buttons!
	/*----------------------------
	/* Contact Telephone Numbers
	/* Internet Address
	/* Social Media
	/* Service Location
	/* ========== (720) ========== */

	#contact-desc					{
										margin-left:0;
										margin-right:0;
									}


	/* ========== (720) ========== */
	/* Contact Telephone Numbers
	/* ========== (720) ========== */

	#contact-tel ul li:nth-child(2) ul li:nth-child(1) 	/* Set height for fax icon */
									{
										height:62px;
									}

	/* ========== (720) ========== */
	/* Contact Social Media
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Contact - Google Map
	/* ========== (720) ========== */

	/* ========== (720) ========== */
	/* Contact - Google Map
	/* ========== (720) ========== */

	#li-contact-google-map-out  	{	
										position:relative!important;
										display:block!important;
										margin: 0 auto !important;
										width:55vw !important;
									}

	#contact-google-map 			{
										font-family:Arial;
										font-size:100%;
										font-weight:600;
										margin-left:auto;
										margin-right:auto;
									}

	#contact-google-map h2 			{	
										color:navy;
										font-family:Arial;
										font-size:12px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:200%;
										margin-top:1em;
										text-shadow: none;
										width:90%;
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}

	#map							{
										height:50vw;
										margin:1em auto;
										width:50vw;
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}

	/* ========== (720) ========== */
	/* Contact Postal Address
	/* ========== (720) ========== */

	ul #contact-box li 				{
										display:block;
										margin-left:15px;
									}


	/* ========== (720) ========== */
	/* Contact Street Address
	/* ========== (720) ========== */

	#contact-str li 				{
										display:block;
										margin-left:15px;
									}

	/* ========== (720) ========== */
	/* Contact Slideshow
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Contact Office Hours
	/* ========== (720) ========== */


	.contact-office-weekday  		{
										margin-left:25px;
									}

	.contact-office-weekday ul 		{

									}

	.contact-office-weekday > li 	{
										margin:4.7px auto auto 0;
										text-align: left;
										width:100%;
									}

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

	/* ========== (720) ========== */
	/* Payment Method
	/* ========== (720) ========== */


	/* ========== (720) ========== */
	/* Payment Method
	/* ========== (720) ========== */


	/* ========== (720) ========== */
	/* Contact Suburb
	/* ========== (720) ========== */

	#li-contact-terms-out			{}

	#contact-terms					{}

	#contact-terms ul 				{}

	#contact-terms li 				{}


	/* ========== (720) ========== */
	/* Contact Suburb
	/* ========== (720) ========== */

	#li-contact-suburb-out			{
										display:inline-block;
										position:relative;							
									}

	#contact-suburb					{	
										position:relative;
									}

	#contact-suburb ul				{}

	#contact-suburb li 				{
										list-style: url(file:///C|/img/bullets/index_bullet_round_gray_15px.png) !important;
									}


	/* ========== (720) ========== */
	/* Contact Management
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Contact Service Locations
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Contact General Info
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Contact Additional Info
	/* ========== (720) ========== */


	#li-contact-info-add-out li 	{
										list-style: url(../../../img/bul/index_bullet_round_gray_15px.png);
									}


	/* ========== (720) ========== */
	/* Contact Banner
	/* ========== (720) ========== */

	#li-contact-ban-out 			{}


	#contact-ban 					{}


	/* ========== (720) ========== */
	/* Contact Brands
	/* ========== (720) ========== */

	#li-contact-brands-out			{}

	#contact-brands 				{}

	/* ========== (720) ========== */
	/* Contact Category
	/* ========== (720) ========== */

	#li-contact-cat-out				{}

	#contact-cat 					{}

	/* ========== (720) ========== */
	/* Contact Information Additional
	/* ========== (720) ========== */

	#li-contact-info-add-out 		{}

	#li-contact-info-add-out li 	{}

	/* ========== (720) ========== */
	/* Contact Information General
	/* ========== (720) ========== */

	#li-contact-info-gen-out 		{}

	#contact-info-gen				{}

	/* ========== (720) ========== */
	/* Contact Management
	/* ========== (720) ========== */

	#li-contact-management-out		{}

	#contact-management				{}

	/* ========== (720) ========== */
	/* Contact Notes
	/* ========== (720) ========== */



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



	/* ========== (720) ========== */
	/*	WIKINAM Navigation Left Side Menu
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/*	Contact Navigation Right Side Menu
	/* ========== (720) ========== */



	/* ========== (720) ========== */
	/* Define buttons with characters
	/* ========== (720) ========== */





}

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

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

	#page							{
										max-width:1919px;
										min-width: 1250px;
										padding:10px 0 0 0;
									}


	.w33-1280						{
										width:33%!important;
									}

	.w50-1280						{
										width:49%!important;
									}

	.w66-1280						{
										width:66%!important;
									}

	.w99-1280						{
										width:99%!important;
									}

	.w100-1280						{
										width:100%!important;
									}
	
/* ========== (1280) ========== */
/* Header
/* ========== (1280) ========== */

header							{
									background-color:yellow;
								}

#contact-title					{
									position:relative;
								}

.shopfront  					{
									display:inline;
									text-align: center;
								}

.shopfront img 					{
									background-color:white;
									max-height:calc(70vh - 30px);
									max-width:86vw;
									padding:0;
									object-fit:contain;
									position:relative;
									vertical-align: middle;
								}


.header-title-txt 				{
									color:rgba(255,255,255,1.00);
									font-size: 2.5em;
									font-weight: 700;
									height:2.25em;
									margin: 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;
								}


.shop-status-opened				{
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									line-height:1.75em;
									margin:1px;
									padding:0 7px;
									position:relative;
								}

.shop-status-closed				{
									border-radius: 1em;
									border-style: solid;
									border-width:1px;
									box-shadow: 1px 1px 1px black; 
									color:navy;
									line-height:1.75em;
									padding:0 7px;
									position:relative;
								}

#shop-hours 					{
									bottom:0.5em;
									color:navy;
									font-size:80%;
									font-weight: 700;
									letter-spacing: 1.5px;
									margin-top:15px;
									position:relative;
									atext-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black;
									width:100%;	
								}

#shop-hours	span				{
									font-weight: 700;
								}


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

#contact-desc					{
									margin-left:0;
									margin-right:0;
								}

/* ========== (1280) ========== */
/* Contact Data
/* ========== (1280) ========== */

ul#contact-data 				{	/* Provision for li shadows */
									padding:0 3%;
								}

#contact-data > li:nth-child(n+2)
								{
									display:inline-block;
									vertical-align: middle;
									width:32%;
								}

#contact-data > li > div:hover,
#contact-data > li >:hover
								{
									box-shadow: inset 2px 2px 5px 1px black;
								}

#contact-data li 				{
									list-style:none;
								}

#contact-data > li.width-full 	{
									display:block;
									margin:0 auto!important;
									max-width:1280px;
									width:100%;									
								}

 #contact-box ul.main-ul-paddings:hover,
 #contact-str ul.main-ul-paddings:hover
								{	/* Highlight li when hovered */
									font-weight: 700;
								}


ul.main-ul-paddings li ul		{
								}

ul.main-ul-paddings li 			{	/* Change properties for Contact Number block ul li's */
									width:100%;
								}

ul.main-ul-paddings li ul li	{
									vertical-align: middle;
								}


ul.main-ul-paddings li ul li:nth-child(1)
								{
								}

ul.main-ul-paddings li ul li:nth-child(2)
								{	
									width:calc(100% - 100px);
									word-wrap: break-word;
								}



.rotating-icon img 				{	
									border-radius: 0;
									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;
								}



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

footer							{	/* Set footer Location */
									bottom: 0px;
									border-style: groove;
									height: 50px;
									left: 0;
									position:fixed;
									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%;
								}

main 							{}



main h2							{	
									color:rgba(255,255,255,1.00);
									line-height: 100%;
									margin:0px auto 15px;
									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 h33 						{	
									font-size:150%;	
									font-weight:600; 
									margin:0 auto 15px;									
								}

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

ul 								{
									
									list-style-image: url(file:///C|/img/bullets/index_bullet_round_gray_15px.png);
										
								}

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

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

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

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

.main-ul-margins				{
								}

.main-ul-paddings				{	
								}

.main-text-padding				{}

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


/* ========== (1280) ========== */
/* Information General
/* ========== (1280) ========== */

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


ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
									font-weight: 700;
								}

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

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





.show-li-311-719				{
									display:none !important;
								}


.show-li-720-1279				{
									display:none !important;
								}

.show-li-1280-1919				{}


.li-pos-left-1280-1919			{	/* Left li Margins */
									margin-left:0 !important;
								}

.li-pos-center-1280-1919
								{	/* Middle li Margins */
									margin-left:calc(2% - 5px) !important;
								}

.li-pos-center-1280-1919-33		{	/* Middle li Margins */
									margin-left:calc(2% - 5px) !important;
								}

.li-pos-center-1280-1919-66		{	/* Middle li Margins */
									margin-left:auto !important;
									margin-right:auto !important;
								}

.li-pos-right-1280-1919			{	/* Right li Margins */
									margin-left:calc(2% - 5px) !important;
								}

#contact-box,
#contact-info-add,
#contact-info-gen,
#contact-str,
#contact-suburb,
#contact-www


 								{	/* Change properties for Contact Number block ul li's */
									width:100%;
								}


							

/* ========== (1280) ========== */
/* Formats with clickable Buttons!
/*------------------------------*/
/* Contact Telephone Numbers
/* Internet Address
/* Social Media
/* Service Location
/* ========== (1280) ========== */

#contact-tel ul li ul li:nth-child(1),
#contact-www ul li ul li:nth-child(1),	/* Modify li containing Image */
#contact-sm ul li ul li:nth-child(1),
#contact-loc ul li ul li:nth-child(1)

								{	/* Position li Button */
									display:inline-block;
									margin-left:10%;
									width:64px;
								}

#contact-tel ul li ul li:nth-child(2),	/* Modify li containing Data */
#contact-www ul li ul li:nth-child(2),
#contact-sm ul li ul li:nth-child(2),
#contact-loc ul li ul li:nth-child(2)
								{
									display:inline-block;
									text-align:right;
									width:calc(100% - 10% - 100px);
								}


#contact-tel ul.main-ul-paddings > li,
#contact-www ul.main-ul-paddings > li,
#contact-sm ul.main-ul-paddings > li,
#contact-loc ul.main-ul-paddings > li
									/* Change properties for Contact Number block ul li's */
								{
									width:100%;
								}

#contact-brands li,
#contact-suburb li,
#contact-info-gen li,
#contact-info-add li,
#contact-products li,
#contact-accessories li,
#contact-cat li
								{	/* Format li with bullets */
									display:list-item;
									list-style: url("../../../img/bul/index_bullet_round_gray_15px.png");
									line-height:200%;
									margin-left:10%;
									width:calc(100% - 15%);
	
								}

/* ========== (1280) ========== */
/* Contact Telephone Numbers
/* ========== (1280) ========== */

#contact-tel ul li:nth-child(2) ul li:nth-child(1) 	/* Set height for fax icon */
								{
									height:62px;
								}



/* ========== (1280) ========== */
/* Contact Social Media
/* ========== (1280) ========== */


/* ========== (1280) ========== */
/* Contact Social Media
/* ========== (1280) ========== */


/* ========== (1280) ========== */
/* Contact Postal Address
/* ========== (1280) ========== */

#contact-box li 				{
									display:block;
									margin-left:15px;
								}

/* ========== (1280) ========== */
/* Contact Street Address
/* ========== (1280) ========== */

#contact-str li 				{
									display:block;
									margin-left:15px;
								}

/* ========== (1280) ========== */
/* Contact Slideshow
/* ========== (1280) ========== */


/* ========== (1280) ========== */
/* Contact - Staff
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Map
/* ========== (1280) ========== */


#li-contact-google-map-out  	{
									display:block!important;
									margin: 0 auto !important;
									width:55vw !important;
								}



#contact-google-map h2 			{	
									color:navy;
									font-family:Arial;
									font-size:14px;
									font-weight:bold;
									letter-spacing: 2px;
									line-height:200%;
									margin-top:1em;
									text-shadow: none;
									width:90%;
								}

#contact-google-map li 			{
									display:inline;
								}

#contact-google-map li:not(:last-child):after { 	
									content: ", ";
								}

#map							{
									height:50vw;
									margin:1em auto;
									width:50vw;
								}

#map:hover						{
									box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
								}

/* ========== (1280) ========== */
/* Contact Notes
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Office Hours
/* ========== (1280) ========== */


.contact-office-weekday  		{
									margin-left:25px;
								}

.contact-office-weekday ul 		{
									
								}

.contact-office-weekday > li 	{
									margin:4.7px auto auto 0;
									text-align: left;
									width:100%;
								}

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


/* ========== (1280) ========== *//* ========== (1280) ========== */
/* Contact Management
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Payment Terms
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Suburb
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Management
/* ========== (1280) ========== */

/* Format li with bullets */
#contact-brands li,
#contact-cat li,
#contact-terms li,
#contact-suburb li,
#contact-info-gen li,
#contact-info-add li,
#contact-management li,
#contact-prod li
								{
									display:list-item;
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									line-height:200%;
									margin-left:10%;
									width:calc(100% - 15%);
								}


/* ========== (1280) ========== */
/* Contact Service Locations
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact General Info
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Additional Info
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact - Brands
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact Category
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/* Contact - Products
/* ========== (1280) ========== */



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



/* ========== (1280) ========== */
/*	WIKINAM Navigation Left Side Menu
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/*	Contact Navigation Right Side Menu
/* ========== (1280) ========== */



/* Buttons with characters
/* ========== (1280) ========== */



/* ========== (1280) ========== */
/*	Footer Title
/* ========== (1280) ========== */


/* Define buttons with characters
/* ========== (1280) ========== */


}

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

	#page							{
										padding:10px 0 0 0;

										max-width:calc(1920px * 0.95);
									}

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

	header							{
										background-color:yellow;
									}

	#contact-title					{
										position:relative;
									}

	.shopfront  					{
										display:inline;
										text-align: center;
									}

	.shopfront img 					{
										background-color:white;
										max-height:calc(70vh - 30px);
										max-width:86vw;
										padding:1em;
										object-fit:contain;
										position:relative;
										vertical-align: middle;
									}


	.header-title-txt 				{
										color:rgba(255,255,255,1.00);
										font-size: 2.5em;
										font-weight: 700;
										height:2.25em;
										margin: 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;
									}


	.shop-status-opened				{
										border-radius: 1em;
										border-style: solid;
										border-width:1px;
										box-shadow: 1px 1px 1px black; 
										color:navy;
										line-height:1.75em;
										margin:1px;
										padding:0 7px;
										position:relative;
									}

	.shop-status-closed				{
										border-radius: 1em;
										border-style: solid;
										border-width:1px;
										box-shadow: 1px 1px 1px black; 
										color:navy;
										line-height:1.75em;
										padding:0 7px;
										position:relative;
									}

	#shop-hours 					{
										bottom:0.5em;
										color:navy;
										font-size:80%;
										font-weight: 700;
										letter-spacing: 1.5px;
										margin-top:15px;
										position:relative;
										atext-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black;
										width:100%;	
									}

	#shop-hours	span				{
										font-weight: 700;
									}


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

	/* ========== (1920) ========== */
	/* Contact Data
	/* ========== (1920) ========== */

	ul#contact-data 				{	/* Provision for li shadows */
										padding:0 3%;
									}

	#contact-data > li:nth-child(n+2)
									{
										display:inline-block;
										vertical-align: middle;
										width:32%;
									}

	#contact-data > li > div:hover,
	#contact-data > li >:hover
									{
										box-shadow: inset 2px 2px 5px 1px black;
									}

	#contact-data li 				{
										list-style:none;
									}

	#contact-data > li.width-full 	{
										display:block;
										margin:0 auto!important;
										max-width:1280px;
										width:100%;									
									}



	 #contact-box ul.main-ul-paddings:hover,
	 #contact-str ul.main-ul-paddings:hover
									{	/* Highlight li when hovered */
										font-weight: 700;
									}

	ul.main-ul-paddings li ul		{
									}

	ul.main-ul-paddings li 			{	/* Change properties for Contact Number block ul li's */
										width:100%;
									}

	ul.main-ul-paddings li ul li	{
										vertical-align: middle;
									}


	ul.main-ul-paddings li ul li:nth-child(1)
									{
									}

	ul.main-ul-paddings li ul li:nth-child(2)
									{	
										width:calc(100% - 100px);
										word-wrap: break-word;
									}



	.rotating-icon img 				{	
										border-radius: 0;
										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;
									}





	main 							{}



	main h2							{	
										color:rgba(255,255,255,1.00);
										line-height: 100%;
										margin:0px auto 15px;
										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 h33 						{	
										font-size:150%;	
										font-weight:600; 
										margin:0 auto 15px;									
									}

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

	ul 								{

										list-style-image: url(file:///C|/img/bullets/index_bullet_round_gray_15px.png);

									}

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

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

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

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

									}

	.main-ul-margins				{
									}

	.main-ul-paddings				{	
									}

	.main-text-padding				{}

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


	/* ========== (1920) ========== */
	/* Information General
	/* ========== (1920) ========== */

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


	ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */
										font-weight: 700;
									}

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

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





	.show-li-311-719				{
										display:none !important;
									}


	.show-li-720-1279				{
										display:none !important;
									}

	.show-li-1280-1919				{}


	.li-pos-left-1280-1919			{	/* Left li Margins */
										margin-left:0 !important;
									}

	.li-pos-center-1280-1919
									{	/* Middle li Margins */
										margin-left:calc(2% - 5px) !important;
									}

	.li-pos-center-1280-1919-33		{	/* Middle li Margins */
										margin-left:calc(2% - 5px) !important;
									}

	.li-pos-center-1280-1919-66		{	/* Middle li Margins */
										margin-left:auto !important;
										margin-right:auto !important;
									}

	.li-pos-right-1280-1919			{	/* Right li Margins */
										margin-left:calc(2% - 5px) !important;
									}

	#contact-box,
	#contact-info-add,
	#contact-info-gen,
	#contact-str,
	#contact-suburb,
	#contact-www


									{	/* Change properties for Contact Number block ul li's */
										width:100%;
									}


	#contact-desc					{
										margin-left:0;
										margin-right:0;
									}

	/* ========== (1920) ========== */
	/* Formats with clickable Buttons!
	/*------------------------------*/
	/* Contact Telephone Numbers
	/* Internet Address
	/* Social Media
	/* Service Location
	/* ========== (1920) ========== */

	#contact-tel ul li ul li:nth-child(1),
	#contact-www ul li ul li:nth-child(1),	/* Modify li containing Image */
	#contact-sm ul li ul li:nth-child(1),
	#contact-loc ul li ul li:nth-child(1)

									{	/* Position li Button */
										display:inline-block;
										margin-left:10%;
										width:64px;
									}

	#contact-tel ul li ul li:nth-child(2),	/* Modify li containing Data */
	#contact-www ul li ul li:nth-child(2),
	#contact-sm ul li ul li:nth-child(2),
	#contact-loc ul li ul li:nth-child(2)
									{
										display:inline-block;
										text-align:right;
										width:calc(100% - 10% - 100px);
									}


	#contact-tel ul.main-ul-paddings > li,
	#contact-www ul.main-ul-paddings > li,
	#contact-sm ul.main-ul-paddings > li,
	#contact-loc ul.main-ul-paddings > li
										/* Change properties for Contact Number block ul li's */
									{
										width:100%;
									}

	#contact-brands li,
	#contact-terms li,
	#contact-suburb li,
	#contact-info-gen li,
	#contact-info-add li,
	#contact-products li,
	#contact-accessories li,
	#contact-cat li
									{	/* Format li with bullets */
										display:list-item;
										list-style: url("../../../img/bul/index_bullet_round_gray_15px.png");
										line-height:200%;
										margin-left:10%;
										width:calc(100% - 15%);

									}

	/* ========== (1920) ========== */
	/* Contact Telephone Numbers
	/* ========== (1920) ========== */

	#contact-tel ul li:nth-child(2) ul li:nth-child(1) 	/* Set height for fax icon */
									{
										height:62px;
									}



	/* ========== (1920) ========== */
	/* Contact Social Media
	/* ========== (1920) ========== */


	/* ========== (1920) ========== */
	/* Contact Social Media
	/* ========== (1920) ========== */


	/* ========== (1920) ========== */
	/* Contact Postal Address
	/* ========== (1920) ========== */

	#contact-box li 				{
										display:block;
										margin-left:15px;
									}

	/* ========== (1920) ========== */
	/* Contact Street Address
	/* ========== (1920) ========== */

	#contact-str li 				{
										display:block;
										margin-left:15px;
									}

	/* ========== (1920) ========== */
	/* Contact Slideshow
	/* ========== (1920) ========== */


	/* ========== (1920) ========== */
	/* Contact - Staff
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact Map
	/* ========== (1920) ========== */


	#li-contact-google-map-out  	{
										display:block!important;
										margin: 0 auto !important;
										width:55vw !important;
									}



	#contact-google-map h2 			{	
										color:navy;
										font-family:Arial;
										font-size:14px;
										font-weight:bold;
										letter-spacing: 2px;
										line-height:200%;
										margin-top:1em;
										text-shadow: none;
										width:90%;
									}

	#contact-google-map li 			{
										display:inline;
									}

	#contact-google-map li:not(:last-child):after { 	
										content: ", ";
									}

	#map							{
										height:50vw;
										margin:1em auto;
										width:50vw;
									}

	#map:hover						{
										box-shadow: -1px -1px 3px 1px rgba(0,0,0,0.75);
									}

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



	/* ========== (1920) ========== */
	/* Contact Office Hours
	/* ========== (1920) ========== */


	.contact-office-weekday  		{
										margin-left:25px;
									}

	.contact-office-weekday ul 		{

									}

	.contact-office-weekday > li 	{
										margin:4.7px auto auto 0;
										text-align: left;
										width:100%;
									}

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


	/* ========== (1920) ========== */
	/* Contact Management
	/* ========== (1920) ========== */



	#li-contact-management-out		{
										display:inline-block;
									}

	#contact-management-out h4		{		
										font-size: 120%;
										font-weight: bold;
									}


	#contact-management ul li h4 	{	/* Display Bullets with Headers */
										display:list-item;
									}

	#contact-management ul			{

										font-size: 100%;
										font-weight:normal;
										margin-left:10%;
										text-align: left;

									}

	#contact-management li			{	
										width:calc(100% - 25px);
									}




	div #contact-management > ul > li:hover	{	/* Highlight all li when hovered */
										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;
									}

	/* ========== (1920) ========== */
	/* Contact Payment Terms
	/* ========== (1920) ========== */


	#li-contact-terms-out			{
										margin-left:calc(2% - 5px);
									}

	#contact-terms					{	
									}

	#contact-terms ul 				{
									}

	#contact-terms li 				{
									}


	/* ========== (1920) ========== */
	/* Contact Suburb
	/* ========== (1920) ========== */

	#li-contact-suburb-out			{
										display:inline-block;
										margin-left:0;
										margin-right:calc(2% - 5px);
										position:relative;							
									}

	#contact-suburb					{	
										position:relative;
									}

	#contact-suburb ul				{	

									}

	#contact-suburb li 				{
									}


	/* ========== (1920) ========== */
	/* Contact Management
	/* ========== (1920) ========== */




	/* ========== (1920) ========== */
	/* Contact Service Locations
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact General Info
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact Additional Info
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact - Brands
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact - Category
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Contact - Products
	/* ========== (1920) ========== */



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



	/* ========== (1920) ========== */
	/*	WIKINAM Navigation Left Side Menu
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/*	Contact Navigation Right Side Menu
	/* ========== (1920) ========== */



	/* Buttons with characters
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/*	Footer Title
	/* ========== (1920) ========== */



	/* ========== (1920) ========== */
	/* Define buttons with characters
	/* ========== (1920) ========== */
}