@charset "utf-8";
/*
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
Elustic Script at Marque Studios, a product of  Marque Organisation (Pty) Ltd

Marque The Company		: www.marque.co.za
						: hello@marque.co.za
						: +27 065 973 66 83

So Sorry! We do not keep old scripts for your own good. Thanks for your support
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This Elements helps the Document to Function better, do no Temper with */	
html {
	scroll-behavior: smooth;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	letter-spacing: 1px;
	line-height: 1.25;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	color: #000;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*	Screen and Container Size
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements helps the Script to function better, do no temper with */	
.screen {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: initial;
	clear: both;
	/* Equal to Footer Height */
}
	.screen:before, .screen:after {
		content: "";
		display: inline;
		height: 0;
	}
	/* This elements helps the Script to function better, do no temper with */	
.media {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	height: auto;
	clear: both;
}
	.media:before, media:after {
		display: inline-block;
		height: 0;
	}
/*
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Full screen/ container/ division/ tables access without borders */
.border-less {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}	/*  Screen/ container/ division/ tables borders, adjust accordingly */
.border-in {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 5%;
	width: 100%;
}	/*  Screen/ container/ division/ tables borders, adjust accordingly */
.border-out {
	display: inline-block;
	position: relative;
	margin: 0 5%;
	padding: 0;
	width: 90%;
}
/*	Fonts, Anchors and Sizes
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements are very helpful, adjust accordingly */	
a {
	background-color: transparent;
	text-decoration: none;
	text-transform: none;
	font-family: inherit;
	font-weight: lighter;
	color: inherit;
	cursor: pointer;
}
	a:hover {
		transition:all 0.5s ease-in-out;
		color: inherit;
		/* Adjust according to Theme */
		outline: 0;
	}
	a:active {
		color: inherit;
		/* Adjust according to Theme */
		outline: 0;
	}
	a:focus {
		color: inherit;
		/* Adjust according to Theme */
		outline: 0;
	}
	a:visited {
		color: inherit;
		/* Adjust according to Theme */
		border-bottom: 1px dotted #999;
	}
	/* Paragraph Adjust according to Theme */
p {
	text-decoration: none;
	text-transform: none;
	font-weight: inherit;
	margin: 5px 0;
	padding: 0;
	color: inherit;
}	/* H1-H6 Adjust according to Theme */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	text-decoration: none;
	text-transform: none;
	font-family: inherit;
	font-weight: 300;
	margin: 10px 0;
	padding: 10px 0;
	color: inherit;
}	/* List/ Ordered or Unordered Adjust according to Theme */
ol, ul {
	background-color: transparent;
	list-style-type: none;
	text-decoration: none;
	display: inline;
	margin: 10px 0;
	padding: 0;
}	/* List Style Adjust according to Theme */
	ol li, ul li {
		background-color: transparent;
		display: flex;
		list-style-type: none;
		text-decoration: none;
		margin: 0 auto;
		padding: 0;
	}
/*	Basic Division Settings
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* HTML Tools and Equipments */	
	main, header, hgroup, nav, section, article, figure, figcaption, aside, footer {
		display: inline-block;
		margin: 0 auto;
		height: auto;
		width: 100%;
		clear: both;
	}
/*	Header Settings
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/*  Header Controls Adjust according to Theme */
.header {
	background-color: #2a2929;
	padding: 20px 10px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}	/* Header Style links Controls */
	.header a {
		text-align: center;
		font-size: 15px;
		padding: 12px;
		float: left;
		color: #fff;
	}	/* Header Style links Hover */
		.header a:hover {
			background-color: #2a2929;
			color: #fff;
		}
		/* Header Style links Active */
		.header a.active {
			background-color: #2a2929;
			color: #fff;
		}
	/* Header Style Logo Link */
	.header a.logo {
		font-size: 25px;
		font-weight: bold;
	}	
}
/*	Footer Settings
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Footer Controls Adjust according to Theme  */
.footer {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	clear: both;
}	/* Footer Style links Controls */
	.footer a {
		font-size: 12.5px;
		padding: 2.5px 0;
		color: #fff;
	}	/* Footer Style links Hover */
		.footer a:hover {
			background-color: #2a2929;
			color: #fff;
		}
		/* Footer Style links Active */
		.footer a.active {
			background-color: #2a2929;
			color: #fff;
		}
	/* Footer Style Logo Link */
	.footer a.logo {
		font-size: 25px;
		font-weight: bold;
	}
	/*	Division and Table Sizes
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Table and Table Content Application */
.table, table {
  background-color: transparent;
  border-collapse: collapse;
}
	.table table {
		background-color: transparent;
		max-width: 100%;
		margin-bottom: 5px;
	}
		.table th, .table td {
			border-top: 1px solid #2a2929;
			padding: 5px;
			vertical-align: top;
		}
		
