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



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

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



body 							{
									background-attachment: fixed;
									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;
								}


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

/* ========== (All) ========== */

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

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


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



.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-sha 						{	
									box-shadow: 3px 3px 10px black;								
								}

.box-sha-ins 					{	
									box-shadow: inset 1px 1px 3px black;								
								}

/* ========== (All) ========== */
.fl-every-word span::first-letter
								{
									font-weight: 700 !important;
								}

.uc img							{ /* Under Construction */
									background-color:0;
									display:block;
									margin:auto;
								}

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

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


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


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

h1 								{
									margin-bottom: 0;
									margin-top:0;
								}

h1 span 						{
									display:block;
									font-size:0.5em;
									line-height: 1.50em;
									vertical-align: middle;
								}

#contact-intro-out				{
									color: navy;
									font-weight:600;
								}

#contact-intro p 				{
									margin: 1em 2vw;
	
									text-align:justify;
								}

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

.let-1st-darkred-1_5 > li::first-letter
								{
									color:darkred;
									font-size:1.5em;
									font-weight:900;
								}

/* ========== (All) ========== */

.shopfront  					{	
									padding:1em 0;
									margin:auto;
									position:relative;
									text-align: center;
								}


.shopfront img 					{
									background:white;
									max-height:calc(70vh - 30px);
									max-width:calc(100% - 2em);
									object-fit:contain;
									vertical-align: middle;
								}

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


.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,
#system-dt 						{
									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;
								}

/* ========== (All) ========== */

.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-weight: 100;
									letter-spacing: 1.5px;
									margin-bottom:1em;
									position:relative;
									width:100%;
								}


#shop-hours,
#shop-status,
#system-dt 						{
									line-height: 160%;
									padding:0px 0!important;
								}

#shop-hours	span,
#shop-staus,
#system-dt						{
									font-weight: 700;
								}

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

.nowrap							{
									white-space: pre;
								}

/* ========== (All) ========== */

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

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

.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 				{
									display:block;
									margin:10px;
									width:calc(100% - 20px);
								}

ul 								{}

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-mar						{
									margin: 1em auto;
								}


.box-mar-l-1em					{
									margin-left: 1em auto;
								}

.box-mar-r-1em					{
									margin-right: 1em auto;
								}

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

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

.box-pad-w-l-5px
								{
									padding-left:5px;
								}
									
.box-pad-w-r-5px
								{
									padding-right:5px;
								}



.box-pad-5-px,
.box-pad-horizonal-5px					{
									padding-bottom:5px;
									padding-top:5px;
								}
.box-pad-1em,
.box-pad-w-1em
								{
									padding-left:1em;
									padding-right:1em;
								}
.box-pad-1em,
.box-pad-h1-em					{
									padding-bottom:1em;
									padding-top:1em;
								}



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

.search							{
									background-color:yellow;
									margin:1em auto 0!important;
									width:calc(100% - 20px);
									padding:10px;
								}

.search:hover > div:hover		{
									box-shadow:  2px 2px 10px black;
								}




/* ========== (All) ========== */
/* Format Sections with clickable Buttons!
/*------------------------------*/
/* Contact Telephone Numbers
/* Internet Address
/* Social Media
/* Service Location
/* ========== (All) ========== */

#contact-email ul li ul li:nth-child(1),
#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-email ul li ul li:nth-child(2),
#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-email ul.main-ul-paddings > li,
#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%;
								}

#li-contact-desc-out
								{
									margin-top:0!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) ========== */
/* Section-01-04 - Contact Numbers Section
/* ========== (All) ========== */

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

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

li 								{
									list-style:none;
								}

#contact-data > li 				{
									margin-bottom:1em;
									
								}

#contact-data > li section		{
								}

#contact-data .bg-transparent:hover
								{	/* Don't Sow a Drop Shadow when Transparent */
									box-shadow: none!important;
								}

