/*!
* Copyright 2021, Lefoka https://www.lefoka.co.za
* 18 March 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(textarea) {
	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:#242b2f;}

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

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

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

ul:not(.options) li::before {
	margin-left:-1em;
	content:"\2022";
	width:1em;
	color:#242b2f;
	font-weight:bold;
	display:inline-block;}

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

.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-30 {
	margin-bottom:30px;}

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

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

.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 b {
	font-weight:600;}

article a {
	color:#242b2f;
	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 {
	margin:0 3px 0 4px;
	position:relative;
	top:3.4px;
	content:'';
	width:10px; height:13px;
	background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC41IDIwLjU0Ij48cG9seWxpbmUgcG9pbnRzPSI1LjQgMS4yNSAxLjI1IDEuMjUgMS4yNSAxOS4yOSAxOS4yNSAxOS4yOSAxOS4yNSAxNS40OCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzI0MmIzNDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjIuNXB4Ii8+PHBvbHlsaW5lIHBvaW50cz0iNi4yOCAxNC4yMiAxOS4yNSAxLjI1IDkuODcgMS4yNSAxOS4yNSAxLjI1IDE5LjI1IDEwLjI3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMjQyYjM0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6Mi41cHgiLz48L3N2Zz4="); background-repeat:no-repeat;
	display:inline-block;}

.jc {
	justify-content:center;}

.fc {
	align-items:center;}

.f-1 {
	flex:1;}

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

.link {
	color:#242b2f;
	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;}

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

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

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

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

.c-black {
	color:#242b2f;}

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

.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:#242b2f;
	background:#242b2f;}

.btn-border.active {
    color:#fff;
    border-color:#242b2f;
    background:#242b2f;}

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

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

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

.bg-black {
	background:#242b2f;}



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

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

.nav a:not(.logo) {
	text-decoration:none;
	padding:25px 8px;}

.nav a:not(.logo):hover {
	color:#000;}

.nav .active-link {
	color:#000;
	border-bottom:2px solid #242b2f;}

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

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

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

.logo-extended span {
	margin-right:10px;}

.nav-links {
	margin-left:30px;
	grid-gap:20px;}

.nav-links a {
	color:#686868;
	font-size:12px; font-weight:300;}

.menu .nav-pop > .btn-border {
	color:#fff;
	border-color:#242b2f;
	background:#242b2f;}

.menu img {
	vertical-align:middle;}

.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:2px dotted transparent;
	display:block;}

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

.menu-mobile a:hover, .menu-mobile a:focus {
	border:2px dotted #eee!important;}

.menu-mobile .active-link {
	color:#242b2f;}

/* Menu secondary */
.menu-secondary .nav-links {
    margin-left:0;}

.menu-secondary .nav a {
    text-decoration: none;
    padding: 15px 8px;}

/* 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;}

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

.form input:focus, .form textarea:focus, select:focus {
	border-bottom-color:#242b2f;}

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

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

.form .btn-border {
	color:#fff;
	border:none;
	background:#242b2f!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:#242b2f;}

.select .options {
	position:absolute;
	left:0;
	z-index:50;
	margin:0;
	min-width:150px; max-height:300px;
	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:#242b2f;
	font-weight:600;}



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

.breadcrumb div {
	font-size:12px;}

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

.breadcrumb a {
	text-decoration:none;
    color:#686868;}



/* Module */
.module {
	min-height:500px;
	background:url(/images/banner.webp) #fafafa no-repeat center center; background-size:cover;}

.module-content {
	width:300px;
	background:#fff;}

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



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

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

.accordion-child .inline-2 {
	margin:0;
	padding-bottom:15px;}

.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 {
	padding:5px 0 26px;}

.answer a {
	display:block;}
	
.note {
	padding:10px 20px;
	background:#fafafa;}



/* Editor */
.editor {
	position:fixed;
	left:20px; bottom:20px;
	cursor:pointer;}

.command {
	position:fixed;
	z-index:1;}

.command > div button {
	padding:10px;
	color:#fff;
	cursor:pointer;}

.content {
	margin-top:78px;}

.content:hover .widget, .content:focus .widget {
	opacity:1;}

.widget {
	position:relative;
	opacity:0;}

.widget:before {
	position:absolute;
	top:13px; left:0;
	content:"";
	width:100%; height:1px;
	background:#eee;}

.widget button {
	position:relative;
	padding:2px 10px;
	color:#fff;
	border-color:#fff; border-width:0px 15px 0 15px; border-radius:0;
	background:#242b2f;}

.widget button:hover {
	border-color:#fff;
	background:#000;}

.insert-widget {
	position:fixed;
	right:20px; bottom:20px;
	grid-gap:20px;
	background:rgba(255,255,255,.8);}

.insert-widget:hover {
	border-color:#000;}

.insert-widget div {
	padding:0 5px;
	cursor:pointer;}

.insert-widget-action {
	font-size:12px;}

.insert-widget-action:hover {
	color:#000;}

	

/* Alert */
.alert {
	position:fixed; top:0;
	z-index:999;
	width:100%; height:100vh;
	overflow:auto; overflow-x:hidden;
	background:rgba(000,000,000,.5);}

.alert > div {
	position:relative;
	margin:20px;
	width:500px;
	border-radius:4px;
	background:#fff;}

.alert .inline-2 {
	padding:10px;
	border-radius:4px 4px 0 0;}

.alert .inline-2 h2 {
	color:#fff;}

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



/* Manage */
.manage div {
	width:30%;}

.manage div:last-of-type {
	width:10%;}

.plans div:nth-child(3) {
	width:10%;}

.plans div:last-of-type {
	width:30%;}

.manage .form {
	margin-top:17px;}

.manage .form input {
	margin:0;
	border-right:none;
	width:90%; min-width:80%; max-width:80%;
	outline:none!important;}
	
.manage .form .btn-border {
	padding:10px 5px;
	width:10%;
	line-height:1;
	border-radius:0;
	border: 1px solid #d4d4d4;
	outline:none!important;
	background:#fff!important;}

.manage .form .btn-border:hover {
	background:#d4d4d4!important;}

/* Footer */
footer .link {
	color:#686868;}



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

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

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

	.logo-extended, .menu-secondary {
		display:none;}

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

	.menu .nav-pop > .btn-border {
		margin-right:20px;}

	.mx-80 {
		margin:0;}

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

	article {
		width:100%;}

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

	.module-content {
		width:100%;}

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

	.module-content img {
		margin-bottom:20px;}
		
	.manage:first-of-type {
		display:none;}

	.manage div:first-of-type {
		margin-top:20px; padding-top:20px;
		border-top:0.2px solid #eee;}

	.manage div, .plans div:nth-child(3), .plans div:last-of-type, .plans .form {
		width:100%;}
		
	.manage .form .btn-border {
		width:20%;}}

@media (max-width: 768px) {
	.cnt {
		padding:0 20px 50px;}	
		
	.insert-widget {
		left:20px;}

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

	.breadcrumb > a {
		display:none;}

	.command div{
		margin-right:20px;}

	.editor {
		left:87%;}

	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: 1024px) {
	.menu-mobile, .menu-mobile-s, .menu-mobile-s-close {
		display:none!important;}}

@media(max-width: 440px) {
	.module {
		display:block!important;}}