.table, table, div {
	transition: all 0.5s ease-in-out 0s;
}
/* Main Banner Slide Show and Controls
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Image Slide Show on Home page */
.carousel {
	position: relative;
}
	/* Inner Image Slider Content */
	.carousel-inner {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	/* Inner Image Slider Objects */
	.carousel-item {
		-ms-inline-block-align: center;
		position: relative;
		display: none;
		width: 100%;
		align-items: center;
		/* Adjust Effects According to Theme */
		transition: -webkit-transform 0.6s ease;
		transition: transform 0.6s ease;
		transition: transform 0.6s ease, -webkit-transform 0.6s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Image/ Pictures and Tools */
.img, img {
	background-color: transparent;
	cursor: pointer;
	width: 100%;
	margin: 0;
	padding: 0;
	/* Change Animated buttons accordingly */
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}	/* Image/ Pictures and Tools */
	.img-fluid, img-fluid {
		max-width: 100%;
		height: auto;
	}
	.img-thumbnail, img-thumbnail {
		padding: 5px;
		background-color: #2a2929;
		border: 1px solid #2a2929;
		border-radius: none;
		max-width: 100%;
		height: auto;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Figure CaptionText and Tools */
.caption, caption {
	caption-side: bottom;
	text-align: left;
	padding: 5px 0;
	color: #6c757d;
}
.figure, figure {
	display: inline-block;
	margin: 0 0 5px;
}
	.figure-img, figure-img {
		margin-bottom: 10px;
		line-height: 1;
	}
	.figure-caption, figure-caption {
		font-size: 90%;
		color: #6c757d;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* in-line-block Quotations and Tools */	
.inline-blockquote, inline-blockquote {
	margin: 0 0 5px;
	font-size: 12.5;
}
	.inline-blockquote-footer, inline-blockquote-footer {
		display: inline-block;
		font-size: 12.5;
		color: inherit;
	}
	.inline-blockquote-footer::before, inline-blockquote-footer::before {
		content: "\2014 \00A0";
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/	
	/* Tool tip and Title Elements */
.tooltip, .tooltip-two {
    display: inline-block;
    position: relative;
}
	.tooltip .tooltiptext {
		background-color: #666;
		visibility: hidden;
		padding: 5px 0 6.5px 0;
		border-radius: 5px;
		text-align: center;
		width: 120px;
		color: #fff;
		/* Position the tool tip */
		position: absolute;
		z-index: 1;
		top: 25px;
		left: -45px;
	}
		.tooltip:hover .tooltiptext {
			visibility: visible;
		}
	.tooltip-two .tooltiptext-two {
		background-color: #000;
		visibility: hidden;
		padding: 5px 0 6.5px 0;
		border-radius: 5px;
		text-align: center;
		width: 120px;
		color: #fff;
		/* Position the tool tip */
		position: absolute;
		z-index: 1;
		top: 35px;
		left: -40px;
	}
		.tooltip-two:hover .tooltiptext-two {
			visibility: visible;
		}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Legendary Title Field set */
.legend, legend {
	display: inline-block;
	line-height: inherit;
	white-space: normal;
	max-width: 100%;
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
	font-size: inherit;
	color: inherit;
}
/*	Form/ Input/ Text area/ Select/ Button/ and Controls
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Form Content and Controls */
.form-control-file, .form-control-range {
	display: inline-block;
	width: 100%;
}
.form-control::-ms-expand {
	background-color: transparent;
	border: 0
	color: #2a2929;
}
	.form-control:focus {
		color: inherit;
		background-color: transparent;
		border-color: #2a2929;
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}
	.form-control:disabled, .form-control[readonly] {
		background-color: transparent;
		opacity: 1;
	}
	select.form-control:not([size]):not([multiple]) {
		height: calc(2.25rem + 2px);
	}
	select.form-control:focus::-ms-value {
		color: inherit;
		background-color: transparent;
	}
		.form-control::-webkit-input-placeholder {
			color: inherit;
			opacity: 1;
		}
		.form-control::-moz-placeholder {
			color: inherit;
			opacity: 1;
		}
		.form-control:-ms-input-placeholder {
			color: inherit;
			opacity: 1;
		}
		.form-control::-ms-input-placeholder {
			color: inherit;
			opacity: 1;
		}
		.form-control::placeholder {
			color: inherit;
			opacity: 1;
		}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Input Form Content Theme, Style and Application */
form {
	background-color: transparent;
	border-radius: 0px;
	border: 0px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}	
	
	/* Input Form Content Theme, Style and Application */
input[type=text], input[type=email], input[type=number], input[type=password], input[type=select],
input[type=button], input[type=submit], input[type=reset]  {
	background-color: transparent;
	border: 1px solid inherit;
	text-decoration: none;
	border-radius: 0;
	margin: 5px;
	padding: 5px;
	width: 97.5%;
}	/* Input Form Active Functions and Controls */
	input[type=text]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=select]:hover,
	input[type=button]:hover, input[type=submit]:hover,
	input[type=button]:hover, input[type=submit]:hover,
	input[type=reset]:hover  {
		border: 0.5px solid inherit;
		color: #999;
	}
		[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
			height: auto;
		}
		[type="search"] {
			outline-offset: -2px;
			-webkit-appearance: none;
		}
		[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
			-webkit-appearance: none;
		}
	/* Input Active Functions and Controls */	
	input {
		color: #2a2929;
	}
		input:hover {
			border: 0.5px solid inherit;
			color: inherit;
		}
		input:active {
			border: 0.5px solid inherit;
			color: inherit;
		}
		input:focus {
			border: 0.5px solid inherit;
			color: inherit;
		}
	/* Label Form Content and Controls */
label {
	display: inline-block;
	margin-bottom: 5px;
}
	/* Text area Form Content and Controls */			
textarea {
	background-color: transparent;
	border: 1px solid inherit;
	box-sizing: border-box;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	border-radius: 0;
	resize: none;
	width: 97.5%;
	color: inherit;
}
	/* Text area Active Functions and Controls */
	textarea:hover {
		border: 0.5px solid inherit;
		color: inherit;
	}
	textarea:active {
		border: 0.5px solid inherit;
		color: inherit;
	}
	textarea:focus {
		border: 0.5px solid inherit;
		color: inherit;
	}
	/* Select Form Content and Controls */	
select {
	background-color: transparent;
	border: 0.5px solid inherit;
	border-radius: 0;
	margin: 5px;
	padding: 5px;
	text-decoration: none;
	width: 95%;
	color: inherit;
}
@media (min-width: 240px) and (max-width: 479px) {
	select {
		width: 97.5%;
	}
}
	/* Text area Active Functions and Controls */
	select:hover {
		border: 0.5px solid inherit;
		color: inherit;
	}
	select:active {
		border: 0.5px solid inherit;
		color: inherit;
	}
	select:focus {
		border: 0.5px solid inherit;
		color: inherit;
	}
	/* Button Active Functions and Controls */
button {
	color: #2a2929;
}	
	button:hover {
		border: 0.5px solid inherit;
		color: inherit;
	}
	button:active {
		border: 0.5px solid inherit;
		color: inherit;
	}
	button:focus {
		border: 0.5px solid inherit;
		color: inherit;
	}
/* Button Disabled Functions and Controls */
	.btn.disabled, .btn:disabled {
		opacity: 0.65;
	}
	.btn:not(:disabled):not(.disabled) {
		cursor: pointer;
	}
	.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
		background-image: none;
	}
		/* Button Theme Effects and Style */
		.btn-default, .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info {
			transition:all 0.5s ease-in-out;
		}
		.btn-default:hover, .btn-primary:hover, .btn-success:hover, .btn-warning:hover,
		.btn-danger:hover, .btn-info:hover {
			transition:all 0.5s ease-in-out;
		}		
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Process / Progress Bar / Loader Controls / Page Initializer while Loading */
.initialise .initialize {
	font-size: 90%;
	text-transform: uppercase;
}
.progress, progress, .process, process {
	background-color: transparent;
	vertical-align: baseline;
	display: -ms-inline-blockbox;
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	overflow: hidden;
	font-size: 12.5;
}	/* Progress Bar / Loader Functions */
	.progress-bar, .process-bar {
		background-color: #2a2929;
		display: -ms-inline-blockbox;
		display: inline-block;
		-ms-inline-block-direction: column;
		inline-block-direction: column;
		-ms-inline-block-pack: center;
		justify-content: center;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		transition: width 0.6s ease;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Notifications Alert Controls */
.notification, notification {
	border: 1px solid transparent;
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
}
	.notification-heading {
		color: inherit;
	}
	.notification-link {
		font-weight: 300;
	}
	.notification-dismissible {
		padding-right: 5px;
	}
		.notification-dismissible .close {
			position: absolute;
			top: 0;
			right: 0;
			padding: 10px;
			color: inherit;
		}
/*	Useful Tools and Effects
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Division and Table Under liner Left */
.underline-full-left, .underline-half-left, .underline-quarter-left {
	background-color: steelblue;
	/* Change Background Theme color */
	display: inline-block;
	margin: 10px 0;
	height: 5px;
	clear: both;
}	/* Position your Under liner */
	.underline-full-left {width: 100%;}
	.underline-half-left {width: 50%;}
	.underline-quarter-left {width: 10%;}
	/* Division and Table Under liner Center */
.underline-full-center, .underline-half-center, .underline-quarter-center {
	background-color: steelblue;
	/* Change Background Theme color */
	display: inline-block;
	margin: 10px 0;
	height: 5px;
	clear: both;
}	/* Position your Under liner */
	.underline-full-center {width: 100%;vertical-align: center;}
	.underline-half-center {width: 50%;vertical-align: center;}
	.underline-quarter-center {width: 10%;vertical-align: center;margin: 0 auto;display: block;}
	/* Division and Table Under liner Right */
.underline-full-right, .underline-half-right, .underline-quarter-right {
	background-color: steelblue;
	/* Change Background Theme color */
	display: inline-block;
	margin: 10px 0;
	height: 5px;
	float: right;
	clear: both;
}	/* Position your Under liner */
	.underline-full-right {width: 100%;}
	.underline-half-right {width: 50%;}
	.underline-quarter-right {width: 10%;}
/*	Useful Tools and Effects
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Fix Objects/ Content/ Div/ tables/ Stationery */	
.fixed, fixed {
	position: fixed;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.fixed-bottom {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Fix Objects/ Content/ Div/ tables/ Stationery */
.position, position {
	position: relative;
}
	.position-sticky {position: -webkit-sticky !important;position: sticky !important;}
	.position-static {position: static !important;}
	.position-relative {position: relative !important;}
	.position-absolute {position: absolute !important;}
	.position-fixed {position: fixed !important;}
/*	Useful Tools and Effects
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Content/ Text Justification */	
.justify-content-start {
	-ms-inline-block-pack: start !important;
	justify-content: inline-block-start !important;
}
.justify-content-end {
	-ms-inline-block-pack: end !important;
	justify-content: inline-block-end !important;
}
.justify-content-center {
	-ms-inline-block-pack: center !important;
	justify-content: center !important;
}
.justify-content-between {
	-ms-inline-block-pack: justify !important;
	justify-content: space-between !important;
}
.justify-content-around {
	-ms-inline-block-pack: distribute !important;
	justify-content: space-around !important;
}
/*	Useful Tools and Effects
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Content/ Item Alignment */
.align-items-start {
	-ms-inline-block-align: start !important;
	align-items: inline-block-start !important;
}
.align-items-end {
	-ms-inline-block-align: end !important;
	align-items: inline-block-end !important;
}
.align-items-center {
	-ms-inline-block-align: center !important;
	align-items: center !important;
}
.align-items-baseline {
	-ms-inline-block-align: baseline !important;
	align-items: baseline !important;
}
.align-items-stretch {
	-ms-inline-block-align: stretch !important;
	align-items: stretch !important;
}
	/* Content/ Content Alignment */
.align-content-start {
	-ms-inline-block-line-pack: start !important;
	align-content: inline-block-start !important;
}
.align-content-end {
	-ms-inline-block-line-pack: end !important;
	align-content: inline-block-end !important;
}
.align-content-center {
	-ms-inline-block-line-pack: center !important;
	align-content: center !important;
}
.align-content-between {
	-ms-inline-block-line-pack: justify !important;
	align-content: space-between !important;
}
.align-content-around {
	-ms-inline-block-line-pack: distribute !important;
	align-content: space-around !important;
}
.align-content-stretch {
	-ms-inline-block-line-pack: stretch !important;
	align-content: stretch !important;
}
	/* Content/ Self Alignment */
.align-self-auto {
	-ms-inline-block-item-align: auto !important;
	align-self: auto !important;
}
.align-self-start {
	-ms-inline-block-item-align: start !important;
	align-self: inline-block-start !important;
}
.align-self-end {
	-ms-inline-block-item-align: end !important;
	align-self: inline-block-end !important;
}
.align-self-center {
	-ms-inline-block-item-align: center !important;
	align-self: center !important;
}
.align-self-baseline {
	-ms-inline-block-item-align: baseline !important;
	align-self: baseline !important;
}
.align-self-stretch {
	-ms-inline-block-item-align: stretch !important;
	align-self: stretch !important;
}	
/* Page Numbering
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Page Numbering and Controls */
.pager {
	display: -ms-inline-blockbox;
	display: inline-block;
	padding-left: 0;
	list-style: none;
	border-radius: 5px;
}
	/* Pager Attachments Controls */
	.pager-link {
		background-color: #2a2929;
		border: 1px solid #2a2929;
		position: relative;
		display: inline-block;
		margin-left: -1px;
		padding: 5px;
		color: inherit;
	}
	/* Pager Attachments Functions */
		.pager-link:hover {
			background-color: #2a2929;
			border-color: #2a2929;
			text-decoration: none;
			color: inherit;
			z-index: 2;
		}
		.pager-link:focus {
			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
			z-index: 2;
			outline: 0;
		}
		.pager-link:not(:disabled):not(.disabled) {
			cursor: pointer;
		}
	/* Pager Active Controls */
	.pager-item.active .pager-link {
		background-color: #2a2929;
		border-color: #2a2929;
		color: inherit;
		z-index: 1;
	}
	.pager-item.disabled .pager-link {
		background-color: #2a2929;
		border-color: #2a2929;
		color: inherit;
		pointer-events: none;
		cursor: auto;
	}
	/* Pager Active Functions */
		.pager-item:first-child .pager-link {
			margin-left: 0;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.pager-item:last-child .pager-link {
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
/*	On and off line Printing Documents
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Web Page/ Doc Size */
page[size="A4"] {
	margin: 25px;
	padding: 25px;
	width: 21cm;
	height: 29.7cm;
}
	/* Web Page/ Doc Orientation */
	page[size="A4"][layout="portrait"] {
		width: 29.7cm;
		height: 21cm;  
	}
	page[size="A4"][layout="landscape"] {
		width: 21cm;
		height: 29.7cm;  
	}
	
	/* Do not temper with this script */
	@media print {
	/* Web Page/ Doc Print Controls */
	.hidden-print{display: none!important;}
	.visible-print{display: inline-block!important;}
	.visible-print-inline-block{display: inline-block!important;}
	.visible-print-inline-inline-block{display: inline-inline-block!important;}
	.visible-print-inline-inline-block-inline-block{display: inline-inline-block-inline-block!important;}
	
	/* Table Web Page/ Doc Function */
	tr.visible-print{display: table-row!important;}
	td.visible-print{display: table-cell!important;}
	th.visible-print{display: table-cell!important;}
	table.visible-print{display: table!important;}
	
	/* Content Web Page/ Doc Function */
	*, *::before, *::after {text-shadow: none !important;box-shadow: none !important;}
	a, a(.btn), a:not(.btn) {text-decoration: underline;}
	abbr[title]::after {content: " (" attr(title) ")";}
	pre {white-space: pre-wrap !important;}
	pre, inline-blockquote {border: 1px solid #2a2929;page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr, img {page-break-inside: avoid;}
	p, h2, h3 {orphans: 3;widows: 3;}
	h2, h3 {page-break-after: avoid;}
	
	/* Web Page/ Doc Size Function */
		body {min-width: 992px !important;}
			.screen, .media {min-width: 992px !important;}
			.navbar {display: none;}
			.badge {border: 1px solid #2a2929;}
			.table {border-collapse: collapse !important;}
				.table td, .table th {background-color: #2a2929 !important;}
				.table-bordered th, .table-bordered td {border: 1px solid #2a2929 !important;}
}
/*	Elastic Divisions/ Elastic Class/ Elastic Production/
-------------------------------------------------------------------------------------------
*/
	/* Straight Verse Small Elastic Division/ Full Responsive */
.els-box-12,.els-box-11,.els-box-10,.els-box-9,.els-box-8,.els-box-7,.els-box-6,
.els-box-5,.els-box-4,.els-box-3,.els-box-2,.els-box-1 {	
	/* All Divisions must flow to the left */
	background-color: transparent;
	display: inline-block;
	max-width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	/* Vice Verse Small Elastic Division/ Full Responsive */
.el-sml-12,.el-sml-11,.el-sml-10,.el-sml-9,.el-sml-8,.el-sml-7,.el-sml-6,.el-sml-5,
.el-sml-4,.el-sml-3,.el-sml-2,.el-sml-1 {	
	/* All Divisions must flow to the left */
	background-color: transparent;
	display: inline-block;
	max-width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	/* Vice Verse Medium Elastic Division/ Full Responsive */
.el-mdm-12,.el-mdm-11,.el-mdm-10,.el-mdm-9,.el-mdm-8,.el-mdm-7,.el-mdm-6,.el-mdm-5,
.el-mdm-4,.el-mdm-3,.el-mdm-2,.el-mdm-1 {	
	/* All Divisions must flow to the left */
	background-color: transparent;
	display: inline-block;
	max-width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	/* Vice Verse Large Elastic Division/ Full Responsive */
.el-lrg-12,.el-lrg-11,.el-lrg-10,.el-lrg-9,.el-lrg-8,.el-lrg-7,.el-lrg-6,.el-lrg-5,
.el-lrg-4,.el-lrg-3,.el-lrg-2,.el-lrg-1 {	
	/* All Divisions must flow to the left */
	background-color: transparent;
	display: inline-block;
	max-width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}	
/*	Responsive Screen Sizes
-------------------------------------------------------------------------------------------
/*	Elastic Divisions/ Elastic Class/ Elastic Production/
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Straight Verse/ All Devices Screen RDM Functions and Controls) */
	.els-box-12{width:100%}.els-box-11{width:100%}.els-box-10{width:100%}
	.els-box-9{width:90%}.els-box-8{width:80%}.els-box-7{width:70%}
	.els-box-6{width:60%}.els-box-5{width:50%}.els-box-4{width:40%}
	.els-box-3{width:30%}.els-box-2{width:20%}.els-box-1{width:10%}
	
@media (min-width: 240px) and (max-width: 479px) {
	.els-box-12{width:100%}.els-box-11{width:100%}.els-box-10{width:100%}
	.els-box-9{width:90%}.els-box-8{width:80%}.els-box-7{width:100%}
	.els-box-6{width:60%}.els-box-5{width:50%}.els-box-4{width:25%}
	.els-box-3{width:100%}.els-box-2{width:20%}.els-box-1{width:10%}
}
/*	Responsive Screen Sizes
-------------------------------------------------------------------------------------------
/*	Elastic Divisions/ Elastic Class/ Elastic Production/
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* XSmall Devices {Smart phone Screen RDM Functions and Controls) */
@media (min-width: 240px) and (max-width: 479px) {
	.el-sml-12{width:33.33%}.el-sml-11{width:50%}.el-sml-10{width:50%}
	.el-sml-9{width:33.33%}.el-sml-8{width:50%}.el-sml-7{width:50}
	.el-sml-6{width:33.33%}.el-sml-5{width:50%}.el-sml-4{width:50%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:100%}.el-mdm-11{width:100%}.el-mdm-10{width:100%}
	.el-mdm-9{width:33.33%}.el-mdm-8{width:100%}.el-mdm-7{width:100%}
	.el-mdm-6{width:33.33%}.el-mdm-5{width:50%}.el-mdm-4{width:50%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:100%}.el-lrg-11{width:100%}.el-lrg-10{width:100%}
	.el-lrg-9{width:100%}.el-lrg-8{width:100%}.el-lrg-7{width:100%}
	.el-lrg-6{width:100%}.el-lrg-5{width:50%}.el-lrg-4{width:100%}
	.el-lrg-3{width:100%}.el-lrg-2{width:100%}.el-lrg-1{width:100%}
}
	/* Small Devices {Tablets Screen RDM Functions and Controls) */
@media (min-width: 480px) and (max-width: 575.98px) {
	.el-sml-12{width:8.25%}.el-sml-11{width:9.0%}.el-sml-10{width:10%}
	.el-sml-9{width:11.11%}.el-sml-8{width:12.5%}.el-sml-7{width:14.28571428571429%}
	.el-sml-6{width:16.66666666666667%}.el-sml-5{width:20%}.el-sml-4{width:25%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:100%}.el-mdm-11{width:100%}.el-mdm-10{width:100%}
	.el-mdm-9{width:100%}.el-mdm-8{width:100%}.el-mdm-7{width:100%}
	.el-mdm-6{width:16.66666666666667%}.el-mdm-5{width:12.5%}.el-mdm-4{width:50%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:100%}.el-lrg-11{width:100%}.el-lrg-10{width:100%}
	.el-lrg-9{width:100%}.el-lrg-8{width:100%}.el-lrg-7{width:100%}
	.el-lrg-6{width:16.66666666666667%}.el-lrg-5{width:12.5%}.el-lrg-4{width:50%}
	.el-lrg-3{width:100%}.el-lrg-2{width:50%}.el-lrg-1{width:100%}
}
	/* Medium Devices {Tablets PC Screen RDM Functions and Controls) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.el-sml-12{width:8.25%}.el-sml-11{width:9.0%}.el-sml-10{width:10%}
	.el-sml-9{width:11.11%}.el-sml-8{width:12.5%}.el-sml-7{width:14.28571428571429%}
	.el-sml-6{width:16.66666666666667%}.el-sml-5{width:20%}.el-sml-4{width:25%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:100%}.el-mdm-11{width:100%}.el-mdm-10{width:100%}
	.el-mdm-9{width:100%}.el-mdm-8{width:100%}.el-mdm-7{width:100%}
	.el-mdm-6{width:16.66666666666667%}.el-mdm-5{width:12.5%}.el-mdm-4{width:50%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:100%}.el-lrg-11{width:100%}.el-lrg-10{width:100%}
	.el-lrg-9{width:100%}.el-lrg-8{width:100%}.el-lrg-7{width:100%}
	.el-lrg-6{width:16.66666666666667%}.el-lrg-5{width:50%}.el-lrg-4{width:50%}
	.el-lrg-3{width:33.33%}.el-lrg-2{width:50%}.el-lrg-1{width:100%}
}
	/* Large Devices {Laptops Screen RDM Functions and Controls) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.el-sml-12{width:8.25%}.el-sml-11{width:9.0%}.el-sml-10{width:10%}
	.el-sml-9{width:11.11%}.el-sml-8{width:12.5%}.el-sml-7{width:14.28571428571429%}
	.el-sml-6{width:16.66666666666667%}.el-sml-5{width:20%}.el-sml-4{width:25%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:8.25%}.el-mdm-11{width:9.0%}.el-mdm-10{width:10%}
	.el-mdm-9{width:11.11%}.el-mdm-8{width:12.5%}.el-mdm-7{width:14.28571428571429%}
	.el-mdm-6{width:16.66666666666667%}.el-mdm-5{width:20%}.el-mdm-4{width:25%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:8.25%}.el-lrg-11{width:9.0%}.el-lrg-10{width:10%}
	.el-lrg-9{width:11.11%}.el-lrg-8{width:12.5%}.el-lrg-7{width:14.28571428571429%}
	.el-lrg-6{width:16.66666666666667%}.el-lrg-5{width:25%}.el-lrg-4{width:50%}
	.el-lrg-3{width:33.33%}.el-lrg-2{width:50%}.el-lrg-1{width:100%}
}
	/* XLarge Devices {Desktop Screen RDM Functions and Controls) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.el-sml-12{width:8.25%}.el-sml-11{width:9.0%}.el-sml-10{width:10%}
	.el-sml-9{width:11.11%}.el-sml-8{width:12.5%}.el-sml-7{width:14.28571428571429%}
	.el-sml-6{width:16.66666666666667%}.el-sml-5{width:20%}.el-sml-4{width:25%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:8.25%}.el-mdm-11{width:9.0%}.el-mdm-10{width:10%}
	.el-mdm-9{width:11.11%}.el-mdm-8{width:12.5%}.el-mdm-7{width:14.28571428571429%}
	.el-mdm-6{width:16.66666666666667%}.el-mdm-5{width:20%}.el-mdm-4{width:25%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:8.25%}.el-lrg-11{width:9.0%}.el-lrg-10{width:10%}
	.el-lrg-9{width:11.11%}.el-lrg-8{width:12.5%}.el-lrg-7{width:14.28571428571429%}
	.el-lrg-6{width:16.66666666666667%}.el-lrg-5{width:20%}.el-lrg-4{width:25%}
	.el-lrg-3{width:33.33%}.el-lrg-2{width:50%}.el-lrg-1{width:100%}
}
	/* XXLarge Devices {TV Screen RDM Functions and Controls) */
@media (min-width: 1200px) and (max-width:1920px) {
	.el-sml-12{width:8.25%}.el-sml-11{width:9.0%}.el-sml-10{width:10%}
	.el-sml-9{width:11.11%}.el-sml-8{width:12.5%}.el-sml-7{width:14.28571428571429%}
	.el-sml-6{width:16.66666666666667%}.el-sml-5{width:20%}.el-sml-4{width:25%}
	.el-sml-3{width:33.33%}.el-sml-2{width:50%}.el-sml-1{width:100%}
	
	.el-mdm-12{width:8.25%}.el-mdm-11{width:9.0%}.el-mdm-10{width:10%}
	.el-mdm-9{width:11.11%}.el-mdm-8{width:12.5%}.el-mdm-7{width:14.28571428571429%}
	.el-mdm-6{width:16.66666666666667%}.el-mdm-5{width:20%}.el-mdm-4{width:25%}
	.el-mdm-3{width:33.33%}.el-mdm-2{width:50%}.el-mdm-1{width:100%}
	
	.el-lrg-12{width:8.25%}.el-lrg-11{width:9.0%}.el-lrg-10{width:10%}
	.el-lrg-9{width:11.11%}.el-lrg-8{width:12.5%}.el-lrg-7{width:14.28571428571429%}
	.el-lrg-6{width:16.66666666666667%}.el-lrg-5{width:20%}.el-lrg-4{width:25%}
	.el-lrg-3{width:33.33%}.el-lrg-2{width:50%}.el-lrg-1{width:100%}
}
	/* 4K Devices {TV Screen RDM Functions and Controls) */
@media (min-width: 1921px) and (max-width:5000px) {
}

/*	HTML Content Elements
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements are very helpful, adjust accordingly */
.pre, pre, .code, code, .kbd, kbd, .samp, samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 12.5;
	color: inherit;
}
	.pre, pre {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 5px;
		overflow: auto;
		-ms-overflow-style: scrollbar;
	}
	.code, code {
		word-break: break-word;
	}
	.kbd, kbd {
		padding: 5px;
		font-size: 87.5%;
		background-color: #2a2929;
		border-radius: none;
	}
	.samp, samp {
		word-break: break-word;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements are very helpful, adjust accordingly */	
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}	
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements are almost similar, adjust accordingly */	 
hr {
	/* This here adds an underline */
	margin: 10px 0;
	padding: 0;
	border: 0;
	border-top: 0.5px solid #2a2929;
}
br {
	/* This here jumps to the next line */
	margin: 1.5px 0;
	padding: 0;
	clear: both;
}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/	
	/* This elements are very similar, adjust accordingly */
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
	sub {
		/* This here is a sub-script */
		bottom: 0;
	}
	sup {
		/* This here is a super-script */
		top: 5px;
	}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* This elements are very helpful, adjust accordingly */
abbr[title], abbr[data-original-title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
}
/*	Extra Useful Tools
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
.output, output {display: inline-block;}
.summary, summary {display: list-item;cursor: pointer;}
.template, template {display: none;}
.fa {margin: 40px 25px 0 0;padding: 0;float: right;}
address {margin-bottom: 5px;font-style: normal;line-height: inherit;}
dd {margin-bottom: 5px;margin-left: 0;}		
dt {font-weight: 700;}
dfn {font-style: italic;}
b, strong {font-weight: bolder;}
small {font-size: 80%;color:#333;}
svg:not(:root) {overflow: hidden;}
hidden [hidden] {display: none !important;}
title {background-color:#666;color:#fff;border:1px solid #666;}

/*	Key Frames Extra Features
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Do not temper with this script */
	/* Key Frames Slider Functions */
@keyframes slideInFromTop {
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0);}
}
@keyframes slideInFromLeft {
	0% {transform: translateX(-100%);}
	100% {transform: translateX(0);}
}
@keyframes slideInFromRight {
	0% {transform: translateX(+100%);}
	100% {transform: translateX(0);}
}
	/* Key Frames fade In Functions */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
	/* Firefox */
@-moz-keyframes fadein { 
    from {opacity:0;}
    to {opacity:1;}
}
	/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
	/* Opera */
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}
}

/*	Thanks For Your Support/ Elustic Script/ Marque Organisation (Pty) Ltd/ Team Work
---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
*/
	/* Updates available everyday, Please report bad errors */