#contact-data .bg-transparent img:hover
								{	/* Don't Sow a Drop Shadow when Transparent 
									box-shadow:  -2px -2px 5px 1px black; */
								}


ul.main-ul-paddings li ul li 	{
									overflow-wrap:break-word;
								}


ul.main-ul-paddings li:hover 	{	/* Highlight li when hovered */	}



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


								{	/* Change properties for Number block ul li's */
									
									width:100%;
								}
#contact-box,
#contact-office-hours,
#contact-str

								{
									line-height:1.5em;
								}

#contact-data .li-w-l1-100 li,
#contact-data .li-w-l2-100 li li,
#contact-data .li-w-l3-100 li li li
								{
									font-weight:100;
								}


#contact-data .li-w-l1-700 li,
#contact-data .li-w-l2-700 li li,
#contact-data .li-w-l3-700 li li li
								{
									font-weight:700;
								}


.ul-li-bul-l1-blue > li,
.ul-li-bul-l2-blue > li > ul > li,
.ul-li-bul-l3-blue > li > ul > li > ul > li,
.ul-li-bul-l4-blue > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-blue > li > ul > li > ul > li > ul > li > ul > li
								{	/* Blue */
									list-style: url("/img/bul/index_bullet_round_blue_15px.png");
								}

.ul-li-bul-l1-gray > li,
.ul-li-bul-l2-gray > li > ul > li,
.ul-li-bul-l3-gray > li > ul > li > ul > li,
.ul-li-bul-l4-gray > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-gray > li > ul > li > ul > li > ul > li > ul > li
								{	/* Gray */
									list-style: url("/img/bul/index_bullet_round_gray_15px.png");
								}


.ul-li-bul-l1-green > li,
.ul-li-bul-l2-green > li > ul > li,
.ul-li-bul-l3-green > li > ul > li > ul > li,
.ul-li-bul-l4-green > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-green > li > ul > li > ul > li > ul > li > ul > li
								{	/* Green */
									list-style: url("/img/bul/index_bullet_round_green_15px.png");
								}

.ul-li-bul-l1-red > li,
.ul-li-bul-l2-red > li > ul > li,
.ul-li-bul-l3-red > li > ul > li > ul > li,
.ul-li-bul-l4-red > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-red > li > ul > li > ul > li > ul > li > ul > li
								{	/* Red Bullet */
									list-style: url("/img/bul/index_bullet_round_red_15px.png");
								}

.ul-li-bul-l1-yellow > li,
.ul-li-bul-l2-yellow > li > ul > li,
.ul-li-bul-l3-yellowellow > li > ul > li > ul > li,
.ul-li-bul-l4-yellow > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-yellow > li > ul > li > ul > li > ul > li > ul > li
								{	/* Yellow Bullet */
									list-style: url("/img/bul/index_bullet_round_orange_15px.png");
								}


.ul-li-bul-l1 > li,
.ul-li-bul-l2 > li > ul > li,
.ul-li-bul-l3 > li > ul > li > ul > li,
.ul-li-bul-l4 > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5 > li > ul > li > ul > li > ul > li > ul > li
								{	/* No Bullet */
									list-style: none;
								}

.ul-li-lh-200 > li,
.ul-li-lh-l1-200 > li,
.ul-li-lh-l2-200 > li > ul > li,
.ul-li-lh-l3-200 > li > ul > li > ul > li,
.ul-li-lh-l4-200 > li > ul > li > ul > li > ul > li,
.ul-li-lh-l5-200 > li > ul > li > ul > li > ul > li > ul > li
								{
									line-height:200%;
								}



.ul-li-mar li,
.ul-li-mar-l1 > li,
.ul-li-mar-l2 > li > ul > li,
.ul-li-mar-l3 > li > ul > li > ul > li,
.ul-li-mar-l4 > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5 > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l1 > li,
.ul-li-mar-l-l2 > li > ul > li,
.ul-li-mar-l-l3 > li > ul > li > ul > li,
.ul-li-mar-l-l4 > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l5 > li > ul > li > ul > li > ul > li > ul > li

								{
									margin-left:0;
								}

