/* mobile-first css */
body, html {
    height:				100%;
    margin:				0;
    display:			flex;
    justify-content:	center;
    align-items:		center;
    background-color: white; /* You can change this as per your color scheme */
}

/* containers and divs */
.container {
	max-width:		98%;
	margin:			0 auto;
	font-size:		1rem;
}

.container:before {
    content:		"";
    display:		table;
}
.container:after {
    clear:			both;
}
.container div {
	float:			left;
}

.logo {
    max-width:		80%;
    height:			auto;
}


/* fonts & headings */
p {
    font:			1em normal "Titillium Web", Arial, Helvetica, sans-serif;
    line-height:	1.2em;
    margin:			0px;
}
h1 {
    font:			1.5em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
}
h2 {
    font:			1.4em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
}
h3 {
    font:			1.3em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
	padding:		0px;
}
h4 {
    font:			1.2em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
	padding: 		0px;
}
h5 {
    font:			1.1em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
	padding: 		0px;
}
h6 {
    font:			0.8em normal "Titillium Web", Arial, Helvetica, sans-serif;
    margin:			0px;
	padding: 		0px;
}

.allcaps{
	text-transform: capitalize;
}

/* colours */
.black				{	color:				#000000			}
.lgrey				{	color:				#CCCCCC			}
.mgrey				{	color:				#999999			}
.dgrey				{	color:				#667				}
.lorange			{	color:				#ffCC33			}
.dorange			{	color:				#ff9900			}
.lgreen 			{	color:				#00CC33			}
.dgreen 			{	color:				#006600			}
.red				{	color:				#FF0000			}
.blue				{	color:				#0083C9			}
.ltblue				{	color:				#0083C9			}
.white				{	color:				#FFFFFF			}

.bg-blue 			{	background-color: #0083C9;				}
.bg-beige 			{	background-color: beige;				}
.bg-dbeige	 		{	background-color: #dcd8c2;				}
.bg-lbeige	 		{	background-color: #e4e4cb;				}
.bg-blue	 		{	background-color: #0083C9;				}
.bg-red				{	background-color: red;					}
.bg-pred			{	background-color: #ebc2c0;				}
.bg-red:hover		{	background-color: rgb(195, 0, 0);		}
.bg-pink			{	background-color: pink;				}
.bg-lgrey			{	background-color: lightgrey;			}
.bg-grey			{	background-color: grey;				}
.bg-green			{	background-color: #84C44C;				}
.bg-pgreen			{	background-color: #c2eabf;				}
.bg-lgreen			{	background-color: lightgreen;			}
.bg-yellow			{	background-color: rgb(217, 255, 0);	}
.bg-orange			{	background-color: orange;				}
.bg-lorange			{	background-color: rgb(255, 208, 0);	}
.bg-dgrey			{	background-color: darkgrey;			}


.icon 				{
    transition:		all 0.2s ease;
    transform:		scale(1);
    vertical-align:	middle;
}
.icon:hover			{
	filter:			grayscale(100%);
}

/* Buttons 				*/
.txtbtn				{
	font:			bold 1em "Titillium Web", Arial, Helvetica, sans-serif;
    line-height:	1.2em;
    margin:			0px;
	background:		none;
	border:			none;
	color: 			#0083C9;
	text-decoration:none;
	cursor:			pointer; 
}
.txtbtn:hover {
	text-decoration: none;
}

.btn {
	background-color: #0083C9;
	border: none;
	color: white;
	font: 1em "Titillium Web", Arial, Helvetica, sans-serif;
	border-radius: 7px;
	margin: 0 10px 0 10px;
	width: 12em;
	text-align: center;
	height: 2.5em;
	line-height: 2.2em;
	position: relative;
	transition: all 0.30s ease-in-out;
}

.btn:disabled {
	background-color: #ccc;
	color: #000;
	transition: all 0.30s ease-in-out;
}

.btn:hover {
	cursor: pointer;
	filter: drop-shadow(0px 0px 5px rgba(100, 100, 100, 1));
	transition: all 0.30s ease-in-out;
}

/* inputs */
.textinput {
	font: 1em Exo, Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
	border: 1px solid #ccc;
	padding: 5px 0 5px 0;
}

.textinput:focus, .textinput-short:focus {
	border-color: #8F8F8F;
	background-color: #F4F4F4;
	-webkit-box-shadow: 0px 0px 11px 5px rgba(224,224,224,1);
	-moz-box-shadow: 0px 0px 11px 5px rgba(224,224,224,1);
	box-shadow: 0px 0px 11px 5px rgba(224,224,224,1);
}


/* bottom navbar */
.navbar {
	overflow: hidden;
	border-top: 1px solid grey;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-left: auto;
	padding-right: auto;
}

/* fixed header */
.header {
	overflow: show;
	border-top: 1px solid grey;
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid lightgrey;
	-webkit-filter: drop-shadow(0px 0px 11px rgba(150, 150, 150, 1));
	z-index: 1;
}




.w-10pc 			{	width: 10%								}
.w-11pc 			{	width: 11%								}
.w-12pc 			{	width: 12%								}
.w-13pc				{	width: 13%								}
.w-14pc				{	width: 14%								}
.w-15pc				{	width: 15%								}
.w-16pc				{	width: 16%								}
.w-17pc				{	width: 17%								}
.w-18pc				{	width: 18%								}
.w-19pc				{	width: 19%								}
.w-20pc				{	width: 20%								}
.w-21pc				{	width: 21%								}
.w-22pc				{	width: 22%								}
.w-23pc				{	width: 23%								}
.w-24pc				{	width: 24%								}
.w-25pc				{	width: 25%								}
.w-26pc				{	width: 26%								}
.w-27pc				{	width: 27%								}
.w-28pc				{	width: 28%								}
.w-29pc				{	width: 29%								}
.w-30pc				{	width: 30%								}
.w-31pc				{	width: 31%								}
.w-32pc				{	width: 32%								}
.w-33pc				{	width: 33%								}
.w-34pc				{	width: 34%								}
.w-35pc				{	width: 35%								}
.w-36pc				{	width: 36%								}
.w-37pc				{	width: 37%								}
.w-38pc				{	width: 38%								}
.w-39pc				{	width: 39%								}
.w-40pc				{	width: 40%								}
.w-41pc				{	width: 41%								}
.w-42pc				{	width: 42%								}
.w-43pc				{	width: 43%								}
.w-44pc				{	width: 44%								}
.w-45pc				{	width: 45%								}
.w-46pc				{	width: 46%								}
.w-47pc				{	width: 47%								}
.w-48pc				{	width: 48%								}
.w-49pc				{	width: 49%								}
.w-50pc				{	width: 50%								}
.w-51pc				{	width: 51%								}
.w-52pc				{	width: 52%								}
.w-53pc				{	width: 53%								}
.w-54pc				{	width: 54%								}
.w-55pc				{	width: 55%								}
.w-56pc				{	width: 56%								}
.w-57pc				{	width: 57%								}
.w-58pc				{	width: 58%								}
.w-59pc				{	width: 59%								}
.w-60pc				{	width: 60%								}
.w-61pc				{	width: 61%								}
.w-62pc				{	width: 62%								}
.w-63pc				{	width: 63%								}
.w-64pc				{	width: 64%								}
.w-65pc				{	width: 65%								}
.w-66pc				{	width: 66%								}
.w-67pc				{	width: 67%								}
.w-68pc				{	width: 68%								}
.w-69pc				{	width: 69%								}
.w-70pc				{	width: 70%								}
.w-71pc				{	width: 71%								}
.w-72pc				{	width: 72%								}
.w-73pc				{	width: 73%								}
.w-74pc				{	width: 74%								}
.w-75pc				{	width: 75%								}
.w-76pc				{	width: 76%								}
.w-77pc				{	width: 77%								}
.w-78pc				{	width: 78%								}
.w-79pc				{	width: 79%								}
.w-80pc				{	width: 80%								}
.w-81pc				{	width: 81%								}
.w-82pc				{	width: 82%								}
.w-83pc				{	width: 83%								}
.w-84pc				{	width: 84%								}
.w-85pc				{	width: 85%								}
.w-86pc				{	width: 86%								}
.w-87pc				{	width: 87%								}
.w-88pc				{	width: 88%								}
.w-89pc				{	width: 89%								}
.w-90pc				{	width: 90%								}
.w-91pc				{	width: 91%								}
.w-92pc				{	width: 92%								}
.w-93pc				{	width: 93%								}
.w-94pc				{	width: 94%								}
.w-95pc				{	width: 95%								}
.w-96pc				{	width: 96%								}
.w-97pc				{	width: 97%								}
.w-98pc				{	width: 98%								}
.w-99pc				{	width: 99%								}
.w-100pc 			{	width: 100%; 							}

.w-10vw 			{	width: 10vw							}
.w-11vw 			{	width: 11vw							}
.w-12vw 			{	width: 12vw							}
.w-13vw				{	width: 13vw							}
.w-14vw				{	width: 14vw							}
.w-15vw				{	width: 15vw							}
.w-16vw				{	width: 16vw							}
.w-17vw				{	width: 17vw							}
.w-18vw				{	width: 18vw							}
.w-19vw				{	width: 19vw							}
.w-20vw				{	width: 20vw							}
.w-21vw				{	width: 21vw							}
.w-22vw				{	width: 22vw							}
.w-23vw				{	width: 23vw							}
.w-24vw				{	width: 24vw							}
.w-25vw				{	width: 25vw							}
.w-26vw				{	width: 26vw							}
.w-27vw				{	width: 27vw							}
.w-28vw				{	width: 28vw							}
.w-29vw				{	width: 29vw							}
.w-30vw				{	width: 30vw							}
.w-31vw				{	width: 31vw							}
.w-32vw				{	width: 32vw							}
.w-33vw				{	width: 33vw							}
.w-34vw				{	width: 34vw							}
.w-35vw				{	width: 35vw							}
.w-36vw				{	width: 36vw							}
.w-37vw				{	width: 37vw							}
.w-38vw				{	width: 38vw							}
.w-39vw				{	width: 39vw							}
.w-40vw				{	width: 40vw							}
.w-41vw				{	width: 41vw							}
.w-42vw				{	width: 42vw							}
.w-43vw				{	width: 43vw							}
.w-44vw				{	width: 44vw							}
.w-45vw				{	width: 45vw							}
.w-46vw				{	width: 46vw							}
.w-47vw				{	width: 47vw							}
.w-48vw				{	width: 48vw							}
.w-49vw				{	width: 49vw							}
.w-50vw				{	width: 50vw							}
.w-51vw				{	width: 51vw							}
.w-52vw				{	width: 52vw							}
.w-53vw				{	width: 53vw							}
.w-54vw				{	width: 54vw							}
.w-55vw				{	width: 55vw							}
.w-56vw				{	width: 56vw							}
.w-57vw				{	width: 57vw							}
.w-58vw				{	width: 58vw							}
.w-59vw				{	width: 59vw							}
.w-60vw				{	width: 60vw							}
.w-61vw				{	width: 61vw							}
.w-62vw				{	width: 62vw							}
.w-63vw				{	width: 63vw							}
.w-64vw				{	width: 64vw							}
.w-65vw				{	width: 65vw							}
.w-66vw				{	width: 66vw							}
.w-67vw				{	width: 67vw							}
.w-68vw				{	width: 68vw							}
.w-69vw				{	width: 69vw							}
.w-70vw				{	width: 70vw							}
.w-71vw				{	width: 71vw							}
.w-72vw				{	width: 72vw							}
.w-73vw				{	width: 73vw							}
.w-74vw				{	width: 74vw							}
.w-75vw				{	width: 75vw							}
.w-76vw				{	width: 76vw							}
.w-77vw				{	width: 77vw							}
.w-78vw				{	width: 78vw							}
.w-79vw				{	width: 79vw							}
.w-80vw				{	width: 80vw							}
.w-81vw				{	width: 81vw							}
.w-82vw				{	width: 82vw							}
.w-83vw				{	width: 83vw							}
.w-84vw				{	width: 84vw							}
.w-85vw				{	width: 85vw							}
.w-86vw				{	width: 86vw							}
.w-87vw				{	width: 87vw							}
.w-88vw				{	width: 88vw							}
.w-89vw				{	width: 89vw							}
.w-90vw				{	width: 90vw							}
.w-91vw				{	width: 91vw							}
.w-92vw				{	width: 92vw							}
.w-93vw				{	width: 93vw							}
.w-94vw				{	width: 94vw							}
.w-95vw				{	width: 95vw							}
.w-96vw				{	width: 96vw							}
.w-97vw				{	width: 97vw							}
.w-98vw				{	width: 98vw							}
.w-99vw				{	width: 99vw							}
.w-100vw 			{	width: 100vw 						}

.h-10vh 			{	height: 10vh						}
.h-11vh 			{	height: 11vh						}
.h-12vh 			{	height: 12vh						}
.h-13vh				{	height: 13vh						}
.h-14vh				{	height: 14vh						}
.h-15vh				{	height: 15vh						}
.h-16vh				{	height: 16vh						}
.h-17vh				{	height: 17vh						}
.h-18vh				{	height: 18vh						}
.h-19vh				{	height: 19vh						}
.h-20vh				{	height: 20vh						}
.h-21vh				{	height: 21vh						}
.h-22vh				{	height: 22vh						}
.h-23vh				{	height: 23vh						}
.h-24vh				{	height: 24vh						}
.h-25vh				{	height: 25vh						}
.h-26vh				{	height: 26vh						}
.h-27vh				{	height: 27vh						}
.h-28vh				{	height: 28vh						}
.h-29vh				{	height: 29vh						}
.h-30vh				{	height: 30vh						}
.h-31vh				{	height: 31vh						}
.h-32vh				{	height: 32vh						}
.h-33vh				{	height: 33vh						}
.h-34vh				{	height: 34vh						}
.h-35vh				{	height: 35vh						}
.h-36vh				{	height: 36vh						}
.h-37vh				{	height: 37vh						}
.h-38vh				{	height: 38vh						}
.h-39vh				{	height: 39vh						}
.h-40vh				{	height: 40vh						}
.h-41vh				{	height: 41vh						}
.h-42vh				{	height: 42vh						}
.h-43vh				{	height: 43vh						}
.h-44vh				{	height: 44vh						}
.h-45vh				{	height: 45vh						}
.h-46vh				{	height: 46vh						}
.h-47vh				{	height: 47vh						}
.h-48vh				{	height: 48vh						}
.h-49vh				{	height: 49vh						}
.h-50vh				{	height: 50vh						}
.h-51vh				{	height: 51vh						}
.h-52vh				{	height: 52vh						}
.h-53vh				{	height: 53vh						}
.h-54vh				{	height: 54vh						}
.h-55vh				{	height: 55vh						}
.h-56vh				{	height: 56vh						}
.h-57vh				{	height: 57vh						}
.h-58vh				{	height: 58vh						}
.h-59vh				{	height: 59vh						}
.h-60vh				{	height: 60vh						}
.h-61vh				{	height: 61vh						}
.h-62vh				{	height: 62vh						}
.h-63vh				{	height: 63vh						}
.h-64vh				{	height: 64vh						}
.h-65vh				{	height: 65vh						}
.h-66vh				{	height: 66vh						}
.h-67vh				{	height: 67vh						}
.h-68vh				{	height: 68vh						}
.h-69vh				{	height: 69vh						}
.h-70vh				{	height: 70vh						}
.h-71vh				{	height: 71vh						}
.h-72vh				{	height: 72vh						}
.h-73vh				{	height: 73vh						}
.h-74vh				{	height: 74vh						}
.h-75vh				{	height: 75vh						}
.h-76vh				{	height: 76vh						}
.h-77vh				{	height: 77vh						}
.h-78vh				{	height: 78vh						}
.h-79vh				{	height: 79vh						}
.h-80vh				{	height: 80vh						}
.h-81vh				{	height: 81vh						}
.h-82vh				{	height: 82vh						}
.h-83vh				{	height: 83vh						}
.h-84vh				{	height: 84vh						}
.h-85vh				{	height: 85vh						}
.h-86vh				{	height: 86vh						}
.h-87vh				{	height: 87vh						}
.h-88vh				{	height: 88vh						}
.h-89vh				{	height: 89vh						}
.h-90vh				{	height: 90vh						}
.h-91vh				{	height: 91vh						}
.h-92vh				{	height: 92vh						}
.h-93vh				{	height: 93vh						}
.h-94vh				{	height: 94vh						}
.h-95vh				{	height: 95vh						}
.h-96vh				{	height: 96vh						}
.h-97vh				{	height: 97vh						}
.h-98vh				{	height: 98vh						}
.h-99vh				{	height: 99vh						}
.h-100vh 			{	height: 100vh 						}


/* positioning */
.align-l			{	text-align: left !important				}
.align-r			{	text-align: right !important			}
.align-c			{	text-align: center !important			}

.align-t			{	vertical-align: top !important			}
.align-b			{	vertical-align: bottom !important		}
.align-m			{	vertical-align: middle !important		}

.float-l			{	float: left;							}
.float-r			{	float: right;							}
.float-t 			{	float: top;								}
.float-b			{	float: bottom;							}
.float-c			{	margin-left: auto; margin-right: auto !important;				}

.flex				{	display: flex; justify-content: center; align-items: center;	}
.flex-h				{	display: flex; justify-content:	center;							}
.flex-v				{	display: flex; align-items: center;								}
.flex-r				{	display: flex; justify-content:	flex-end; 						}
.flex-l				{	display: flex; justify-content:	flex-start;						}

/*															*/
/*	████████  █████  ██████  ██      ███████ ████████ 		*/
/*	   ██    ██   ██ ██   ██ ██      ██         ██    		*/
/*	   ██    ███████ ██████  ██      █████      ██    		*/
/*	   ██    ██   ██ ██   ██ ██      ██         ██    		*/
/*	   ██    ██   ██ ██████  ███████ ███████    ██			*/
/*															*/

@media (min-width: 768px) {

	.container {
		padding:			2rem;
		font-size:			1.05rem;
	}

}

/*																*/
/*	██████  ███████ ███████ ██   ██ ████████  ██████  ██████  	*/
/*	██   ██ ██      ██      ██  ██     ██    ██    ██ ██   ██ 	*/
/*	██   ██ █████   ███████ █████      ██    ██    ██ ██████  	*/
/*	██   ██ ██           ██ ██  ██     ██    ██    ██ ██      	*/
/*	██████  ███████ ███████ ██   ██    ██     ██████  ██      	*/
/*	   															*/

@media (min-width: 1024px) {

	.container {
		max-width:		1280px;
		margin:			0 auto;
		font-size:		1.1rem;
	}

	.logo {
		max-width:		55%;
		height:			auto;
	}

}