.label {margin: 2px 0;}
	.field {margin: 0 0 20px 0;}	
		.content {width: 960px;margin: 0 auto;}
		h1, h2 {font-family:"Georgia", Times, serif;font-weight: normal;}
		div#central {margin: 40px 0px 100px 0px;}
		@media all and (min-width: 768px) and (max-width: 979px) {.content {width: 750px;}}
		@media all and (max-width: 767px) {
			body {margin: 0 auto;word-wrap:break-word}
			.content {width:auto;}
			div#central {	margin: 40px 20px 100px 20px;}
		}
		body {font-family: 'Helvetica',Arial,sans-serif;background:#ffffff;margin: 0 auto;-webkit-font-smoothing: antialiased;  font-size: initial;line-height: 1.7em;}	
		input, textarea {width:100%;padding: 15px;font-size:1em;border: 1px solid #A1A1A1;	}
		button {
			padding: 12px 60px;
			background: #5BC6FF;
			border: none;
			color: rgb(40, 40, 40);
			font-size:1em;
			font-family: "Georgia", Times, serif;
			cursor: pointer;	
		}
		#message {  padding: 0px 40px 0px 0px; }
		#mail-status {
			padding: 12px 20px;
			width: 100%;
			display:none; 
			font-size: 1em;
			font-family: "Georgia", Times, serif;
			color: rgb(40, 40, 40);
		}
	  .error{background-color: #cc0000;  color:  white; padding:  5px;}
	  .success{background-color: #48e0a4; }
		.g-recaptcha {margin: 0 0 25px 0;}	  

.blueBg {
	background-color: #333356;
}

.smallLogo {
	max-height: 80px;
}

.header-title {
	color: white;
	justify-self: flex-start;
	padding-left: 20px;
	opacity: 0.8;
	font-weight: 600;
	font: 500 15px/22px Bai Jamjuree;
	letter-spacing: normal;
	margin: 0;
}

.title-text {
	word-break: break-all;
	white-space: normal;
}


section.smallwWhiteSection {
	background: white;
	padding: 20px;
	border-bottom: 1px solid #eee;
}

.breadcrumbsBtn {
	font-family: Bai Jamjuree;
	font-size: 14px;
	font-weight: 500;
	color: #0b5393;
}

.choice-wrapper {
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choice-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	flex: 1;
	margin: 10px;
	padding: 50px 20px;
	cursor: pointer;
	background: #333356;
	color: white;
}

.choice-img {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 20px 0px;
}

.choice-box .fas,
.choice-box .far {
	font-size: 80px;
}

.choice-box:hover {
	background: #2c2c4b;
	color: white;
	border-color: #2c2c4b;
}

.smallSectionBox {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px #c888;
	margin: 10px 0;
	padding: 0;
}

.smallSectionHeader {
	background: #333356;
	margin: 0;
	color: white;
	padding: 10px 30px;
}

ul.custom-list-choice li {
	padding-left: 20px;
	text-decoration: none;
}

ul.custom-list-choice li a {
	color: #212529;
}

ul.custom-list-choice>li:hover {
	background: #2c2c4b;
	color: white;
	border-color: #2c2c4b;
	text-decoration: none;
}

ul.custom-list-choice>li:hover a {
	background: #2c2c4b;
	color: white;
	border-color: #2c2c4b;
	text-decoration: none;
}

.custom-list-choice li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	/* text-transform: uppercase; */
	cursor: pointer;
	font-family: sans-serif;
}

ul.custom-list-choice {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.red-text {
	color: red;
}

input.form-control {
	border-width: 0 0 1px;
}

/* .form-control-placeholder {
	position: absolute;
	top: 0;
	padding: 7px 0 0 0;
	transition: all 300ms;
	opacity: 0.5;
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
	font-size: 80%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
}


input,
textarea {
	background-color: #F3E5F5;
	padding: 8px 0px 8px 0px !important;
	width: 100%;
	border-radius: 0 !important;
	box-sizing: border-box;
	border: none !important;
	border-bottom: 1px solid #F3E5F5 !important;
	font-size: 18px !important;
	color: #000 !important;
	font-weight: 300;
}

input:focus,
textarea:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #D32F2F !important;
	outline-width: 0;
	font-weight: 400;
} */

h4.section-title {
	color: #333356;
	border-bottom: 2px solid #333356;
	margin: 20px 0 40px !important;
}

body {
	background: #fafaff;
}

.mat-body,
.mat-body-1,
.mat-typography {
	font: 500 16px/24px Bai Jamjuree;
	letter-spacing: normal;
}

.whiteBg {
	background: white;
}

.banner-sm-img {
	max-height: 70px;
}

ul.simple-list {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin: 0;

}

.bannersFooter {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.redText {
	color: red;
}

.greenText {
	color: green;
}

@media screen and (max-width: 767px) {
	.choice-wrapper {
		flex-direction: column;
	}

	.choice-box {
		margin: 0px !important;
		margin-top: 10px !important;
	}

	.container-fluid,
	.navbar-light,
	.navbar-brand,
	.header-title {
		margin: 0;
		padding: 0;
	}

	.header-title {
		width: 100% !important;
	}

	.header-title span {
		display: block;
		margin-top: 10px;
	}

	.choice-box {
		padding: 0;
	}
}

@media screen and (max-width: 900px) {
	.bannersFooter {
		flex-direction: column;
	}

	/* .header-title {
		width: 70%;
	} */
}