.ul-li-mar li,
.ul-li-mar-l1 > li,
.ul-li-mar-l2 > li > ul > li,
.ul-li-mar-l3 > li > ul > li > ul > li,
.ul-li-mar-l4 > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5 > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l1 > li,
.ul-li-mar-r-l2 > li > ul > li,
.ul-li-mar-r-l3 > li > ul > li > ul > li,
.ul-li-mar-r-l4 > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l5 > li > ul > li > ul > li > ul > li > ul > li

								{
									margin-right:0;
								}

.ul-li-mar-1em li,
.ul-li-mar-l1-1em > li,
.ul-li-mar-l2-1em > li > ul > li,
.ul-li-mar-l3-1em > li > ul > li > ul > li,
.ul-li-mar-l4-1em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5-1em > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l1-1em > li,
.ul-li-mar-l-l2-1em > li > ul > li,
.ul-li-mar-l-l3-1em > li > ul > li > ul > li,
.ul-li-mar-l-l4-1em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l5-1em > li > ul > li > ul > li > ul > li > ul > li
								{
									margin-left:1em;
								}
.ul-li-mar-1em li,
.ul-li-mar-l1-1em > li,
.ul-li-mar-l2-1em > li > ul > li,
.ul-li-mar-l3-1em > li > ul > li > ul > li,
.ul-li-mar-l4-1em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5-1em > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l1-1em > li,
.ul-li-mar-r-l2-1em > li > ul > li,
.ul-li-mar-r-l3-1em > li > ul > li > ul > li,
.ul-li-mar-r-l4-1em > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l5-1em > li > ul > li > ul > li > ul > li > ul > li
								{
									margin-right:1em;
								}

.ul-li-mar-2em li,
.ul-li-mar-l1-2em > li,
.ul-li-mar-l2-2em > li > ul > li,
.ul-li-mar-l3-2em > li > ul > li > ul > li,
.ul-li-mar-l4-2em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5-2em > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l1-2em > li,
.ul-li-mar-l-l2-2em > li > ul > li,
.ul-li-mar-l-l3-2em > li > ul > li > ul > li,
.ul-li-mar-l-l4-2em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l-l5-2em > li > ul > li > ul > li > ul > li > ul > li
								{
									
									margin-left:2em;
								}

.ul-li-mar-2em li,
.ul-li-mar-l1-2em > li,
.ul-li-mar-l2-2em > li > ul > li,
.ul-li-mar-l3-2em > li > ul > li > ul > li,
.ul-li-mar-l4-2em > li > ul > li > ul > li > ul > li,
.ul-li-mar-l5-2em > li > ul > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l1-2em > li,
.ul-li-mar-r-l2-2em > li > ul > li,
.ul-li-mar-r-l3-2em > li > ul > li > ul > li,
.ul-li-mar-r-l4-2em > li > ul > li > ul > li > ul > li,
.ul-li-mar-r-l5-2em > li > ul > li > ul > li > ul > li > ul > li
								{
									margin-right:2em;
								}

.ul-li-w-50  li
								{
									background:yellow;
									float:left;
									width:calc(40%);
								}

.em .ul-li-w5m > li,
.ul-li-w-50-6em > li > ul > li

								{
									width:calc(50% - 6em);
								}


.float-left	li					{
									float:left;
								}

.ul-li-w-l1-50 > li,
.ul-li-w-l2-50 > li > ul > li,
.ul-li-w-l3-50 > li > ul > li > ul > li,
.ul-li-w-l4-50 > li > ul > li > ul > li > ul > li,
.ul-li-w-l5-50 > li > ul > li > ul > li > ul > li > ul > li
								{
									width:calc(41%);
								}
