/*!
* Copyright 2020 - 2021, Lefoka https://www.lefoka.co.za
* 04 April 2021 (Last modified) */
html, body, div, span, h1, h2, p, img, label, a, button, ul, ol {
    margin:0; padding:0;
	font-size:100%; font-weight:normal;
    border:0;
    vertical-align:baseline;
    background:transparent;}

ul {
	list-style: none;}

body {
    line-height:1;}

* {
	outline:none!important;
	box-sizing:border-box;}

*:focus:not(input, textarea, select) {
	outline:1px dashed #000!important; outline-offset:3px;}



/* Global */
::selection, ::-moz-selection {
  background:#f4f4f4;}

@font-face {
	font-family:"lefoka-live-font";
	src: url("../font/lefoka-light.eot");
	src: url("../font/lefoka-light.eot?#iefix") format("embedded-opentype"),
    url("../font/lefoka-light.svg") format("svg"),
    url("../font/lefoka-light.ttf") format("truetype"),
    url("../font/lefoka-light.woff") format("woff"),
    url("../font/lefoka-light.woff2") format("woff2");
	font-weight:300;}

@font-face {
	font-family:"lefoka-live-font";
	src: url("../font/lefoka-semi.eot");
	src: url("../font/lefoka-semi.eot?#iefix") format("embedded-opentype"),
    url("../font/lefoka-semi.svg") format("svg"),
    url("../font/lefoka-semi.ttf") format("truetype"),
    url("../font/lefoka-semi.woff") format("woff"),
    url("../font/lefoka-semi.woff2") format("woff2");
	font-weight:600;}

body {
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	color:#686868;}

h1 {
	font-size:30px; font-weight:600;
	line-height:40px;
	color:#0f78d4;}

h2 {
	font-size:20px; font-weight:600;}

div, p, li {
	font-size:14px;
	font-weight:300;}

article ul, article ol {
	margin-left:14px;}

article ul li::before {
	margin-left:-1em;
	content:"\2022";
	width:1em;
	color:#0f78d4;
	font-weight:bold;
	display:inline-block;}

.mt-10 {
	margin-top:10px;}

.mt-20 {
	margin-top:20px;}

.mt-30 {
	margin-top:30px;}

.mt-40 {
	margin-top:40px;}

.mt-70 {
	margin-top:70px;}

.mb-70 {
	margin-bottom:70px;}

.mb-80 {
	margin-bottom:80px;}

.mb-30 {
	margin-bottom:30px;}

.mb-40 {
	margin-bottom:40px;}

.ml-30 {
	margin-left:30px;}

.mr-10 {
	margin-right:10px;}

.mr-30 {
	margin-right:30px;}

.mx-80 {
	margin:0 80px;}

.p-20 {
	padding:20px;}

.p-40 {
	padding:40px;}

.cnt {
	margin:0 auto; padding:0 70px;
	width:1440px;}

article {
	margin:0 auto;
	width:720px;}

article a {
	color:#0f78d4;
	cursor:pointer;
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	text-decoration:none;}

article a:hover {
	color:#686868;}

article a:focus {
	color:#686868;
	text-decoration:underline;}

article a[target="_blank"]:not(.btn-border):after, .outbound-link:after  {
	margin:0 3px 0 4px;
	position:relative;
	top:3.4px;
	content:'';
	width:10px; height:13px;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjUgMjAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzBGNzhENDtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQo8L3N0eWxlPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS40LDEuMiAxLjIsMS4yIDEuMiwxOS4zIDE5LjIsMTkuMyAxOS4yLDE1LjUgIi8+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI2LjMsMTQuMiAxOS4yLDEuMiA5LjksMS4yIDE5LjIsMS4yIDE5LjIsMTAuMyAiLz4NCjwvc3ZnPg0K"); background-repeat:no-repeat;
	display:inline-block;}

.jc {
	justify-content:center;}

.fc {
	align-items:center;}

.f-1 {
	flex:1;}

.fb-400 {
	flex-basis:400px;}

.d-flex {
	flex-wrap:wrap;
	display:flex;}

.link {
	color:#0f78d4;
	cursor:pointer;
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	text-decoration:none;}

.link:hover {
	color:#686868;}

.link:focus {
	color:#686868;
	text-decoration:underline;}

.bold {
	font-weight:600;}

.w-100 {
	width:100%!important;}

.w-auto {
	width:auto!important; min-width:auto!important; max-width:auto!important;}

.f-10 {
	font-size:10px;}

.l-30 {
	line-height:30px;}

.t-center {
	text-align:center;}

.c-white {
	color:#fff;}

.c-blue {
	color:#0f78d4;}

.hr {
	border-top: 0.2px solid #eee;}

.btn-border {
	padding:10px 20px;
	line-height:20px;
	font-family:'lefoka-live-font', sans-serif; font-weight:300; font-size:14px;
	text-decoration:none;
	color:#686868;
	cursor:pointer;
	transition:all .1s linear;
	border:1px solid #686868; border-radius:50px;
	display:inline-block;}

.btn-border:hover {
	color:#fff;
	border-color:#0f78d4;
	background:#0f78d4;}

.btn-border:focus {
	font-weight:600!important;}

.border {
	border:1px solid #eee;}

.border-radius {
	border-radius:4px;}

.d-block {
	display:block;}

.bg-blue {
	background:#0f78d4;}



/* Vertical menu */
.menu {
	padding:0 70px;
	z-index:2;
	align-items:center;
	display:flex;
	border-bottom:1px solid #eee;
	background:#fff;}

.menu img {
	vertical-align:middle;}

.logo {
	font-size:12px;
	text-decoration:none;}

.logo-extended-main {
	color:#fff;
	line-height:1;}

.logo-extended {
	margin-left:10px;}

.nav {
	margin-right:auto;
	align-items:center;}

.nav-links .d-flex {
	grid-gap:20px;}

.nav-links a {
	padding:25px 8px;
	color:#686868;
	font-size:12px; font-weight:300;
	text-decoration:none;
	display:inline-block;}

.nav-links a:hover {
	color:#000;}

.nav-links a.active-link {
	color:#000;
	border-bottom:2px solid #0f78d4;}

.nav-pop > a:not(.btn-border), .nav-pop button:not(.close-aside-assist, .signout) {
	margin-left:10px;
	width:44px; height:44px;
	cursor:pointer;}

.nav-pop > .btn-border {
	color:#fff;
	border-color:#0f78d4;
	background:#0f78d4;}

.nav-pop > .btn-border.outbound-link:after {
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjUgMjAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQo8L3N0eWxlPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS40LDEuMiAxLjIsMS4yIDEuMiwxOS4zIDE5LjIsMTkuMyAxOS4yLDE1LjUgIi8+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI2LjMsMTQuMiAxOS4yLDEuMiA5LjksMS4yIDE5LjIsMS4yIDE5LjIsMTAuMyAiLz4NCjwvc3ZnPg0K");}

.menu-mobile-s, .menu-mobile-s-close {
	display:none;}

.menu-mobile {
	position:absolute;
	top:63.3px; right:0;
	z-index:12;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	border-bottom:1px solid #eee;
	display:none;
	background:#fff;}

.menu-mobile a {
	padding:18px 17.2px;
	color:#686868;
	font-size:12px; font-weight:300;
	text-decoration:none;
	border:1px dashed transparent;
	display:block;}

.menu-mobile a:focus {
	outline:none!important;}

.menu-mobile a:hover, .menu-mobile a:focus {
	border-color:#000;}

.menu-mobile .active-link {
	color:#0f78d4;}

.aside-assist {
	position:fixed;
	overflow:auto;
	overflow-x:hidden;
	top:0; right:0;
	z-index:12;
	width:400px; height:100vh;
	box-shadow:0 5px 20px rgba(0,0,0,.08);
	display:none;
	background:#fff;}

.aside-assist .inline-2 {
	padding:10px;}

.aside-assist button {
	cursor:pointer;}

.aside-assist ul {
	padding:0 40px 40px;}

.aside-assist ul li {
	width:49%;
	display:inline-block;}

.aside-assist ul li a {
	display:inline-block;}

.close-aside-assist img {
	filter:invert(1);}

.close-aside-assist:focus {
	outline-color:#fff!important;}



/* Input */
.form input, .form textarea, #mfeedback, select {
	margin-top:5px; padding:6px; 
	width:100%; min-width:100%; max-width:100%;
	color:#686868;
	font-family:'lefoka-live-font', sans-serif; font-size:13px; font-weight:300;
	border:1px solid #d4d4d4; border-radius:0;
	background:transparent;}

#mfeedback {
	max-width:200px; height:100px; min-height:100px;}

select {
	cursor:pointer;
	background:#fff;}

.form input:focus, .form textarea:focus, #mfeedback:focus, select:focus {
	border-bottom-color:#0f78d4!important;}

.form li {
	padding:8px;
	font-size:13px;
	cursor:pointer;}

.form li:hover {
	background:#f7f7f7;}

.form .btn-border {
	color:#fff;
	border:none;
	background:#0f78d4!important;}

.form .f-10 {
	font-size:12px;}

#ccheck {
	width:auto; max-width:auto; min-width:auto;}

.select {
	position:relative;}

.select .trigger {
	margin-top:5px; padding:6px;
	line-height:21px;
	cursor:pointer;
	font-size:13px; font-weight:300;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #d4d4d4;
	background:transparent;}

.select .trigger.open {
	border-bottom-color:#0f78d4;}

.select .options {
	position:absolute;
	left:0;
	z-index:50;
	margin:0;
	min-width:150px; max-height:200px;
	list-style:none;
	visibility:hidden;
	overflow:auto;
	border:1px solid #d4d4d4;
	background:#fff;}

.select .options.open {
	visibility:visible;
	top:40px;}

.select .options li {
	padding:10px 12px;
	cursor:pointer;
	white-space:nowrap;}

.select .options li.selected {
	font-weight:600;
	background:#eee;}

.select .options li.hover {
	color:#0f78d4;
	font-weight:600;}



/* Bread crumb */
.breadcrumb {
	padding:19px 70px 0;
	width:100%;
	font-size:12px;
	flex-wrap:space-between;
	display:flex;}

.breadcrumb ol {
	list-style:none;}

.breadcrumb li {
	display:inline;}

.breadcrumb li + li::before {
    content:'';
    margin:0 3px;
	height:10px;
    transform:rotate(15deg);
    border-right:1px solid #686868;
	display:inline-block;}

.breadcrumb *:first-child {
	margin-right:auto;}

.breadcrumb ol a {
	color:#000;
	font-size:12px;}

.breadcrumb a.active {
	color:#686868;
	font-size:12px;}



/* Module */
.module {
	position:relative;
	min-height:500px;
	overflow:hidden; 
	background:#eee;}

.module picture img, .module > img {
	margin:auto;
	position:absolute;
	top:0; bottom:0;
	z-index:1;
	width:100%;}

.module-content {
	position:relative;
	z-index:1;
	width:300px;
	background:#fff;}

.module-content img {
	width:100%;}

.products-solutions {
	justify-content:space-between;}

.products-solutions a {
	color:#686868;}

.products-solutions a:hover {
	color:#000;}



/* Accordion */
.accordion {
	border:1px solid #eee; border-bottom:none;}

.accordion-child {
	width:100%;
	cursor:pointer;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid #eee;}

.accordion-child .inline-2 {
	margin:0; padding:15px;
	border-radius:4px 4px 0 0;}

.accordion-child .inline-2:focus {
	outline:none!important;
	background:#fafafa;}

.accordion-child .inline-2:focus span {
	color:#0f78d4;
	font-weight:600;}

.inline-2 {
	align-items:center;
	flex-wrap:space-between;
	display:flex;}

.inline-2 *:first-child {
	margin-right:auto;}

.accordion-indicator {
	margin-top:-2px;
	transform:rotate(180deg); -ms-transform:rotate(180deg);
	display:inline-block;}

.answer {
	margin:0px;
	padding:5px 40px 26px;}

.answer a {

	display:block;}

.note {
	padding:10px 20px;
	background:#fafafa;}



/* Load */
.load {
  position:relative;
  animation:fade 1s infinite;}

@keyframes fade {
	0% {opacity:1;} 50% {opacity:.6;} 100% {opacity:1;}}



/* Footer */
footer > div:first-of-type {
	background:#fafafa;}

footer .link {
	color:#686868;}

footer h2 {
	font-size:30px; font-weight:600;
	line-height:40px;
	color:#0f78d4;}



/* Queries*/
@media(max-width: 1440px) {
	.cnt {
		width:100%;}}

@media(max-width: 1024px) {
	.mx-80 {
		margin:0;}

	.cnt .d-flex, footer .d-flex:not {
		display:block;}

	.module {
		min-height:auto;
		background:none!important;}

	.module-content {
		width:100%;}

	.module-content.p-40 {
		padding:0;}

	.module-content img {
		margin-bottom:20px;}}

@media (max-width: 768px) {
	.menu {
		padding:9px 20px;}

	.menu-mobile-s {
		display:inline;}

	.logo-extended {
		display:none;}

	.nav .nav-links {
		display:none;}

	.cnt {
		padding:0 20px 50px;}

	article {
		width:100%;}

	article .d-flex {
		text-align:center;
		display:block;}

	article .d-flex div {
		margin-top:20px;}

	.breadcrumb {
		padding:19px 19px 0;}

	.breadcrumb > a {
		display:none;}

	.products-solutions {
		display:block;}

	.products-solutions a {
		align-items:center;
		text-align:left;
		display:flex;}

	.products-solutions a img {
		margin-right:30px;}

	.mb-mobile-30 {
		margin-bottom:30px;}

	footer.cnt {
		padding:0 20px 0;}

	footer .d-flex:last-of-type > a {
		flex:100%;}

	footer .d-flex:last-of-type div {
		margin-top:10px;}

	footer .d-flex:last-of-type div a {
		margin-top:20px;
		display:inline-block;}}

@media(min-width: 768px) {
	.menu-mobile, .menu-mobile-s, .menu-mobile-s-close {
		display:none!important;}}

@media (max-width: 450px) {
	.aside-assist {
		width:100%;}}