@charset "utf-8";

body
{
	background-color:rgba(0,0,0,0);
	background-blend-mode:color-burn;
}

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

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

#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;
									
								}#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:1em;
									font-weight:900;
									
								}



h1 div 							{
									margin-bottom:0.25em;
									margin-top:0.25em;
								}

#contact-intro p 				{
									
								}

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



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





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



/* ========== (All) ========== */
/* Information Additional
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Information General
/* ========== (All) ========== */

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

#contact-info-gen p 			{
									display:list-item;
									line-height:200%;
									margin: 1em;
									text-align:justify;
									width:calc(100% - 2em);
								}

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

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



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



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



/* ========== (All) ========== */
/* Office Hours
/* ========== (All) ========== */



/* ========== (All) ========== */
/* Payment Terms
/* ========== (All) ========== */



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

#contact-box li 				{
									display:block;
									margin-left:2em;
								}

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

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



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



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



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

#li-contact-str-out 			{}

#contact-str 					{}

#contact-str li 				{
									display:block;
									margin-left:2em;
								}

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



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


#li-contact-cat-out				{}

li #contact-cat					{
									padding:5%;	
								}


#contact-cat > ul > li			{
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									margin-bottom:0em;
									margin-left:1em;
									margin-top:0em;
									width:100%;
								}

#contact-cat ul li ul			{
									margin-left:2em;
									margin-bottom:0.0em;
									margin-top:0.0em;
								}