.ul-li-w-100 li,
.ul-li-w-l1-100 > li,
.ul-li-w-l2-100 > li > ul > li,
.ul-li-w-l3-100 > li > ul > li > ul > li,
.ul-li-w-l4-100 > li > ul > li > ul > li > ul > li,
.ul-li-w-l5-100 > li > ul > li > ul > li > ul > li > ul > li
								{
									width:100%;
								}

.li-c-l1 li						{
									list-style: url("../../../../../../../../img/bul/index_bullet_round_blue_15px.png");
								}

.li-col-blrg li li
								{	/* Blue, Red Green */
									list-style: url("../../../../../../../../img/bul/index_bullet_round_red_15px.png");
								}

.li-bg-t1 > li > ul > li
								{
									margin:0 0.5em;
									list-style: none;
								}

#contact-data ul.li-gray-t1 	{
									display:list-item;
								}


/* ========== (All) ========== */
/* Telephone Numbers
/* ========== (All) ========== */

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



/* ========== (All) ========== */
/* 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) ========== */
/* Brands
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Categories
/* ========== (All) ========== */




/* ========== (All) ========== */
/* Map
/* ========== (All) ========== */

/* Map Selection Buttons */
#map1-but,
#map2-but 						{
									border-radius:20px;
									margin:0 0.5em;
									padding:1em 1em;
								}
 


#map1-but						{
									background:yellow;
								}


.map-box						{
									margin:15px auto;
									width:90%;
								}	


#map1,
#map2								{
									border-radius:20px;
									display:block;
									padding-top:100%;
								}


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

.reset-google-map 				{
									float:left;
									clear: none;
									margin-left:-10px;
										margin-top:-5px;
	
								}

#contact-map section ul 		{ 
									background:yellow;
									border-radius: 10px;
									box-shadow: 3px 3px 1em black;
									border-style:solid;
									border-width: 1px;	
									float:left;
									margin-left:25px;
									margin-top:10px;
									padding:1em;
									width:calc(100% - 115px);
								}

#map2-address 					{
									display:none;
								}

.contact-map :not(h2),
.contact-map h3 				{
	
									font-family:Arial;
									font-size:12px;
									font-weight:300;
									letter-spacing: 2px;
									line-height: 1;
									text-align: center;
									text-shadow: none;
								}

.contact-map h3		 			{
									color:blue;
									font-size:16px;
									font-weight:900;
									margin-bottom:0.5em;
								}

.contact-map li 				{
									
									display:inline;
								}

.contact-map li:not(:first-child)
								{

								}

.contact-map li:not(:last-child):not(:first-child):after /* Add commas after each li except for header and last li */
								{ 	
									content: ",";									
								}

.contact-map .main-ul-paddings 
								{
									text-align: center;
									width:calc(100% - 80px);
								}



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

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

/* ========== (All) ========== */
/* Postal Address
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Service Locations
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Slideshow Section
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Social Media
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Street Address
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Suburb
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Staff
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Street Address
/* ========== (All) ========== */


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



