/* CSS Document */
/* White Now Colour Scheme

Header & Footer Yellow FFDF1C
Header & Footer Purple 4E2F91

Internal Yellow fce559
Internal Purple 634895
*/

@font-face
{
	font-family:gotham-mn;
	src:url("https://www.whitenow.com.au/ZZinc/fonts/gbr.otf");
}

html {
	font-size: 14px;
}

body {
	color: #000000;
	font-family:gotham-mn !important;
/*	font-family: source-sans-pro, Verdana, Geneva, sans-serif; */
margin: 0px;
	padding: 0px;
	width:100%
}

.container-fluid { background-image:url(/ZZimg/bkg.gif) !important; }
.cntr {  background-image:url(/ZZimg/bkg.gif) !important;  }

a {	color:#000000; text-decoration:none !important; }
a:hover { color:#000000; text-decoration:none !important; }
.bg_yellow		{ background-color:#ffdf1c; }
.bg_lightyellow	{ background-color:rgba(255,223,28,0.5); }
.bg_purple		{ background-color:#4e2f91; }
.bg_lightpurple	{ background-color:rgba(78,47,145,0.5); }
.bg_white		{ border-color: #919EAC; }

.bg_000000 {	background-color: #000000 !important;	}
.bg_0084ff {	background-color: #0084ff; }
.bg_059dc4 {	background-color: #059dc4;	}
.bg_4e2f91 {	background-color: #4e2f91;	}
.bg_62b134 {	background-color: #62b134;	}
.bg_634895 {	background-color: #634895;	}
.bg_8665cd {	background-color: #8665cd;	}
.bg_b1a4ca {	background-color: #b1a4ca !important;	}
.bg_e02020 {	background-color: #e02020;	}
.bg_fce559 {	background-color: #fce559;	}
.bg_fef753 {	background-color: #fef753;	}
.bg_ff8b00 {	background-color: #ff8b00;	}
.bg_ffe01c {	background-color: #ffe01c;	}
.bg_fffba9 {	background-color: #fffba9; }
.br_0006 {		border-radius: 0 0 0 6px;	}
.br_000000 {	border: 1px solid #000000;	}
.br_059dc4 {	border: 1px solid #059dc4;	}
.br2_4e2f91 {	border: 1px solid #ffffff; outline: 1px solid #4e2f91; }

.br_purple, .br_4e2f91 {	border: 1px solid #4e2f90;	}
.br_4e2f916006,
.br_6000 {		border-radius: 6px 0 0 0 !important;	}
.br_6006 {		border-radius: 6px 0 0 6px;	}
.br_4e2f91 {	border: 1px solid #4e2f91;	}
.br_62b134 {	border: 1px solid #62b134;	}
.br_e02020 {	border: 1px solid #e02020;	}
.br_e5de4b {	border: 1px solid #e5de4b; }
.br_f0f0f0 {	border: 1px solid #f0f0f0;	}
.br_ff8b00 {	border: 1px solid #ff8b00;	}
.br_ffe01cx10 {	border: 10px solid #ffe01c;	}
.br_ffffff {	border: 1px solid #ffffff;	}
.btn-p0 {
  padding: 0;
}
.b2p {			border: 2px solid; }
.c-000000 {		color: #000000 !important;	}
.c-4e2f91 {		color: #4e2f91 !important;	}
.c-aa0000 {		color: #aa0000 !important;	}
.c-fc9800 {		color: #fc9800;	}
.c-ffe01c {		color: #ffe01c;	}
.c_white,.c_white:hover, .c_white a,.c_white a:hover {	color: #ffffff;	}
.c_yellow		{ color:#ffdf1c; }
.curpos {		cursor: pointer; }
.fb_share_link	{ background: url("/ZZimg/fbicon.png") no-repeat top left; height: 16px; padding: 2px 0 0 20px; text-decoration: none; }
#fbmsghide	{	position:absolute;top:-15px;left:390px;color:#800000; font-size:2em; cursor: pointer; }
.float-left {	float:left;	}
.float-right {	float:right;	}
.fs070 {		font-size: 70%;	}
.fs080 {		font-size: 80%;	}
.fs110 {		font-size: 110%;	}
.fs120 {		font-size: 120%;	}
.fs150 {		font-size: 150%;	}
.h100pc {		height: 100%;	}
.h4px {			height: 4px;	}
.h10px {		padding-top:0;	height:10px; }
.h14px {		height: 14px;	}
.h80px {		height: 80px;	}
.imgbdr {		border: 1px #662d91 solid; padding: 2px; }
#j8_comments	{	min-height: 100px; }
.lh200 {		line-height:200%	}
.mar0 {			margin: 1px; }
.mar5 {			margin: 5px; }
.mar10 {		margin: 10px; }
.mar15 {		margin: 15px; }
.mauto {		margin: auto;	}
.mh320px {		min-height:320px;	}
.mw200px {		max-width: 200px;	}
.mb5 { 			margin-bottom: 5px; }
.mb10 { 		margin-bottom: 10px; }
.ml10 { 		margin-left: 10px; }
.ml10ri { 		margin-left: 10px; margin-right: auto; }
.mlir10 { 		margin-right: 10px; margin-left: auto; }
.mt0 { 			margin-top: 0; }
.mt10 { 		margin-top: 10px; }
.Mw200 {		max-width: 200px;	}
.mw80 {			min-width: 75px;	}
.Mw80pc {		max-width: 80%;	}
.no_under	{	text-decoration: none !important;	}
.padt10 {		padding-top: 10px;	}
.p15 {		padding: 15px;	}
.pad0 {			padding: 0;	}
.pad05 {		padding: 0 5px;	}
.pad5 {			padding: 5px; }
.pad0510 {		padding: 5px 10px;	}
.pad10 {		padding: 10px;	}
.pb10 { 		padding-bottom: 10px; }
.pos-8 {		position:relative; top:-8px; padding-top:0;	}
.pr15 { 		padding-right: 15px; }
.pr20 { 		padding-right: 20px; }
.row-eq-height {	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.sd {			text-align: center; width: 100%; }
.selldown {		cursor: pointer; font-size: 12px; padding: 10px; text-align: center; width: 75px; }
.selldown2 {	cursor: pointer; font-size: 12px; padding: 10px; text-align: center; width: 160px; }
.strng {		font-weight:bold;	}
.text-left {	text-align: left; }
.text-right {	text-align: right; }
.text-center {	text-align: center; }
.topleftsmall {	position:absolute; top:0; left: 0; font-size:60%; font-weight:100; }
.valb {			position:absolute; bottom: 0; width:100%; }
.valc {			vertical-align: middle; }
.vmid {			vertical-align: middle; }
.w60pc {		width: 60%;	}
.w75pc {		width: 75%;	}
.w80pc {		width: 80%;	}
.w100pc {		width: 100%; }
.wiz-ne {		position:relative;top:-35px; overflow: visible;	}
ul .wnul {		list-style-image:url("/ZZimg/ul.gif"); }
.z500 {			z-index:500; }
.z5000 {		z-index:5000; }

.jssor_1 { height:500px;margin:0 auto;overflow:hidden;position:relative;visibility:hidden;width:1600px; }
.jssor_1a { height:1200px;margin:0 auto;overflow:hidden;position:relative;visibility:hidden;width:1600px; }
.jssor_load { left:0px;position:absolute;top:0px; }
.jssor_loaddiv { display:block;filter:alpha(opacity=70);height:100%;left:0px;opacity:0.7;position:absolute;top:0px;width:100%; }
.jssor_loadlogo { background:url("/ZZimg/loading.gif") no-repeat center center;height:100%;display:block;left:0px;position:absolute;top:0px;width:100%; }
.jssor_slider { cursor:default;height:500px;left:0px;overflow:hidden;position:relative;top:0px;width:1600px; }

.slidertext { left:0px;position:absolute;text-align:center;width:1600px; }
.t467		{ top:467px; }
.t510		{ top:510px; }
.t620		{ top:620px; }
.slide_1	{ background-color:rgba(78,47,145,0.8); padding: 125px 0; }
.slide_t1	{ font-size:60px; }
.slide_t2	{ font-size:36px; }

#xs-menu { line-height:225% !important; font-size:75% !important; }
.wiz-nw {		float:right; padding-left: -40px; margin:30px 30px 0 0;	}
@media screen and (max-width: 1199px) {
    .wiz-nw {	padding-left: -30px; margin:30px 20px 0 0; height:240px; width:240px;  }
}
@media screen and (max-width: 991px) {
    .wiz-nw {	padding-left: -30px; margin:30px 0 0 0; height:210px; width:210px;  }
}
@media screen and (max-width: 767px) {
    .wiz-nw {	padding-left: -30px; margin:30px 20px 0 0; height:180px; width:180px;  }
}
@media screen and (max-width: 575px) {
    .wiz-nw {	margin:30px 20px 0 0; height:120px; width:120px;  }
}


/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap    */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media print { .nopr { display:none; } }







.btn-4e2f91 {
	border: 1px solid #ffffff;
	border-radius: 6px 0 0 6px;
	color:#ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-4e2f91:active, .btn-4e2f91.active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-4e2f91 {
	background-image: -webkit-linear-gradient(top, #4e2f91 0%, #8665cd 100%);
	background-image: -o-linear-gradient(top, #4e2f91 0%, #8665cd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4e2f91), to(#8665cd));
	background-image: linear-gradient(to bottom, #4e2f91 0%, #8665cd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e2f91', endColorstr='#ff8665cd', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
}
.btn-4e2f91:hover,
.btn-4e2f91:focus {
	background-color: #8665cd;
	background-position: 0 -15px;
	color:#ffffff;
}
.btn-4e2f91:active,
.btn-4e2f91.active {
	background-color: #8665cd;
	border-color: #29194d;
	color:#ffffff;
}
.btn2-4e2f91 {
	border: 1px solid #4e2f91;
	border-radius: 6px 0 0 6px;
}
.btn-e02020 {
	border: 1px solid #ffffff;
	border-radius: 6px 0 0 6px;
	color:#ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-e02020:active, .btn-e02020.active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-e02020 {
	background-image: -webkit-linear-gradient(top, #e02020 0%, #ec7979 100%);
	background-image: -o-linear-gradient(top, #e02020 0%, #ec7979 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e02020), to(#ec7979));
	background-image: linear-gradient(to bottom, #e02020 0%, #ec7979 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe02020', endColorstr='#ffec7979', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
}
.btn-e02020:hover,
.btn-e02020:focus {
	background-color: #ec7979;
	background-position: 0 -15px;
	color:#ffffff;
}
.btn-e02020:active,
.btn-e02020.active {
	background-color: #ec7979;
	border-color: #b31919;
	color:#ffffff;
}
.btn2-e02020 {
	border: 1px solid #e02020;
	border-radius: 6px 0 0 6px;
	padding: 0 0 2px 0;
}

/* CKEditor */
:root {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}
.ck-content .table {
    width: auto;
}

/* Bootstrap XS - Default */
.wnyt { width:397px; height:220px; }
.xs100rest640 { width:100%; }

/* Bootstrap SM */
@media (min-width:576px){
} 

/* Bootstrap MD */
@media (min-width:768px){
.wnyt { width:700px; height:387px; }
}

/* Bootstrap LG */
@media (min-width:992px){
.wnyt { width:935px; height:518px; }
}

/* Bootstrap XL */
@media (min-width:1200px){
.wnyt { width:1100px; height:609px; }
}

/* Bootstrap XXL */
@media (min-width:1400px){ 
.wnyt { width:1300px; height:720px; }
}