html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
	  
.row::after {content: ""; clear:both;display:table;}

html,body	{font-family:Segoe UI,Verdana,sans-serif}
html		{overflow-x:hidden}

.header 	{background-color: #525252;color: #ffffff; padding: 25px;}
.menu 		{float: left; padding: 15px;}
.main 		{float: left; padding: 15px;}
.rightside	{background-color: #33b5e5; padding: 15px; color: #ffffff; text-align: center; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.footer 	{background-color : #0099cc; color: #ffffff; text-align: center; font-size: 12px; padding: 15px;}

.hand		{cursor: hand;}
.pointer	{cursor: pointer;}
.no-click	{cursor: default; pointer-events: none;}
.help 		{cursor: help;}
.zoom-in 	{cursor: zoom-in;}
.zoom-out 	{cursor: zoom-out;}

.zauto	{z-index:auto}
.z0	{z-index: 0}
.z1	{z-index: 1}
.z2	{z-index: 2}
.z3	{z-index: 3}
.z4	{z-index: 4}
.z9999	{z-index:9999}

#backfill {
  padding: 25px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top; 
} 

/* normal css*/

html		{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body		{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section		{display:block}
summary				{display:list-item}
audio,canvas,progress,video	{display:inline-block}
progress			{vertical-align:baseline}
audio:not([controls])		{display:none;height:0}[hidden],template{display:none}
a				{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]		{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong		{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small			{font-size:80%}
sub,sup			{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub			{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp	{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}

button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}

fieldset	{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend		{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button		{height:auto}
[type=search]				{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button		{-webkit-appearance:button;font:inherit}

/* Responsive */
.col,.half,.third,.twothird,.threequarter,.quarter,.fifth	{float:left;width:100%}

.col.S0		{width:0%}
.col.S1		{width:8.33333%}
.col.S2		{width:16.66666%}
.col.S3		{width:24.99999%}
.col.S4		{width:33.33333%}
.col.S5		{width:41.66666%}
.col.S6		{width:49.99999%}
.col.S7		{width:58.33333%}
.col.S8		{width:66.66666%}
.col.S9		{width:74.99999%}
.col.S10	{width:83.33333%}
.col.S11	{width:91.66666%}
.col.S12	{width:99.99999%}

.col.Sfive	{width:4.999999%}
.col.Sten	{width:9.999999%}
.col.Stwenty	{width:19.99999%}
.col.Stwentyfive{width:24.99999%}
.col.Sthirty	{width:29.99999%}
.col.Sthirtyfive{width:34.99999%}
.col.Sforty	{width:39.99999%}
.col.Sfifty	{width:49.99999%}							

.r-txt.small	{font-size:large}
.r-margin-hor	{margin-left:0%!important; margin-right:0%!important}

/* Responsive Viewport Tailoring*/
@media (max-width:600px)
{
.hide,.hide-small,.hide-sml,.hide-sml-med	{display:none!important}
.hide-lge-dwn,.hide-xl-dwn,.hide-med-dwn	{display:none!important}
.view-med,.view-lge,.view-xl,.view-xxl		{display:none!important}

.half,.third,.twothird,.threequarter,.quarter,.fifth	{float:left;width:100%}
					
.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content	{position:relative}	
.mobile				{display:block;width:100%!important}
.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile	{text-align:center}
.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button	{width:100%}	

.margin-l10	{margin-left:10%!important}

.border-sml			{border:1px solid #525252}
.border-sml-t		{border-top:6px solid #ccc}
.border-sml-b		{border-bottom:6px solid #ccc}
.border-sml-l		{border-left:6px solid #ccc}
.border-sml-r		{border-right:6px solid #ccc} 

.r-tny		{font-size:11px!important}
.r-sml		{font-size:14px!important}
.r-med		{font-size:15px!important}
.r-lge		{font-size:17px!important}
.r-xl		{font-size:19px!important}
.r-xxl,.r-2xl	{font-size:21px!important}
.r-xxxl,.r-3xl	{font-size:32px!important}
.r-xxxxl,.r-4xl	{font-size:38px!important}
.r-xxxxxl,.r-5xl{font-size:55px!important}

.r-space	{letter-spacing:1px}
.r-space-med	{letter-spacing:2px}
.r-space-lge	{letter-spacing:4px}
.r-space-xl	{letter-spacing:6px}										
.r-space-xxl	{letter-spacing:8px}

.r-sticky 	{}
.r-sticky + .r-sticky-space {}

.test	{background-color:blue}

.modal-content	{margin:0 10px;width:auto!important}
.modal		{padding-top:20px}
.szoom		{transition: transform 0.3s;}
.szoom:hover {-ms-transform: scale(3.0); /* IE 9 */  -webkit-transform: scale(3.0); /* Safari 3-8 */  transform: scale(3.0); z-index:9999; }

.center-sml {background-position: center; }
}


@media (max-width:992px) and (min-width:601px)
{
.hide,.hide-medium,.hide-med,.hide-sml-med	{display:none!important}
.hide-med-up					{display:none!important}
.hide-med-dwn,.hide-lge-dwn,.hide-xl-dwn	{display:none!important}
.view-sml,.view-lge,.view-xl,.view-xxl		{display:none!important}

.col.Mfive	{width:4.999999%}
.col.Mten	{width:9.999999%}
.col.Mtwenty	{width:19.99999%}
.col.Mtwentyfive{width:24.99999%}
.col.Mthirty	{width:29.99999%}
.col.Mthirtyfive{width:34.99999%}
.col.Mforty	{width:39.99999%}
.col.Mfifty	{width:49.99999%}

.col.M0		{width:0%}
.col.M1		{width:8.33333%}
.col.M2		{width:16.66666%}
.col.M3		{width:24.99999%}
.col.M4		{width:33.33333%}
.col.M5		{width:41.66666%}
.col.M6		{width:49.99999%}
.col.M7		{width:58.33333%}
.col.M8		{width:66.66666%}
.col.M9		{width:74.99999%}
.col.M10	{width:83.33333%}
.col.M11	{width:91.66666%}
.col.M12	{width:99.99999%}

.fifth		{width:19.99999%}
.quarter	{width:24.99999%}
.third		{width:33.33333%}
.half		{width:49.99999%}
.twothird	{width:66.66666%}
.threequarter	{width:74.99999%}

.r-margin-hor	{margin-left:3%!important; margin-right:3%!important}
	
.r-tny		{font-size:10px!important}
.r-sml		{font-size:13px!important}
.r-med		{font-size:15px!important}
.r-lge		{font-size:18px!important}
.r-xl		{font-size:23px!important}
.r-xxl,.r-2xl	{font-size:28px!important}
.r-xxxl,.r-3xl	{font-size:36px!important}
.r-xxxxl,.r-4xl	{font-size:42px!important}
.r-xxxxxl,.r-5xl{font-size:55px!important}

.r-space	{letter-spacing:2px}
.r-space-med	{letter-spacing:4px}
.r-space-lge	{letter-spacing:6px}
.r-space-xl	{letter-spacing:9px}										
.r-space-xxl,.r-space-2xl{letter-spacing:12px}

.r-sticky 	{position: fixed;top: 0; width: 100%; z-index:9999}
.r-sticky + .r-sticky-space {padding-top: 180px;}

.r-margin-hor	{margin-left:3%!important; margin-right:3%!important}

.test	{background-color:red}
.hero-height	{height:31vw}
/*.modal	{padding-top:30px}*/
}

@media (max-width:768px)
{
.modal-content	{width:500px}
.modal		{padding-top:40px}
}

@media (max-width:992px)
{
.sidebar.collapse	{display:none}
.main			{margin-left:0!important;margin-right:0!important}
.auto			{max-width:100%}
}
				
@media (max-width:1204px) and (min-width:993px)
{	
.hide,.hide-large,.hide-lge		{display:none!important}
.hide-lge-up,.hide-med-up		{display:none!important}
.hide-lge-dwn,.hide-xl-dwn		{display:none!important}
.view-sml,.view-med,.view-xl,.view-xxl	{display:none!important}

.modal-content		{width:900px}
.modal			{padding-top:70px}
.sidebar.collapse	{display:block!important}

.col.Lfive	{width:4.999999%}
.col.Lten	{width:9.999999%}
.col.Ltwenty	{width:19.99999%}
.col.Ltwentyfive{width:24.99999%}
.col.Lthirty	{width:29.99999%}
.col.Lthirtyfive{width:34.99999%}
.col.Lforty	{width:39.99999%}
.col.Lfifty	{width:49.99999%}
.col.Leighty	{width:79.99999%}

.col.L1		{width:8.33333%}
.col.L2		{width:16.66666%}
.col.L3		{width:24.99999%}
.col.L4		{width:33.33333%}
.col.L5		{width:41.66666%}
.col.L6		{width:49.99999%}
.col.L7		{width:58.33333%}
.col.L8		{width:66.66666%}
.col.L9		{width:74.99999%}
.col.L10	{width:83.33333%}
.col.L11	{width:91.66666%}
.col.L12	{width:99.99999%}

.fifth		{width:19.99999%}
.quarter	{width:24.99999%}
.third		{width:33.33333%}
.half		{width:49.99999%}
.twothird	{width:66.66666%}
.threequarter	{width:74.99999%}

.r-tny			{font-size:10px!important}
.r-sml			{font-size:13px!important}
.r-med			{font-size:16px!important}
.r-lge			{font-size:20px!important}
.r-xl			{font-size:24px!important}
.r-xxl,.r-2xl		{font-size:30px!important}
.r-xxxl,.r-3xl		{font-size:40px!important}
.r-xxxxl,.r-4xl		{font-size:52px!important}
.r-xxxxxl,.r-5xl	{font-size:65px!important}

.r-space		{letter-spacing:4px}
.r-space-med		{letter-spacing:6px}
.r-space-lge		{letter-spacing:8px}
.r-space-xl		{letter-spacing:12px}										
.r-space-xxl,.r-space-2xl	{letter-spacing:16px}

.r-sticky 	{position: fixed;top: 0; width: 100%; z-index:9999}
.r-sticky + .r-sticky-space {padding-top: 150px;}

.r-margin-hor	{margin-left:3%!important; margin-right:3%!important}

.test		{background-color:green}
}

@media (max-width:1205px)
{
.auto			{max-width:95%}
}
@media (max-width:1748px) and (min-width:1205px)

{
.hide,.hide-xl				{display:none!important}
.hide-xl-up,.hide-lge-up,.hide-med-up	{display:none!important}
.view-sml,.view-med,.view-lge,.view-xxl	{display:none!important}
	
.modal-content		{width:900px}
.modal			{padding-top:70px}
	
.auto		{max-width:95%}

.col.XLfive		{width:4.999999%}
.col.XLten		{width:9.999999%}
.col.XLtwenty		{width:19.99999%}
.col.XLtwentyfive	{width:24.99999%}
.col.XLthirty		{width:29.99999%}
.col.XLthirtyfive	{width:34.99999%}
.col.XLforty		{width:39.99999%}
.col.XLfifty		{width:49.99999%}
.col.XLeighty		{width:79.99999%}

.col.XL1	{width:8.33333%}
.col.XL2	{width:16.66666%}
.col.XL3	{width:24.99999%}
.col.XL4	{width:33.33333%}
.col.XL5	{width:41.66666%}
.col.XL6	{width:49.99999%}
.col.XL7	{width:58.33333%}
.col.XL8	{width:66.66666%}
.col.XL9	{width:74.99999%}
.col.XL10	{width:83.33333%}
.col.XL11	{width:91.66666%}
.col.XL12	{width:99.99999%}

.fifth		{width:19.99999%}
.quarter	{width:24.99999%}
.third		{width:33.33333%}
.half		{width:49.99999%}
.twothird	{width:66.66666%}
.threequarter	{width:74.99999%}

.r-tny		{font-size:11px!important}
.r-sml		{font-size:13px!important}
.r-med		{font-size:17px!important}
.r-lge		{font-size:21px!important}
.r-xl		{font-size:26px!important}
.r-xxl,.r-2xl	{font-size:32px!important}
.r-xxxl,.r-3xl	{font-size:46px!important}
.r-xxxxl,.r-4xl	{font-size:66px!important}
.r-xxxxxl,.r-5xl{font-size:80px!important}

.r-space	{letter-spacing:4px}
.r-space-med	{letter-spacing:6px}
.r-space-lge	{letter-spacing:8px}
.r-space-xl	{letter-spacing:12px}										
.r-space-xxl,.r-space-2xl	{letter-spacing:16px}

.r-sticky 	{position: fixed;top: 0; width: 100%; z-index:9999}
.r-sticky + .r-sticky-space {padding-top: 160px;}

.test		{background-color:orange}
}

@media (min-width:1749px)
{
.hide,.hide-xxl							{display:none!important}
.hide-xl-up,.hide-lge-up,.hide-med-up	{display:none!important}
.view-sml,.view-med,.view-lge,.view-xl	{display:none!important}
	
.modal-content		{width:900px}
.modal			{padding-top:70px}
	
.col.XXLfive		{width:4.999999%}
.col.XXLten		{width:9.999999%}
.col.XXLtwenty		{width:19.99999%}
.col.XXLtwentyfive	{width:24.99999%}
.col.XXLthirty		{width:29.99999%}
.col.XXLthirtyfive	{width:34.99999%}
.col.XXLforty		{width:39.99999%}
.col.XXLfifty		{width:49.99999%}
.col.XXLeighty		{width:79.99999%}

.col.XXL1	{width:8.33333%}
.col.XXL2	{width:16.66666%}
.col.XXL3	{width:24.99999%}
.col.XXL4	{width:33.33333%}
.col.XXL5	{width:41.66666%}
.col.XXL6	{width:49.99999%}
.col.XXL7	{width:58.33333%}
.col.XXL8	{width:66.66666%}
.col.XXL9	{width:74.99999%}
.col.XXL10	{width:83.33333%}
.col.XXL11	{width:91.66666%}
.col.XXL12	{width:99.99999%}

.fifth		{width:19.99999%}
.quarter	{width:24.99999%}
.third		{width:33.33333%}
.half		{width:49.99999%}
.twothird	{width:66.66666%}
.threequarter	{width:74.99999%}

.modal	{padding-top:100px}

.r-tny		{font-size:12px!important}
.r-sml		{font-size:14px!important}
.r-med		{font-size:18px!important}
.r-lge		{font-size:22px!important}
.r-xl		{font-size:28px!important}
.r-xxl,.r-2xl	{font-size:36px!important}
.r-xxxl,.r-3xl	{font-size:52px!important}
.r-xxxxl,.r-4xl	{font-size:76px!important}
.r-xxxxxl,.r-5xl{font-size:100px!important}

.r-space		{letter-spacing:6px}
.r-space-med	{letter-spacing:8px}
.r-space-lge	{letter-spacing:10px}
.r-space-xl		{letter-spacing:14px}										
.r-space-xxl,.r-space-2xl	{letter-spacing:18px}

.r-sticky 	{position: fixed;top: 0; width: 100%; z-index:9999}
.r-sticky + .r-sticky-space {padding-top: 160px;}

.r-margin-hor	{margin-left:4%!important; margin-right:4%!important}	

.test		{background-color:yellow}
}

/* Colour - Borders */
.border-amber,.hover-border-amber:hover				{border-color:#ffc107!important}
.border-aqua,.hover-border-aqua:hover				{border-color:#00ffff!important}
.border-blue,.hover-border-blue:hover				{border-color:#23A5FB!important}
.border-lite-blue,.hover-border-lite-blue:hover	{border-color:#87CEEB!important}
.border-pale-blue,.hover-border-pale-blue:hover		{border-color:#e7ffff!important}					
.border-mid-blue,.hover-border-mid-blue:hover		{border-color:#22A5FB!important}
.border-brown,.hover-border-brown:hover				{border-color:#795548!important}
.border-cyan,.hover-border-cyan:hover				{border-color:#00bcd4!important}

.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover		{border-color:#607d8b!important}
.border-pale-green,.hover-border-pale-green:hover	{border-color:#e7ffe7!important}
.border-green,.hover-border-green:hover				{border-color:#008000!important}
.border-lite-green,.hover-border-lite-green:hover	{border-color:#4CAF50!important}
.border-indigo,.hover-border-indigo:hover			{border-color:#3f51b5!important}
.border-khaki,.hover-border-khaki:hover				{border-color:#f0e68c!important}
.border-lime,.hover-border-lime:hover				{border-color:#cddc39!important}
.border-orange,.hover-border-orange:hover			{border-color:#ff9800!important}
.border-deep-orange,.hover-border-deep-orange:hover	{border-color:#ff5722!important}
.border-pink,.hover-border-pink:hover				{border-color:#e91e63!important}
.border-purple,.hover-border-purple:hover			{border-color:#9c27b0!important}
.border-deep-purple,.hover-border-deep-purple:hover	{border-color:#673ab7!important}
.border-pale-red,.hover-border-pale-red:hover		{border-color:#ffe7e7!important}
.border-red,.hover-border-red:hover					{border-color:#E3181B!important}
.border-deep-red,.hover-border-deep-red:hover		{border-color:#C10B38!important}
.border-plumb,.hover-border-plumb:hover				{border-color:#974361!important}
.border-deep-red,.hover-border-deep-red:hover		{border-color:#C10B38!important}
.border-sand,.hover-border-sand:hover				{border-color:#fdf5e6!important}
.border-teal,.hover-border-teal:hover				{border-color:#009688!important}
.border-pale-yellow,.hover-border-pale-yellow:hover	{border-color:#ffffcc!important}
.border-yellow,.hover-border-yellow:hover			{border-color:#ffeb3b!important}
.border-white,.hover-border-white:hover				{border-color:#fff!important}
.border-black,.hover-border-black:hover				{border-color:#000!important}
					
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover						{border-color:#a7a7a7!important}
.border-silver,.hover-border-silver:hover,.border-silver,.hover-border-silver:hover				{border-color:#FBFBFB!important}
.border-dark-silver,.hover-border-dark-silver:hover,.border-dark-silver,.hover-border-dark-silver:hover	{border-color:#F7F7F7!important}
.border-mid-grey,.hover-border-mid-grey:hover,.border-mid-gray,.hover-border-mid-gray:hover		{border-color:#525252!important}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover	{border-color:#343434!important}
.border-dark-blue,.hover-border-dark-blue:hover {border-color:#1C5D8E!important}
.border-lite-grey	{border-color:#e9ecef!important}

/* Colour - Hover and Backgrounds*/
.amber.button:hover						{color:#000!important;background-color:#ccc!important}
.transparent,.hover-none:hover			{background-color:transparent!important}
.hover-none:hover						{box-shadow:none!important}
.hover-amber:hover						{color:#000!important;background-color:#ffc107!important}
.aqua,.hover-aqua:hover					{color:#000!important;background-color:#00ffff!important}
.blue,.hover-blue:hover					{color:#fff!important;background-color:#23A5FB!important}
.lite-blue,.hover-lite-blue:hover		{color:#000!important;background-color:#87CEEB!important}
.mid-blue,.hover-mid-blue:hover			{color:#000!important;background-color:#22A5FB!important}
.dark-blue,.hover-dark-blue:hover		{color:#000!important;background-color:#1C5D8E!important}
.brown,.hover-brown:hover				{color:#fff!important;background-color:#795548!important}
.cyan,.hover-cyan:hover					{color:#000!important;background-color:#00bcd4!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover		{color:#fff!important;background-color:#607d8b!important}
.dblue-grey,.hover-dblue-grey:hover,.dblue-gray,.hover-dblue-gray:hover	{color:#fff!important;background-color:#57687e!important}
.green,.hover-green:hover				{color:#fff!important;background-color:#008000!important}
.lite-green,.hover-lite-green:hover		{color:#000!important;background-color:#4CAF50!important}
.lite-green2,.hover-lite-green2:hover	{color:#000!important;background-color:#ccff99!important}
.indigo,.hover-indigo:hover				{color:#fff!important;background-color:#3f51b5!important}
.khaki,.hover-khaki:hover				{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover					{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover				{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover	{color:#fff!important;background-color:#ff5722!important}
.pink,.hover-pink:hover					{color:#fff!important;background-color:#e91e63!important}
.purple,.hover-purple:hover				{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover	{color:#fff!important;background-color:#673ab7!important}
.red,.hover-red:hover					{color:#fff!important;background-color:#E3181B!important}
.plumb,.hover-plumb:hover				{color:#fff!important;background-color:#974361!important}
.deep-red,.hover-deep-red:hover			{color:#fff!important;background-color:#C10B38!important}
.sand,.hover-sand:hover					{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover					{color:#fff!important;background-color:#009688!important}
.yellow,.hover-yellow:hover				{color:#000!important;background-color:#FFFF66!important}
		
.white,.hover-white:hover				{color:#000!important;background-color:#fff!important}
.black,.hover-black:hover				{color:#fff!important;background-color:#000!important}
.silver,.hover-silver:hover,.silver,.hover-silver:hover					{color:#000!important;background-color: #FBFBFB!important}
.dark-silver,.hover-dark-silver:hover,.dark-silver,.hover-dark-silver:hover	{color:#000!important;background-color:#F5F5F5!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover							{color:#000!important;background-color:#C9C9C9!important}
.mid-grey,.hover-mid-grey:hover,.mid-gray,.hover-mid-gray:hover			{color:#fff!important;background-color:#525252!important}
.blue-black,.hover-blue-black:hover						{color:#fff!important;background-color:#232F3E!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover		{color:#fff!important;background-color:#343434!important}

.pale-red,.hover-pale-red:hover			{color:#000!important;background-color:#ffdddd!important}
.pale-green,.hover-pale-green:hover		{color:#000!important;background-color:#ddffdd!important}
.pale-yellow,.hover-pale-yellow:hover	{color:#000!important;background-color:#ffffcc!important}
.pale-blue,.hover-pale-blue:hover		{color:#000!important;background-color:#ddffff!important}
	
.hl-red {background-color:#af060b;}

/* Colour - Text */
.text-amber,.hover-text-amber:hover				{color:#ffc107!important}
.text-aqua,.hover-text-aqua:hover				{color:#00ffff!important}
.text-lite-blue,.hover-text-lite-blue:hover		{color:#87CEEB!important}
.text-blue,.hover-text-blue:hover				{color:#048CE5!important}
.text-mid-blue,.hover-text-mid-blue:hover		{color:#22A5FB!important}
.text-dark-blue,.hover-text-dark-blue:hover		{color:#1C5D8E!important}
.text-brown,.hover-text-brown:hover				{color:#795548!important}
.text-cyan,.hover-text-cyan:hover				{color:#00bcd4!important}
.text-blue-grey,.hover-text-blue-grey:hover,.text-blue-gray,.hover-text-blue-gray:hover		{color:#607d8b!important}
.text-dblue-grey,.hover-text-dblue-grey:hover,.text-dblue-gray,.hover-text-dblue-gray:hover		{color:#57687e!important}
.text-green,.hover-text-green:hover				{color:#008000!important}
.text-lite-green,.hover-text-lite-green:hover	{color:#4CAF50!important}
.text-indigo,.hover-text-indigo:hover			{color:#3f51b5!important}
.text-khaki,.hover-text-khaki:hover				{color:#b4aa50!important}
.text-lime,.hover-text-lime:hover				{color:#cddc39!important}
.text-orange,.hover-text-orange:hover			{color:#ff9800!important}
.text-orange2,.hover-text-deep-orange:hover		{color:#ff5722!important}
.text-orange3,.hover-text-dark-orange:hover		{color:#E59400!important}
.text-pink,.hover-text-pink:hover				{color:#e91e63!important}
.text-purple,.hover-text-purple:hover			{color:#9c27b0!important}
.text-peach,.hover-text-peach:hover				{color:rgb(241, 232, 219);}
.text-deep-purple,.hover-text-deep-purple:hover	{color:#673ab7!important}
.text-red,.hover-text-red:hover					{color:#E3181B!important}
.text-plumb,.hover-text-plumb:hover				{color:#974361!important}
.text-deep-red,.hover-text-deep-red:hover		{color:#C10B38!important} 
.text-dark-red,.hover-text-dark-red:hover		{color:#950B0B!important} 
.text-sand,.hover-text-sand:hover				{color:#fdf5e6!important}
.text-teal,.hover-text-teal:hover				{color:#009688!important}
.text-yellow,.hover-text-yellow:hover			{color:#ffff00 !important}
		
.text-white,.hover-text-white:hover				{color:#fff!important}
.text-black,.hover-text-black:hover				{color:#000!important}
.text-silver,.hover-text-silver:hover,.text-silver,.hover-text-silver:hover					{color: #FBFBFB!important}
.text-dark-silver,.hover-text-dark-silver:hover,.text-dark-silver,.hover-text-dark-silver:hover	{color:#eaeaea!important}
.text-lite-grey,.hover-text-lite-grey:hover,.text-lite-gray,.hover-text-lite-gray:hover		{color:#cccccc!important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover							{color:#777777!important}
.text-mid-grey,.hover-text-mid-grey:hover,.text-mid-gray,.hover-text-mid-gray:hover			{color:#414141!important}
.text-blue-black,.hover-text-blue-black:hover												{color:#232F3E!important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover		{color:#343434!important}
.hover-text-black:hover {color:black!important}

.text-hl-blue {color:#0078D7;}

/* Decoration */
.border-thin{border-width: 1px;}
.border-dashed 	{border:2px; border-style: dashed;}
.border-c	{border-collapse: collapse}
.border-0	{border:0!important}

.border		{border:1px solid #525252}
.border-med	{border:2px solid #525252}
.border-t	{border-top:1px solid #343434}
.border-t-2px	{border-top:2px solid #898989}
.border-tb-white	{border-top:1px solid #ffffff; border-bottom:1px solid #ffffff}
.border-b	{border-bottom:1px solid #acacac}
.border-b-2px	{border-bottom:2px solid #898989}
.border-l	{border-left:1px solid #343434}
.border-r	{border-right:1px solid #343434}
.border-ltr	{border-left:1px solid #343434;border-top:1px solid #343434;border-right:1px solid #343434}

.badge,.round,.circle	{border-radius:50%}
.badge,.tag		{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.round-tny		{border-radius:2px}
.round-sml		{border-radius:4px}
.round-t-sml	{border-top-left-radius:4px; border-top-right-radius:4px;}
.round-bl-sml	{border-bottom-left-radius: 4px; }
.round-br-sml	{border-bottom-right-radius: 4px; }
.round-med		{border-radius:8px}
.round-lge		{border-radius:16px}
.round-t-lge	{border-top-left-radius:16px; border-top-right-radius:16px;}
.round-bl-lge	{border-bottom-left-radius:16px;}
.round-br-lge	{border-bottom-right-radius:16px;}
	
.btn,.w3-button{display:inline-block;padding:4px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.btn:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
		
.code,.codespan	{font-family:Consolas,"courier new";font-size:16px}
.code		{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.codespan	{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}

.card,.card-2			{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-4,.hover-shadow:hover	{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.shadow				{box-shadow: 5px 5px 4px grey;}
.shadow-b			{box-shadow: 0px 5px 4px grey;}

.hidden		{visibility:hidden}
.visible	{visibility:visible}

.opacity,.hover-opacity:hover		{opacity:0.60}
.opacity-off,.hover-opacity-off:hover	{opacity:1}
.opacity-max				{opacity:0.30}
.opacity-med,.hover-opacity-med:hover	{opacity:0.75}
.opacity-min,.hover-opacity-min:hover	{opacity:0.90}
.greyscale-max,.grayscale-max,.hover-grayscale-off:hover,.hover-greyscale-off:hover {filter:grayscale(0%)}
.hover-greyscale:hover,.hover-grayscale:hover	{filter:grayscale(100%)}
.greyscale,.grayscale			{filter:grayscale(75%)}
.greyscale-min,.grayscale-min		{filter:grayscale(50%)}
.sepia					{filter:sepia(75%)}
.sepia-max,.hover-sepia:hover		{filter:sepia(100%)}
.sepia-min				{filter:sepia(50%)}

.line		{height:1px}
.line-white	{height:2px; width:95%}
hr		{border:0;border-top:1px solid #D6D6D6; margin:15px 0}
.line-h25px	{line-height: 25px}
.line-h80px	{line-height: 80px}
.line-h-30px	{line-height: 30px;}
.line-h-40px	{line-height: 40px;}

.ul			{list-style-type:none;padding:0;margin:0}
.ul li		{padding:8px 16px;border-bottom:1px solid #ddd}
.ul li:last-child	{border-bottom:none}
	
/* Effects */
.modal		{z-index:3; display:none; position:fixed; left:0; top:0; padding-top:100px; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4)}
.modal-content	{margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:90%; max-width:500px;}

.fade-in-out	{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.spin		{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-input	{transition:width 0.4s ease-in-out}
.animate-input:focus{width:100%!important}
.enter-top	{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.enter-left	{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.enter-right	{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.enter-bottom	{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.enter-opacity	{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.enter-zoom 	{animation:animatezoom 1.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.opacity,.hover-opacity:hover			{opacity:0.60}
.opacity-off,.hover-opacity-off:hover	{opacity:1}
.opacity-max							{opacity:0.30}
.opacity-min,.hover-opacity-min:hover	{opacity:0.90}
.greyscale-max,.grayscale-max,.hover-grayscale-off:hover,.hover-greyscale-off:hover {filter:grayscale(0%)}
.hover-greyscale:hover,.hover-grayscale:hover	{filter:grayscale(100%)}
.greyscale,.grayscale							{filter:grayscale(75%)}
.greyscale-min,.grayscale-min					{filter:grayscale(50%)}
.sepia											{filter:sepia(75%)}
.sepia-max,.hover-sepia:hover					{filter:sepia(100%)}
.sepia-min										{filter:sepia(50%)}

/* Images */

/* to overlay an image:
	<div class="overlay-container">
	<img src="" alt="" class="overlay-image">
		<div class="overlay">
		<img src="" alt="" class="new-image">
		</div>
	</div>
*/
.overlay-container 	{position: relative;}
.overlay-image,.new-image	{display: block;}
.overlay 			{position: absolute;top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;	}
.overlay-container:hover .overlay { opacity: 1;}


.display-container:hover .display-hover		{display:block}
.display-container:hover span.display-hover	{display:inline-block}
.display-hover		{display:none}
.display-position	{position:absolute}

.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.display-tl	{position:absolute;left:0;top:0}
.display-tc	{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-tr	{position:absolute;right:0;top:0}
.display-bl	{position:absolute;left:0;bottom:0}
.display-bc	{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-br	{position:absolute;right:0;bottom:0}
.display-c	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-l	{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-r	{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.thumb		{border: 1px solid #ddd; border-radius: 4px; padding: 5px; width: 150px;}
.image			{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.image-flex,.flex	{width:100%;height:auto}
.rotate-90		{transform: rotate(90deg)}
.rotate-180		{transform: rotate(180deg)}
.rotate-270		{transform: rotate(270deg)}

.txt-over-container 	{position: relative; max-width: 800px; margin: 0 auto;}
.txt-over-container .txt-over 	{position: absolute; bottom: 0; color: #f1f1f1;  width: 100%; padding: 10px; text-align: center; }

.zoom-sml 	{transition: transform 0.3s;}
.zoom-sml:hover {-ms-transform: scale(1.2); /* IE 9 */  -webkit-transform: scale(1.2); /* Safari 3-8 */  transform: scale(1.2);}
.zoom-med	 {transition: transform 0.3s;}
.zoom-med:hover {-ms-transform: scale(1.5); /* IE 9 */  -webkit-transform: scale(1.5); /* Safari 3-8 */  transform: scale(1.5); z-index:9999; }
.zoom-lge	 {transition: transform 0.3s;}
.zoom-lge:hover {-ms-transform: scale(2.0); /* IE 9 */  -webkit-transform: scale(2.0); /* Safari 3-8 */  transform: scale(2.0); z-index:9999; }

/* Image - CSS Slideshow */		
		.slide {position: absolute; animation: round 21s infinite; opacity: 0;}
		.slide > div {width: 100%; height: 100%; background-size: cover; position: absolute; animation: slide 25s infinite; opacity: 0;}
				
	@keyframes round {25% {opacity: 1;} 45% {opacity: 0;}}
		img:nth-child(1) {animation-delay: 0s;}
		img:nth-child(2) {animation-delay: 7s;}
		img:nth-child(3) {animation-delay: 14s;}
		img:nth-child(4) {animation-delay: 21s;}
	
/* Position */
.absolute	{position:absolute}
.hcontainer  {margin-left:auto; margin-right:auto;}
.vcontainer	{position: relative;} /* requires a hight entry, contains vcenter or center-all*/	
.vcenter 	{margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.hvcontainer{margin: 0;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.center-all {margin: 0;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

IMG.centered {display: block; margin-left: auto; margin-right: auto } /*<IMG class="displayed" src="..." alt="..."> */
.center 	{text-align:center}
.fixed-b 	{position: fixed; bottom: 0;}
.fixed-t 	{position: fixed; top: 0;}
.fixed-bl 	{position: fixed; bottom: 0; left: 0;}
.fixed-br 	{position: fixed; bottom: 0; right: 0;}
.fixed-tl 	{position: fixed; top: 0; left: 0;}
.fixed-tr 	{position: fixed; top: 0; right: 0;}
.relative	{position: relative;}
.relative-t	{position: relative; top: 30px;}
.relative-b	{position: relative; bottom: 30px;}
.wrap 		{width: 980px; margin: 0 auto;}
	
.left	{float:left!important}
.right	{float:right!important}
.top	{vertical-align: top}
.bottom	{vertical-align: bottom}

.sticky 	{position: fixed;top: 0; width: 100%; z-index:9999}
.sticky + .sticky-space {padding-top: 50px;}
/* for sticky add java to page:

<script>
	window.onscroll = function() {myFunction()};
	
	var header = document.getElementById("myHeader");
	var sticky = header.offsetTop;
	
	function myFunction() 
	{
	  if (window.pageYOffset > sticky) {
	    header.classList.add("sticky");} 
	    else {header.classList.remove("sticky");}
	}
</script>
*/

/* Sizing - Height */
.column 	{float: left; width: 50%;}

.hauto	{height:auto}
.h100 	{height:100%}
.h95 	{height:95%}
.h90 	{height:90%}
.h80 	{height:80%}
.h70 	{height:70%}
.h60 	{height:60%}
.h50 	{height:50%}
.h40 	{height:40%}
.h30 	{height:30%}
.h25 	{height:25%}
.h20 	{height:20%}
.h15 	{height:15%}
.h10 	{height:10%}
.h5 	{height:5%}

.mh40	{max-height:40%}
.mh80	{max-height:80%}
.mh90	{max-height:90%}
.mh100	{max-height:100%}
.mh120	{max-height:100%}

.h0px	{height:0px}
.h2px	{height:2px}
.h5px	{height:5px}
.h10px	{height:10px}
.h15px	{height:15px}
.h20px	{height:20px}
.h25px	{height:25px}
.h30px	{height:30px}
.h35px	{height:35px}
.h40px	{height:40px}
.h50px	{height:50px}
.h60px	{height:60px}
.h70px	{height:70px}
.h80px	{height:80px}
.h90px	{height:90px}
.h100px	{height:100px}
.h110px	{height:110px}
.h120px	{height:120px}
.h130px	{height:130px}
.h140px	{height:140px}
.h150px	{height:150px}
.h160px	{height:160px}
.h170px	{height:170px}
.h175px	{height:175px}
.h180px	{height:180px}
.h190px	{height:190px}
.h200px	{height:200px}
.h210px	{height:210px}
.h220px	{height:220px}
.h230px	{height:230px}
.h240px	{height:240px}
.h250px	{height:250px}
.h275px	{height:275px}
.h300px	{height:300px}
.h320px	{height:320px}
.h350px	{height:350px}
.h400px	{height:400px}
.h500px	{height:500px}

.minh150px {height:150px}

.mh30px		{max-height:30px}
.mh50px		{max-height:50px}
.mh70px		{max-height:70px}
.mh80px		{max-height:80px}
.mh100px	{max-height:100px}
.mh120px	{max-height:120px}
.mh150px	{max-height:150px}
.mh190px	{max-height:190px}
.mh200px	{max-height:200px}
.mh225px	{max-height:225px}
.mh250px	{max-height:250px}

/* Sizing - Width */

.wauto	{width:auto}
.w100 	{width:100%}
.w99	{width:99%}
.w95 	{width:95%}
.w90 	{width:90%}
.w80 	{width:80%}
.w70 	{width:70%}
.w60 	{width:60%}
.w55	{width:55%}
.w50 	{width:50%}
.w45	{width:45%}
.w40 	{width:40%}
.w35	{width:35%}
.w30 	{width:30%}
.w25 	{width:25%}
.w20 	{width:20%}
.w15 	{width:15%}
.w10 	{width:10%}
.w5 	{width:5%}
.w1		{width:1%}

.w0px	{width:0px}
.w5px	{width:5px}
.w10px	{width:10px}
.w15px	{width:15px}
.w20px	{width:20px}
.w25px	{width:25px}
.w30px	{width:30px}
.w35px	{width:35px}
.w40px	{width:40px}
.w50px	{width:50px}
.w56px	{width:56px}
.w60px	{width:60px}
.w70px	{width:70px}
.w75px	{width:75px}
.w80px	{width:80px}
.w90px	{width:90px}
.w100px	{width:100px}
.w110px	{width:110px}
.w120px	{width:120px}
.w130px	{width:130px}
.w140px	{width:140px}
.w150px	{width:150px}
.w160px	{width:160px}
.w170px	{width:170px}
.w175px	{width:175px}
.w180px	{width:180px}
.w190px	{width:190px}
.w200px	{width:200px}
.w225px	{width:225px}
.w240px	{width:240px}
.w250px	{width:250px}
.w260px	{width:260px}
.w300px	{width:300px}
.w320px	{width:320px}
.w350px	{width:350px}
.w375px	{width:375px}
.w400px	{width:400px}
.w425px	{width:425px}
.w450px	{width:450px}
.w475px	{width:475px}
.w500px	{width:500px}
.w600px	{width:600px}
.w600px	{width:700px}
.w900px	{width:900px}
.w1280px{width:1280px}

.mw30px		{max-width:30px}
.mw100px	{max-width:100px}
.mw150px	{max-width:150px}
.mw170px	{max-width:170px}
.mw200px	{max-width:200px}
.mw225px	{max-width:225px}
.mw250px	{max-width:250px}
.mw275px	{max-width:275px}
.mw300px	{max-width:300px}
.mw400px	{max-width:400px}
.mw500px	{max-width:500px}
.mw600px	{max-width:600px}
.mw700px	{max-width:700px}
.mw800px	{max-width:800px}
.mw900px	{max-width:900px}
.mw1000px	{max-width:1000px}
.mw1100px	{max-width:1100px}
.mw1280px	{max-width:1280px}

.mw100		{max-width:100%}

/* Spacing */	
.bar-t		{border-top:6px solid #ccc}
.bar-b		{border-bottom:6px solid #ccc}
.bar-l		{border-left:6px solid #ccc}
.bar-r		{border-right:6px solid #ccc}
.section,.code	{margin-top:16px!important;margin-bottom:16px!important}

.margin-auto{margin:auto}
.margin-none{margin:0 0 0 0}
.margin-0	{margin:0px!important}
.margin-tny	{margin:4px!important}
.margin-sml	{margin:8px!important}
.margin-med	{margin:16px!important}
.margin-lge	{margin:24px!important}

.margin-tb-auto	{margin-top: auto; margin-bottom:auto;}
.margin-tb-0	{margin-top:0px!important;margin-bottom:0px!important}
.margin-tb-tny	{margin-top:3px!important;margin-bottom:3px!important}
.margin-tb-sml	{margin-top:8px!important;margin-bottom:8px!important}
.margin-tb-med	{margin-top:16px!important;margin-bottom:16px!important}
.margin-tb-lge	{margin-top:24px!important;margin-bottom:24px!important}

.margin-lr-auto	{margin-left:auto;margin-right:auto;display:block;}
.margin-lr-0	{margin-left:0px!important;margin-right:0px!important}
.margin-lr-tny	{margin-left:4px!important;margin-right:4px!important}
.margin-lr-sml	{margin-left:8px!important;margin-right:8px!important}
.margin-lr-med	{margin-left:16px!important;margin-right:16px!important}
.margin-lr-lge	{margin-left:24px!important;margin-right:24px!important}
.margin-lr-l	{margin-left:5%!important; margin-right:5%!important}
.margin-lr-xl	{margin-left:10%!important; margin-right:10%!important}	

.margin-t-0		{margin-top:0px!important}
.margin-t-tny	{margin-top:3px!important}
.margin-t-sml	{margin-top:8px!important;margin-bottom:0px!important}
.margin-t-med	{margin-top:16px!important;margin-bottom:0px!important}
.margin-t-lge	{margin-top:24px!important;margin-bottom:0px!important}
.margin-t-xl	{margin-top:50px!important;margin-bottom:0px!important}

.margin-b-0		{margin-bottom:0px!important}
.margin-b-tny	{margin-bottom:4px!important}
.margin-b-sml	{margin-bottom:8px!important}
.margin-b-med	{margin-bottom:16px!important}
.margin-b-lge	{margin-bottom:24px!important}
.margin-b-xl	{margin-bottom:50px!important}

.margin-l-0		{margin-left:0px!important}
.margin-l-tny	{margin-left:4px!important}
.margin-l-sml	{margin-left:8px!important}
.margin-l-med	{margin-left:16px!important}
.margin-l-lge	{margin-left:24px!important}
.margin-l-xl	{margin-left:50px!important}

.margin-l10		{margin-left:10%!important}
.margin-l20		{margin-left:20%!important}

.margin-r-0		{margin-right:0px!important}
.margin-r-tny	{margin-right:4px!important}
.margin-r-sml	{margin-right:8px!important}
.margin-r-med	{margin-right:16px!important}
.margin-r-lge	{margin-right:24px!important}
.margin-r-xl	{margin-right:36px!important}

.margin-r20		{margin-right:10%!important}
.margin-r20		{margin-right:20%!important}

.pad-none	{padding:0 0 0 0}
.pad-0		{padding:0px!important}
	
.pad		{padding:8px!important}
.pad-tny	{padding:2px!important}
.pad-sml	{padding:4px!important}
.pad-med	{padding:8px!important}
.pad-lge	{padding:12px!important}

.pad-8		{padding-top:8px!important;padding-bottom:8px!important}
.pad-16		{padding-top:16px!important;padding-bottom:16px!important}
.pad-24		{padding-top:24px!important;padding-bottom:24px!important}
.pad-32		{padding-top:32px!important;padding-bottom:32px!important}
.pad-48		{padding-top:48px!important;padding-bottom:48px!important}
.pad-64		{padding-top:64px!important;padding-bottom:64px!important}

.pad-tb-0	{padding-top:0px;padding-bottom:0px}
.pad-tb-tny	{padding-top:2px;padding-bottom:2px}
.pad-tb-sml	{padding-top:4px;padding-bottom:4px}
.pad-tb-med	{padding-top:8px;padding-bottom:8px}
.pad-tb-lge	{padding-top:12px;padding-bottom:12px}
.pad-tb-xl	{padding-top:24px;padding-bottom:24px}

.pad-lr-0	{padding-left:0px; padding-right:0px}
.pad-lr-med	{padding-left:8px; padding-right:8px}
.pad-lr-lge	{padding-left:16px; padding-right:16px}
.pad-lr-xl	{padding-left:24px; padding-right:24px}
.pad-lr-auto	{padding-left:auto; padding-right:auto}

.pad-t-tny	{padding-top:4px}
.pad-t-sml	{padding-top:8px}
.pad-t-med	{padding-top:16px}
.pad-t-lge	{padding-top:24px}
.pad-t-xl	{padding-top:50px}

.pad-b-tny	{padding-bottom:4px}
.pad-b-sml	{padding-bottom:8px}
.pad-b-med	{padding-bottom:16px}
.pad-b-lge	{padding-bottom:24px}
					
.pad-l-tny	{padding-left:4px}
.pad-l-sml	{padding-left:8px}
.pad-l-med	{padding-left:16px}
.pad-l-lge	{padding-left:24px}
.pad-l-xl	{padding-left:50px}

.pad-r-sml	{padding-right:8px}
.pad-r-med	{padding-right:16px}
.pad-r-lge	{padding-right:24px}

/* Structure*/
.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.pad-row,.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
.container,.panel	{padding:0px 8px}.panel{margin-top:16px;margin-bottom:16px}
.flex-container 	{display: flex; flex-wrap: nowrap;}
.flex-container: div 	{width:95%; margin: 16px; text-align: center;}
.window		{overflow:hidden}
.frame		{padding:10px}

.container-1x1 {padding-top: 100%; /* 1:1 Aspect Ratio */}
.container-4x3 {padding-top: 75%; /* 4:3 Aspect Ratio */}
.container-16x9 {position: relative;overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.container-16x10 {position: relative;overflow: hidden; width: 100%; padding-top: 62.5%;/* 16:10 Aspect Ratio */}
.container-235x1 {position: relative;overflow: hidden; width: 100%; padding-top: 42.6%; /* 2.35:1 Aspect Ratio */}

.iframe-container {overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;}	

.table,.table-all	{display:table;border-collapse:collapse;border-spacing:0;width:100%;padding="0";cellspacing="0";cellpadding="0"}
.table-all		{border:1px solid #ccc}
.table-row		{display:table-row;}
.cell-row		{display:table;width:100%}
.cell,.table-cell	{display:table-cell}
.cell-top		{vertical-align:top}
.cell-middle,.middle	{vertical-align:middle}
.cell-bottom	{vertical-align:bottom}

.bordered tr,.table-all tr		{border-bottom:1px solid #ddd}
.striped tbody tr:nth-child(even)	{background-color:#f1f1f1}
.table-all tr:nth-child(odd)		{background-color:#fff}
.table-all tr:nth-child(even)		{background-color:#f1f1f1}
.hoverable tbody tr:hover,.ul.hoverable li:hover	{background-color:#ccc}
.table td,.table th,.table-all td,.table-all th		{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child		{padding-left:16px}

.display-container	{position:relative}
.text			{display:none}

.ripple:active		{opacity:0.5}
.ripple			{transition:opacity 0s}

.input		{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.select		{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}

.rest		{overflow:hidden}
.auto		{overflow:auto}
.stretch	{margin-left:-16px;margin-right:-16px}
.content,.auto	{margin-left:auto;margin-right:auto}
/* .content		{max-width:980px} */
.auto		{max-width:1140px}
					
.hide		{display:none!important}
.show,.show-block	{display:block!important}
.show-inline-block,.inline-block{display:inline-block!important}  

/* Text */
.protect	
	{
	-webkit-user-select: none; /* Safari 3.1+ */	
	-moz-user-select: none; /* Firefox 2+ */  
	-ms-user-select: none; /* IE 10+ */  
	user-select: none; /* Standard syntax */
	}

.nowrap {white-space: nowrap;}
.dec-none	{text-decoration:none}
h1,h2,h3,H1,H2,H3	{font-family:Segoe UI; font-weight:400; margin:5px 0;}
h4,h5,h6,H4,H5,H6 	{font-family:Segoe UI; font-weight:400; margin:0 0 5px 0;}

h1,H1	{display: block; font-size:36px}
h2,H2	{display: block; font-size:30px}
h3,H3	{display: block; font-size:24px}
h4,H4	{display: block; font-size:20px}
h5,H5	{display: block; font-size:18px}
h6,H6	{display: block; font-size:16px}
p	{margin-top:12px;margin-bottom:12px}

.comic		{font-family:Comic Sans MS}
.comic		{font-family:Comic Sans MS}
.raleway	{font-family:ralewaythin}
.ralewayEL	{font-family:ralewayextralight}
.ralewayL	{font-family:ralewaylight}
.serif		{font-family:serif}
.segoe		{font-family:Segoe UI}
.tangerine	{font-family:Tangerine}
.times		{font-family:Times New Roman}
	
.indent-10	{text-indent:10px}
.indent-15	{text-indent:15px}
.indent-20	{text-indent:20px}
.indent-25	{text-indent:25px}
.indent-50	{text-indent:50px}
.indent-75	{text-indent:75px}
.indent-100	{text-indent:100px}
.indent-125	{text-indent:120px}
.indent-150	{text-indent:150px}

.bold		{font-weight:bold}
.bold-200	{font-weight:200}
.bold-300	{font-weight:300}
.bold-400	{font-weight:400}
.bold-500	{font-weight:500}
.bold-600	{font-weight:600}
.bold-700	{font-weight:700}
.bold-800	{font-weight:800}

.alert {padding: 15px; background-color: #C10B38; color: white;}
		.closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 30px;line-height: 20px; cursor: pointer; transition: 0.3s;}
		.closebtn:hover {color: black;}
		
.italic		{font-style:italic}
.strikeout 	{text-decoration: line-through}
.underline	{text-decoration:underline}
.upper		{text-transform: uppercase}
.lower		{text-transform: lowercase}
.caps		{text-transform: capitalize}
.text-border	{text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.text-shadow	{text-shadow: 1px 1px 2px silver;}

.space		{letter-spacing:4px}
.space-med	{letter-spacing:6px}
.space-lge	{letter-spacing:8px}
.space-xl	{letter-spacing:12px}										
.space-xxl	{letter-spacing:16px}

.tiny,.tny	{font-size:10px!important}
.small,.sml	{font-size:12px!important}
.medium,.med{font-size:15px!important}
.large,.lge	{font-size:18px!important}
.xl			{font-size:21px!important}
.xxl,.2xl	{font-size:30px!important}
.xxxl,.3xl	{font-size:48px!important}
.xxxxl,.4xl	{font-size:64px!important}
.xxxxxl,.5xl{font-size:80px!important}

.text-left		{text-align:left!important}
.text-right		{text-align:right!important}
.text-justify	{text-align: justify; text-justify: inter-word;!important}
.text-center	{text-align:center!important}

/* ----------------------------------> CR Edits (Temporary) - "-7755" added to avoid possibly conflicting classes  <-------------------------------- */

.notification-7755{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);padding:15px 30px;background:#fff;color:#000;border-radius:5px;border:2px solid #000;z-index:1000;font-size:18px;opacity:.95;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;animation:slideIn .5s ease-out forwards,slideOut .5s ease-in 3.5s forwards}
@keyframes slideIn{from{bottom:-100px;opacity:0}to{bottom:20px;opacity:.95}}
@keyframes slideOut{from{bottom:20px;opacity:.95}to{bottom:-100px;opacity:0}}
@media (max-width:600px){.notification-7755{left:5%;right:5%;transform:none;padding:15px;text-align:center}}

.btn-compare		{display: inline-block; padding: 6px 12px; background-color: #ffffff; color: #333333; border: 1px solid #cccccc; cursor: pointer; text-align: center; text-decoration: none; font-size: 14px; margin: 5px;}
.btn-compare:hover	{background-color: #f8f9fa; border-color: #b3b3b3;}
.view-compare		{border-color: #1C5D8E;background-color: #f8f9fa;}
.btn-selected		{border: 2px solid #AF060B; background-color: #f8f9fa;}
.AdBanner			{width: 100%; height: auto; max-width: 734px; max-height: 180px; aspect-ratio: 367 / 81; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto;}
.contact-modal		{display: none; position: fixed; z-index: 1000; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center;}
input.textbox		{padding: 8px;border: 1px solid #ccc;	border-radius: 4px;	box-sizing: border-box;}
.flex-col			{display: flex; flex-direction: column;}
.side-tag			{position: fixed;	width: 28px; transform: translateX(5px); writing-mode: vertical-lr; text-orientation: upright; cursor: pointer;	z-index: 1000;}
.right0 {right: 0;}
.left0 {left: 0;}
.top40 {top: 40%;}
.top65 {top: 65%;}

/* Pricing View */

.pricing-notification-badge {display:flex;background:#f8f9fa;font-size:0.95em;}
.price-drop-sticker {position:absolute;top:-24px;right:-21px;padding:8px;font-size:14px;font-weight:700;color:#fff;background-color:#C10B38;border-radius:4px;box-shadow:0 4px 5px rgba(0,0,0,.3);transform:rotate(15deg);z-index:10}
.flex-wrap {display:flex;justify-content:center;flex-wrap:wrap;}
.flex-space-between {display:flex;align-items:center;justify-content:space-between;}
.discount-badge {position: absolute;top: -5px;right: -5px;padding: 5px;font-size: 10px;font-weight: 700;color: #fff;background-color: #C10B38;border-radius: 4px;z-index: 10;}

@media (min-width: 601px) {
    .image-price-container {display:flex;align-items:stretch;}
    .flex-image-price {display:flex;flex-direction:column;justify-content:center;}
}

/* Filter Sliders */
.noUi-connect			{background: #1C5D8E !important;}
.noUi-horizontal		{height: 3px !important;}
.checkbox-list label	{display: block;margin: 5px 0;}

@media (min-width:601px) {.footer-col {width: 240px}}
@media (max-width:600px) {.footer-col {width: 200px}}
.ul-footer					{list-style-type:none;}
.ul-footer li				{padding:4px 8px;border-bottom:none}
.ul-footer li:last-child	{border-bottom:none}
.ul-footer a				{text-decoration: none;}
.ul-footer a:hover			{color:#23A5FB!important}

/* Grids */
.grid {display: grid;}
.gap-lge {gap: 20px;}
.grid-4 {grid-template-columns: repeat(4, 1fr);}
.grid-3 {grid-template-columns: repeat(3, 1fr);}
.grid-2 {grid-template-columns: repeat(2, 1fr);}

@media (max-width: 992px) {
    .grid-4 {grid-template-columns: repeat(2, 1fr);}
    .grid-3, .grid-2 {grid-template-columns: 1fr;}
}
@media (max-width: 600px) {
    .grid-4 {grid-template-columns: 1fr;}
}