/* ========== (All) ========== */
/*	Navigation Section
/* ========== (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:0;
								}



/* ========== (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							{	
										background:transparent;
										max-width:479px;
										min-width:311px;	
									}


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

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

	#contact-title					{}

	#contact-title div:nth-child(1) {}

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

	.shop-status-opened				{}

	.shop-status-closed				{}

	#shop-hours 					{}

	#shop-hours	span				{}

	.show-li-311-719				{}

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

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

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

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

	.p1dn,
	.s1dn
									{
										display:none!important;	
									}

	#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("/img/bul/index_bullet_round_gray_15px.png");

									}

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

	

	.ul-li-w480-l1-50-2em > li,
	.ul-li-w480-l2-50-2em > li > ul > li,
	.ul-li-w480-l3-50-2em > li > ul > li > ul > li,
	.ul-li-w480-l4-50-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w480-l5-50-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										width:calc(50% - 4em);
									}
	.ul-li-w480-l1-100-2em > li,
	.ul-li-w480-l2-100-2em > li > ul > li,
	.ul-li-w480-l3-100-2em > li > ul > li > ul > li,
	.ul-li-w480-l4-100-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w480-l5-100-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										float:left;
										width:calc(100% - 2em);
									}
	
	.main-font						{
										font-family: Arial;
										font-size: 100%;
									}


	.w480-dn, .w480-dn				{
										display:none!important;
									}



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


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


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



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



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



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



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



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



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


	#li-contact-management-out		{}

	#contact-management				{}

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




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

	#li-contact-notes-out			{}

	#contact-notes					{}

	/* ========== (311) ========== */
	/* 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 li 		{
										display:inline-block;
										line-height:100%;
										text-align: center;
									}

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

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



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



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



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



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



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



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


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



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



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




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


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

	.show-li-311-719				{}

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

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

	/* ========== (480) ========== */
	/* Data Section 
	/* ========== (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!important;
									}

	.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;
									}
	
	.w480-dn						{
										display:none!important;
									}

	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-sha 						{	
										box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);								
									}

	.main-font						{
										font-family: Arial;
										font-size: 100%;
									}
	.p2dn,
	.s2dn
									{
										display:none!important;	
									}
	
	.ul-li-w480-l1-50-2em > li,
	.ul-li-w480-l2-50-2em > li > ul > li,
	.ul-li-w480-l3-50-2em > li > ul > li > ul > li,
	.ul-li-w480-l4-50-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w480-l5-50-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										width:calc(50% - 4em);
									}
	.ul-li-w480-l1-100-2em > li,
	.ul-li-w480-l2-100-2em > li > ul > li,
	.ul-li-w480-l3-100-2em > li > ul > li > ul > li,
	.ul-li-w480-l4-100-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w480-l5-100-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										float:left;
										width:calc(100% - 2em);
									}
	
		
	/* ========== (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				{}



	li 								{
										list-style:none;
									}


	/* ========== (480) ========== */
	/* Sections 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 Number block ul li's */
										display:block;
									}




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



	/* ========== (480) ========== */
	/* Banner Section 
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Brands Section 
	/* ========== (480) ========== */



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



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



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



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



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


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

	#li-contact-notes-out			{}

	#contact-notes					{}

	/* ========== (480) ========== */
	/* 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) ========== */
	/* Payment Terms Section 
	/* ========== (480) ========== */



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



	/* ========== (480) ========== */
	/* Products Section 
	/* ========== (480) ========== */



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



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



	/* ========== (480) ========== */
	/* Staff Section 
	/* ========== (480) ========== */



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


	/* ========== (480) ========== */
	/* Suburb Section 
	/* ========== (480) ========== */



	/* ========== (480) ========== */
	/* Telephone Section 
	/* ========== (480) ========== */



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



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



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



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



	/* ========== (480) ========== */
	/*	Footer Title Section 
	/* ========== (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-sha 						{
										box-shadow: 5px 5px 9px 0px black;
									}

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

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


	#contact-title					{}

	#contact-title div:nth-child(1) {}

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

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

	#contact-box,
	#contact-cat,
	#contact-google-map,
	#contact-info-add,
	#contact-info-gen,
	#contact-intro,
	#contact-management,
	#contact-office-hours,
	#contact-products,
	#contact-str,
	#contact-tel,
	#contact-terms,
	#contact-www
									{
										min-height:12em;
									}

	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 h3 						{
										
									}
	
	
	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%;
									}

	.ul-li-w720-ul-li-mar-lx-1em-l-l1-50-2em > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l2-50-2em > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l3-50-2em > li > ul > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l4-50-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l5-50-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										width:calc(50% - 4em);
									}
	.ul-li-w720-ul-li-mar-lx-1em-l-l1-100-2em > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l2-100-2em > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l3-100-2em > li > ul > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l4-100-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w720-ul-li-mar-lx-1em-l-l5-100-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										float:left;
										width:calc(100% - 2em);
									}
	
	
	/* ========== (720) ========== */
	/* Data Section
	/* ========== (720) ========== */

	 #contact-box ul.main-ul-paddings:hover,
	 #contact-str ul.main-ul-paddings:hover
									{	/* Highlight li when hovered */
										font-weight: 700;
									}
	
	.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;
									}
	.p3dn,
	.s3dn
									{
										display:none!important;	
									}
	

	
	/* ========== (720) ========== */
	/* Data Section
	/* ========== (720) ========== */

	ul#contact-data 				{	/* Provision for li shadows */
										margin-left:0;
										margin-right:0;
									}

	#contact-data > li
									{
										
										display:inline-block;
										vertical-align: middle;
									}
	

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

	/* All Positions */
	#contact-data .w720-dn 			{
										display:none;
									}
	#contact-data .w720-50,
	#contact-data .w720-100
									{
										margin:auto;
										margin-left:1%;
										margin-right:1%;
									}
	#contact-data .w720-50
									{
										width:calc(50% - 2% - 3px);
									}
	#contact-data .w720-100
									{
										margin:auto;
										width:calc(100% - 2% - 3px);
									}
	
	/* ========== (720) ========== */
	/* Photos
	/* ========== (720) ========== */
	.fit-img img 					{
										margin:auto;	
										max-height:calc(90vh - 30px - 3em);
										max-width:100%;
										object-fit:contain;
										padding:0.5em;
										vertical-align: middle;
									}

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



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



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



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



	/* ========== (720) ========== */
	/* 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 Terms
	/* ========== (720) ========== */



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



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



	/* ========== (720) ========== */
	/* Slideshow Section
	/* ========== (720) ========== */



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



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



	/* ========== (720) ========== */
	/* 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) ========== */
	/* Telephone Numbers
	/* ========== (720) ========== */

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

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


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

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



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



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



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



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



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

	#li-contact-management-out		{}

	#contact-management				{}

	/* ========== (720) ========== */
	/* Map Section
	/* ========== (720) ========== */



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



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



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



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



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

}


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

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

	header							{
										background-color:yellow;
									}

	#contact-title					{
										font-size:1.25em;
										position:relative;
									}

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

	.shop-status-closed				{}

	#shop-hours 					{}

	#shop-hours	span				{}

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

	#contact-box,
	#contact-cat,
	#contact-google-map,
	#contact-info-add,
	#contact-info-gen,
	#contact-intro,
	#contact-office-hours,
	#contact-management,
	#contact-str,
	#contact-tel,
	#contact-terms,
	#contact-www
									{
										min-height:12em;
									}
	
	.p4dn,
	.s4dn
									{
										display:none!important;	
									}

	main h1 						{}


	main h2							{	
										color:rgba(255,255,255,1.00);
										line-height: 125%;
										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 h3 						{	}
	
	

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


	.ul-li-w1280-l1-50-2em > li,
	.ul-li-w1280-l2-50-2em > li > ul > li,
	.ul-li-w1280-l3-50-2em > li > ul > li > ul > li,
	.ul-li-w1280-l4-50-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w1280-l5-50-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										width:calc(50% - 4em);
									}	
	.ul-li-w1280-l1-100-2em > li,
	.ul-li-w1280-l2-100-2em > li > ul > li,
	.ul-li-w1280-l3-100-2em > li > ul > li > ul > li,
	.ul-li-w1280-l4-100-2em > li > ul > li > ul > li > ul > li,
	.ul-li-w1280-l5-100-2em > li > ul > li > ul > li > ul > li > ul > li
									{
										width:calc(100% - 4em);
									}


	/* ========== (1280) ========== */
	/* Data Section
	/* ========== (1280) ========== */

	ul#contact-data 				{	/* Provision for li shadows */
										margin-left:0;
										margin-right:0;
									}

	#contact-data > li
									{
										display:inline-block;
										vertical-align: middle;
									}

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

	
	
	

	
/* All Positions */
#contact-data .w1280-dn							{
										display:none;
									}
