:root {
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-size: 10px;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

html, body {
	width: auto;
}

body {
	margin: 0;
	padding: 0;
	padding-top: 8.6rem;
	padding-bottom: 2rem;
	border: 0;
	display: block;
	color: #303d47;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1.6rem;
	line-height: 1.7;
}

.unsupported-browser {
	color: #856404;
	background-color: #fff3cd;
	border: 1px #ffeeba solid;
	border-radius: 2.5px;
	padding: 1rem 2rem;
	margin-bottom: 2rem;
	width: 50%;
}

.application {
}

	.application a {
		cursor: pointer;
		text-decoration: none;
		color: #00788b;
	}

		.application a:hover {
			text-decoration: underline;
		}

	.application header {
		box-shadow: 0 1px #ccc;
		margin-bottom: 1.2rem;
		left: 0px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 1000;
		background-color: #fff;
	}

	.application .header-content {
		width: 100%;
		height: 7rem;
		padding: .4rem 0;
		margin: 0 7%;
	}

		.application .header-content .logo-bg {
			background-image: url(/img/sme-logo.png);
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
			width: 15rem;
			height: 5rem;
			position: relative;
			top: -1rem;
			color: transparent;
		}

		.application .header-content .title {
			font-family: Poppins,Arial,Helvetica Neue,Helvetica,sans-serif;
			font-weight: 700;
			font-size: 3.2rem;
			color: #153254;
			display: inline-block;
			position: relative;
			top: 1.2rem;
		}

	.application .body-content {
		min-height: 50rem;
		padding-top: 2rem;
		margin: 0 8%;
	}

	.application footer {
		margin-top: 2rem;
	}

.container {
	padding: 0 1.6rem;
}

select {
	width: auto;
}

form {
	width: 100%;
}

label {
	font-weight: 600;
	margin-bottom: 0;
}

.label-note {
	font-size: smaller;
	color: #777;
	line-height: 1.3;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

textarea {
	font-family: unset;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

span.field-validation-valid {
	display: none;
}

.progress-cursor {
	cursor: progress !important;
}

.hide, .hidden {
	display: none;
}

.button-row {
	margin: 2rem 0;
}

.btn:first-child {
	margin-right: .3rem;
}

.btn.btn-sm {
	padding: .5rem 1rem;
}

.form-main-body .form-element label.error,
.required-msg {
	color: #dc3545;
	font-weight: 600;
	padding-left: .4rem;
}

.form-main-body .form-section {
	margin-bottom: 4.8rem;
}

.form-main-body .form-section-checkbox {
	font-weight: 400;
	top: 3px;
	position: relative;
}

	.form-main-body .form-section-checkbox input[type=checkbox].large-checkbox {
		height: 20px;
		width: 20px;
		cursor: pointer;
		vertical-align: text-bottom;
		margin-right: 4px;
	}

.form-main-body .form-element {
	margin-bottom: 1rem;
}

	.form-main-body .form-element label {
		font-size: 1.6rem;
		font-weight: 600;
		min-width: unset;
		vertical-align: unset !important;
	}

	.form-main-body .form-element .form-checkbox span {
		width: calc(100% - 20px);
	}

	.form-main-body .form-element .form-checkbox input[type=checkbox] {
		vertical-align: top;
		margin-top: 7px;
	}

	.form-main-body .form-element .delivery-type {
		max-width: 20rem;
	}

	.form-main-body .form-element.ValidationRequired:not(.form-input-checkbox) label.error:after,
	.form-main-body .form-element .consent-checkbox-text.ValidationRequired:after,
	.form-main-body .form-element .privacy-checkbox-text.ValidationRequired:after,
	.form-main-body .form-section-hdr.ValidationRequired:after {
		color: #dc3545;
		content: "*";
		display: inline-block;
		margin-left: .2rem;
	}

	.form-main-body .form-element.ValidationRequired .privacy-checkbox-text:after {
		color: #dc3545;
		content: "*";
		display: inline-block
	}

	.form-main-body .form-element .form-checklist-box {
		margin-left: 1rem;
		font-weight: 500;
	}

	.form-main-body .form-element .consent-checkbox,
	.form-main-body .form-element .privacy-checkbox {
		vertical-align: top;
		margin-top: 3px;
	}

	.form-main-body .form-element .consent-checkbox-text,
	.form-main-body .form-element .privacy-checkbox-text {
		font-size: 1.4rem;
		width: 90%;
		line-height: 1.3;
		margin-left: .2rem;
		vertical-align: top;
	}

	.form-main-body .form-element.small-print {
		line-height: 1.3;
		margin-top: 0;
		padding: 0 .5rem;
		font-size: 1.2rem;
		font-style: italic;
	}

		.form-main-body .form-element.small-print.consent-privacy-block {
			font-size: 1.4rem;
			padding: 1rem 0 0;
		}

		.form-main-body .form-element.small-print a {
			font-weight: 600;
			font-style: normal;
		}

	.form-main-body .form-element .form-checkbutton-list {
		margin-top: 1rem;
	}

		.form-main-body .form-element .form-checkbutton-list .form-checkbutton {
			margin-left: -1.5rem;
		}

	.form-main-body .form-element .form-checkbutton {
		border: 1px solid #888;
		min-height: 3rem;
		border-radius: 2rem;
		display: inline-block;
		padding: 0 1rem;
		cursor: pointer;
	}

		.form-main-body .form-element .form-checkbutton input {
			width: 0;
			height: 0;
			position: absolute;
			left: -9999px;
		}

		.form-main-body .form-element .form-checkbutton span {
			padding: 0 .8rem;
			vertical-align: middle;
			font-size: 1.4rem;
		}

		.form-main-body .form-element .form-checkbutton.checked {
			background-color: #5F8BB3;
			color: white;
		}


		.form-main-body .form-element .form-checkbutton:focus-within {
			box-shadow: 0 0 3px black;
		}

			/*.consent-privacy-block {
	border: 1px #ced4da solid;
	border-radius: 2.5px;
	padding: 1rem 2rem 0;
	background-color: #fafafa;
	margin-top: 4rem;
	margin-right: -2rem;
}
*/
			.form-main-body .form-element span {
		display: inline-block;
	}

.form-main-body .form-input-reset,
.form-main-body .form-input-submit {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	border: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 1.6rem 1.6rem 2rem 0;
	padding: .5rem 1rem;
	text-align: center;
	transition: all .3333s ease;
	user-select: none;
	vertical-align: middle;
}

	.form-main-body .form-input-reset.form-input-reset,
	.form-main-body .form-input-submit.form-input-reset {
		background-color: #ddd;
		color: #303d47;
		font-size: 1.6rem;
		padding: .5rem 1rem;
	}

		.form-main-body .form-input-reset.form-input-reset:hover {
			background-color: #c0c0c0;
		}

.form-control {
	background-clip: padding-box;
	background-color: #fff;
	border: .1rem solid #bbb;
	border-radius: .25rem;
	color: #495057;
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	height: calc(1.5em + .95rem);
	line-height: 1.5;
	padding: .15rem .75rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

	.form-control::-webkit-input-placeholder,
	.form-control::-moz-placeholder,
	/*.form-control:-ms-input-placeholder,
	.form-control::-ms-input-placeholder,*/
	.form-control::placeholder {
		color: red /*#777*/;
		opacity: 1;
	}


.form-custom .form-main-body {
}

	.form-custom .form-main-body .form-element input[type=text] {
		height: 30px;
		width: calc(100% - 1.6rem);
	}

	.form-custom .form-main-body .form-element select {
		height: 35px;
		padding-right: 1.6rem;
	}

	.form-custom .form-main-body .form-element textarea {
		width: calc(100% - 1.6rem);
	}

.form-custom .disabled {
	opacity: .7;
	background-color: #f1f1f1;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: Poppins,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	padding-bottom: 1.6rem;
}

.h1, h1 {
	font-size: 3.2rem
}

.h2, h2 {
	font-size: 2.8rem
}

.h3, h3 {
	font-size: 2.4rem
}

.h4, h4 {
	font-size: 1.8rem
}

.h5, .h6, h5, h6 {
	font-size: 1.6rem
}


h3.form-section-hdr {
	margin: .5rem 0 .5rem;
	padding-bottom: 0;
	font-size: 2rem;
}

h3.form-subsection-hdr {
	color: #153254;
	font-size: 2.2rem;
	margin: 1rem 0rem;
}

h5.form-subsection-hdr {
	color: #3e806e;
	margin-top: .6rem;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.6rem;
	margin-right: -1.6rem;
}

.footer-main {
	background-color: #fff;
	color: #425361;
}

	.footer-main:before {
		background: #153254;
		background-image: linear-gradient(90deg,#153254 8%,#d5d655 20%,#979797 32%,#4ea08a 50%,#f3b134 68%,#00788b 80%,#9e3328 92%);
		background-size: cover;
		content: "";
		display: block;
		height: 4px;
		width: 100%;
	}

	.footer-main .footer-content {
		width: 100%;
		height: 5rem;
	}

		.footer-main .footer-content .footer-block {
			padding: 0 7%;
		}

	.footer-main .copyright,
	.footer-main .bottom-links {
		padding: 2rem 0 0;
		display: inline-block;
		padding-right: 5%;
		vertical-align: top;
	}

	.footer-main a.bottom-link {
		margin-left: 2rem;
		color: #425361;
		text-decoration: none;
	}

		.footer-main a.bottom-link:hover {
			color: #00788b;
		}

	.footer-main .produced-by-logo {
		padding: .4rem 0 0;
	}

.tooltip-info {
	margin-left: unset;
}

	.tooltip-info .info-icon {
		height: 15px;
		width: 16px;
		border-radius: 50%;
		background-color: #5f8bb3;
		color: #fff;
		display: inline-block;
		font-weight: 700;
		font-size: 14px;
		font-family: consolas,courier new;
		text-align: center;
		line-height: 1.2;
		opacity: .7;
	}

.form-custom-header h2 {
	font-size: 2.8rem;
}

.form-custom-header .header-summary {
	background-color: #f1f1f1;
	padding: 2.4rem;
	margin-bottom: 3.2rem;
}

.form-custom-header .header-details {
	display: flex;
	align-items: center;
	padding-right: 3.2rem;
	flex-wrap: wrap;
}

.form-custom .form-consent {
	/*margin-top: 4rem;*/
}

	.form-custom .form-consent .small-print {
		line-height: 1.3;
		font-size: 1.2rem;
		padding: 0 .5rem;
	}

.form-custom .form-privacy {
	margin-top: 2rem;
}

.form-custom .customer-lookup-btn-panel {
	padding: .4rem 0 3.2rem;
}

	.form-custom .customer-lookup-btn-panel .search-error {
		color: red;
		font-weight: 700;
		vertical-align: middle;
		margin-left: 2rem;
		display: none;
	}

.now-content-time .datetime-item {
	display: inline-block;
	white-space: nowrap;
	padding-right: 1.6rem;
}

.now-content-time .material-icons,
.now-content-time .material-icons-outlined {
	font-size: 2rem;
	padding: .2rem .4rem 0 0;
	font-weight: 600;
}

.now-content-time span, .now-content-time time {
	vertical-align: text-bottom;
}

.btn {
	display: inline-block;
	padding: .8rem 1.6rem;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-right: 2rem;
	cursor: pointer;
}

	.btn.focus {
		outline: 0;
	}

	.btn:hover,
	.btn:active,
	.btn:focus {
		text-decoration: none;
		box-shadow: none;
	}

	.btn.disabled,
	.btn:disabled {
		opacity: 0.6;
	}

	.btn.btn-primary {
		color: #fff;
		background-color: #00788b;
	}

		.btn.btn-primary:hover {
			color: #fff;
			background-color: #5f8bb3;
		}


	.btn.btn-more {
		color: #777777;
		background-color: transparent;
		border-color: #777777;
	}

		.btn.btn-more:hover,
		.btn.btn-more:active,
		.btn.btn-more:focus {
			color: #FFFFFF;
			background-color: #00788B;
			border-color: #00788B;
		}

	.btn.btn-more-darkbg {
		color: #FFFFFF;
		background-color: transparent;
		border-color: #FFFFFF;
	}

		.btn.btn-more-darkbg:hover, .btn.btn-more-darkbg:active, .btn.btn-more-darkbg:focus {
			color: #FFFFFF;
			background-color: #5F8BB3;
			border-color: #5F8BB3;
		}

	.btn.btn-lang {
		font-size: 1rem;
		padding: .2rem .5rem;
		margin-right: .3rem;
	}

.btn-lang-wrapper {
	display: inline-block;
	position: relative;
	top: .8rem;
	left: 8rem;
}

#AoiCodeValues {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
}

@media (min-width: 1200px) {
	.form-main-body .form-section .form-col {
		padding-right: 3rem;
	}

		.form-main-body .form-section .form-col:last-child {
			padding-right: 0;
		}
}

@media (min-width: 1536px) {
	.form-custom .form-main-body,
	.form-custom-header .header-summary {
		width: 40%;
	}

		.form-custom .form-main-body.multi-column {
			width: 100%;
			max-width: 1300px;
		}
}

@media (min-width: 1024px) and (max-width: 1535.9px) {
	.form-custom .form-main-body,
	.form-custom-header .header-summary {
		width: 65%;
	}

		.form-custom .form-main-body.multi-column {
			width: 100%;
			max-width: 1300px;
		}
}

@media (min-width: 1303px) and (max-width: 1543px) {
	.row.form-section .col-lg-4 {
		width: 32%;
	}
}

@media (min-width: 1200px) and (max-width: 1302.9px) {
	.row.form-section .col-lg-3 {
		width: 100%;
		margin-bottom: 1.6rem;
	}

	.row.form-section .col-lg-4 {
		width: 46%;
	}
}

@media (max-width: 1023.9px) {
	.application footer,
	.application .header-content {
		padding: .1rem 1rem;
	}

		.application .header-content .title {
			font-size: 2.4rem;
		}

		.application .header-content a.logo-bg {
			height: 3.6rem;
			width: 9rem;
		}

	h5.form-subsection-hdr {
		margin-bottom: 0;
	}
}

@media (max-width: 767.9px) {
	.application .body-content {
		margin: 0;
		width: 92%;
	}

	.container {
		padding: 0 1.6rem;
	}

	.application footer,
	.application .header-content {
		padding: 2rem 0 0 0;
		height: 4rem;
	}

	.application .header-content {
		text-align: center;
		margin: 0;
	}

		.application .header-content .title {
			display: none;
		}

	.application .body-content {
		min-height: unset;
		padding-top: 0;
	}

	.application .form-section .form-custom-header h2 {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.form-main-body .form-element .privacy-checkbox {
		margin-top: 4px;
	}

	.row.form-section.form-section-summary,
	.row.form-section.form-section-buttons,
	.row.form-section-consent {
		margin-left: 0;
		margin-right: 0;
	}

	.row.form-section.form-section-buttons {
		margin-bottom: 1rem;
	}

	.footer-main .bottom-links {
		display: block;
		padding: .4rem 0 1rem;
	}

	.footer-main a.bottom-link {
		display: block;
		white-space: nowrap;
		margin-left: 1.6rem;
	}

	.footer-main .produced-by-logo {
		padding: 0 1rem .4rem 0;
		float: right;
	}
}