#acontact-cat ul li ul li		{
									display:list-item;
									float:left;
									list-style: url(../../../../../../../../img/bul/index_bullet_round_gray_15px.png);
									width:49%;
								}



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

	/* ========== (480) ========== */
	/* Header
	/* ========== (480) ========== */
    
    h1
    {
        font-size:1.7rem;
    }

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



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



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


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



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


	#li-contact-brands-out			{
										margin:10px auto;								
									}

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

	#li-contact-brands-out ul		{		
										margin: 15px 0 0 25px;
									}

	#li-contact-brands-out ul.brands-li-l01 > li			
									{}

	.brands-li-l01 li a 			{}

	ul .brands-li-l01 li 			{
										vertical-align: middle;
										margin:15px 0;
									}

	ul .brands-li-l02				{
										margin-left:0!important;
										padding-left:0!important;
									}


	ul .brands-li-l02 li			{
										display:block!important;
										list-style: none!important;
										margin-left:0!important;
									}

	.brands-li-l02 li a img			{
										display:inline-block;
										object-fit:scale-down;
										position:relative!important;
										object-position:50% 50%;
										max-height:3em;
										margin:0!important;
										padding:0!important;
										vertical-align:middle;
										width:100%!important;
									}

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

	#li-contact-cat-out				{}

	#contact-cat 					{}

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

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

	#contact-info-add 				{}

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



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



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


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



	/* ========== (311) ========== */
	/* Office Hours Section
	/* ========== (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 			{
									}

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

	#li-contact-terms-out			{
									}

	#li-contact-terms-out ul		{
										margin: 15px 0 0 25px;
									}

	#contact-terms					{	
									}
	mana
	#contact-terms ul 				{
									}

	#contact-terms li 				{
									}


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



	/* ========== (311) ========== */
	/* Products & Services Section
	/* ========== (311) ========== */


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

	#li-contact-loc-out				{
										display:block;
									}

	#contact-loc 					{}

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



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

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;	

									}


	#contact-staff ul > li 			{
										display:block;
										line-height:200%;
										object-fit:contain;
										padding-left:4%;
										padding-right:4%;
										text-align: center;
										vertical-align: top;
									}

	#contact-staff  img 			{
										width:calc(100% - 10px);
									}
	#contact-staff img:hover
									{	padding:3px;
										box-shadow: inset 2px 2px 2px 2px black;
									}

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



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

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

	#contact-suburb					{	
										position:relative;
									}


	#contact-suburb ul				{}

	#contact-suburb li 				{}

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

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

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



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



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



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



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

}


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



	/* ========== (480) ========== */
	/* Section  - Data Section
	/* ========== (480) ========== */



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





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


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

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



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



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



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



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



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

	#li-contact-management-out		{}

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


	/* ========== (480) ========== */
	/* Section -  Google Map 						 */
	/* ========== (480) ========== */





	/* ========== (480) ========== */
	/* Office Hours Section
	/* ========== (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 			{}

	.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) ========== */
	/* Section - Payment Method Section

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


	/* ========== (480) ========== */
	/* Section - Payment Method
	/* Section - Suburb

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

	#li-contact-terms-out			{}

	#contact-terms					{}

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

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;	

									}


	#contact-staff ul > li 			{
										display:block;
										line-height:200%;
										object-fit:contain;
										padding-left:4%;
										padding-right:4%;
										text-align: center;
										vertical-align: top;
									}

	#contact-staff  img 			{
										width:calc(100% - 10px);
									}
	#contact-staff img:hover
									{	padding:3px;
										box-shadow: inset 2px 2px 2px 2px black;
									}

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

	#li-contact-suburb-out			{}

	#contact-suburb					{}




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

	#li-contact-loc-out				{
										display:block;
									}

	/* ========== (480) ========== */
	/* General Info 								 */
	/* ========== (480) ========== */



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



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


	#li-contact-brands-out			{
										margin:10px auto;								
									}

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

	#li-contact-brands-out ul		{		
										margin: 15px 0 0 25px;
									}

	#li-contact-brands-out ul.brands-li-l01 > li			
									{}

	.brands-li-l01 li a 			{}

	ul .brands-li-l01 li 			{
										vertical-align: middle;
										margin:15px 0;
									}

	ul .brands-li-l02				{
										margin-left:0!important;
										padding-left:0!important;
									}


	ul .brands-li-l02 li			{
										display:block!important;
										list-style: none!important;
										margin-left:0!important;
									}

	.brands-li-l02 li a img			{
										display:inline-block;
										object-fit:scale-down;
										position:relative!important;
										object-position:50% 50%;
										max-height:3em;
										margin:0!important;
										padding:0!important;
										vertical-align:middle;
										width:100%!important;
									}

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

	#li-contact-cat-out				{}

	#contact-cat 					{}

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

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

	#contact-info-add 				{}



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

	#li-contact-management-out		{}

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

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


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



	/* ========== (480) ========== */
	/* Office Hours Section
	/* ========== (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) ========== */

	#li-contact-terms-out			{
									}

	#li-contact-terms-out ul		{
										margin: 15px 0 0 25px;
									}

	#contact-terms					{	
									}
	mana
	#contact-terms ul 				{
									}

	#contact-terms li 				{
									}


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



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


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

	#li-contact-loc-out				{
										display:block;
									}

	#contact-loc 					{}

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



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

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;	

									}


	#contact-staff ul > li 			{
										display:block;
										line-height:200%;
										object-fit:contain;
										padding-left:4%;
										padding-right:4%;
										text-align: center;
										vertical-align: top;
									}

	#contact-staff  img 			{
										width:calc(100% - 10px);
									}
	#contact-staff img:hover
									{	padding:3px;
										box-shadow: inset 2px 2px 2px 2px black;
									}

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



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

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

	#contact-suburb					{	
										position:relative;
									}

	#contact-suburb ul				{}

	#contact-suburb li 				{}

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

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


	/* ========== (480) ========== */
	/*	Footer
	/* ========== (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
	/* ========== (480) ========== */

}



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

    h1
    {
        font-size : 4rem;
    }

	#li-contact-brands-out			{
										margin:10px auto;								
									}

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

	#li-contact-brands-out ul		{		
										margin: 15px 0 0 25px;
									}

	#li-contact-brands-out ul.brands-li-l01 > li			
									{}

	.brands-li-l01 li a 			{}

	ul .brands-li-l01 li 			{
										vertical-align: middle;
										margin:15px 0;
									}

	ul .brands-li-l02				{
										margin-left:0!important;
										padding-left:0!important;
									}


	ul .brands-li-l02 li			{
										display:block!important;
										list-style: none!important;
										margin-left:0!important;
									}

	.brands-li-l02 li a img			{
										display:inline-block;
										object-fit:scale-down;
										position:relative!important;
										object-position:50% 50%;
										max-height:3em;
										margin:0!important;
										padding:0!important;
										vertical-align:middle;
										width:100%!important;
									}



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



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

	#contact-data li#li-contact-staff-out
									{
										margin:10px auto;
										width:100%;					
									}


	#contact-staff ul > li 			{	background-color:0;
										display:inline-block;
										line-height:200%;
										text-align: center;
										vertical-align: top;
										width:calc((100% / 3) - 4px); /* Width - Margin-Left */
									}

	#contact-staff div 				{
										padding:10px;
									}

	#contact-staff img 				{
										width:100%;
									}
	#contact-staff img:hover
									{	padding:3px;
										box-shadow: inset 2px 2px 2px 2px black;
									}


	/* ========== (720) ========== */
	/* Products & Services
	/* ========== (720) ========== */


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



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



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



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



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



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


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

    .header-title-txt:nth-of-type(1)
    {

        top:3.5rem;
    }

    h1
    {
        font-size : 7rem;
    }

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

}


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

}

hr.style10 							{
										margin: 2px 15px;
									}