#contact-data .w1280-33,
#contact-data .w1280-50,
#contact-data .w1280-66,
#contact-data .w1280-100
									{
										margin:auto;
										margin-left:1%;
										margin-right:1%;
									}
	
#contact-data .w1280-66-center
									{
										margin-left:17.5%;
										margin-right:17.5%;
										width:calc(66.6666% - 2% - 4px);
									}

#contact-data .w1280-33
									{
										width:calc(33.3333% - 2% - 4px);	/* 33.3333% - 2% (Margin) - 2px (Border) - 2px (Border) - 2px (Border) */
									}

#contact-data .w1280-50
									{
										width:calc(50% - 2% - 4px)!important;
									}

#contact-data .w1280-66
									{
										width:calc(66.6666% - 2% - 4px);	/* 66.6666 - 2% (Margin) - 2px (Border) - 2px (Border) - 2px (Border) */
									}
	
#contact-data .w1280-100			{
										width:calc(100% - 2% - 4px);
									}

	/* Position Left */
	.p4l33,
	.s4l33,
	.p4l66,
	.s4l66,
	.p4l100,
	.s4l100
									{
										background-color:0;
										margin-left:1%;
										margin-right:1%;
									}

	.p4l33,
	.s4l33,
	.p4l66,
	.s4l66,
	.p4l100,
	.s4l100
									{
										background-color:0;
										margin-left:1%;
										margin-right:1%;
									}
	/* Position Center */
	.p4c33,
	.s4c33,
	.p4c66,
	.s4c66,
	.p4c100,
	.s4c100
									{
										background-color:0;
										margin-left:1%;
										margin-right:1%;
									}
	/* Position Right */
	.p4r33,
	.p4r66,
	.p4r100,
	.s4r33,
	.s4r66,
	.s4r100
									{
										background-color:0;
										margin-left:1%;
									}
	
	/* Size 33% */
	.p4l33,
	.p4c33,
	.p4r33,
	.s4l33,
	.s4c33,
	.s4r33
									{}
	
	/* Size 66% */
	.p4l66,
	.p4c66,
	.p4r66,
	.s4l66,
	.s4c66,
	.s4r66
									{}
	
	/* Size 100% */
	.p4l100,
	.p4c100,
	.p4r100,

	.s4l100,
	.s4c100,
	.s4r100
									{
										width:98%;	/* 31% + 1% + 1% + 31% + 1% + 1% + 31% */
									}
	
	/* ========== (1280+) ========== */
	/* Photos
	/* ========== (1280+) ========== */
	.fit-img img 					{
										margin:auto;
										max-height:calc(90vh - 30px - 3em);
										max-width:calc(100% - 1em);
										object-fit:contain;
										padding:0.5em;
										vertical-align: middle;
									}
	
	
	/* ========== (1280) ========== */
	/* Map
	/* ========== (1280) ========== */
	
		


}



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


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

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

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

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


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

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


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

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

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

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


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


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

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

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

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

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

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

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


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

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


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

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


.scrollbar-t1::-webkit-scrollbar 		{
  									-webkit-appearance: none;
									background-color:gray;
									border-left-style:solid;
									border-width: 1px;
  									width: 2em;
								}

.scrollbar-t1::-webkit-scrollbar-thumb {
  									border-radius: 3px;
									border-style:solid;
									border-width:1px;
									box-shadow: 3px 3px 3px black;
  									background-color: red;
								}


.bul-pos-ins li,
.bul-pos-ins li ul li,
.bul-pos-ins li ul li ul li

 								{
									list-style-position: inside;
								}