@font-face {
    font-weight: 600;
    font-family: 'p';
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/p.woff2") format("woff2"), url("/assets/fonts/p.woff") format("woff"), url("/assets/fonts/p.ttf") format("truetype");
}
@font-face {
    font-weight: 400;
    font-family: 's';
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/s.woff2") format("woff2"), url("/assets/fonts/s.woff") format("woff"), url("/assets/fonts/s.ttf") format("truetype");
}
@font-face {
    font-weight: 400;
    font-family: 's';
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/s_italic.woff2") format("woff2"), url("/assets/fonts/s_italic.woff") format("woff"), url("/assets/fonts/s_italic.ttf") format("truetype");
}
@font-face {
    font-weight: 400;
    font-family: 'n';
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/n.woff2") format("woff2"), url("/assets/fonts/n.woff") format("woff"), url("/assets/fonts/n.ttf") format("truetype");
}
@font-face {
    font-weight: 400;
    font-family: 'n';
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/n_italic.woff2") format("woff2"), url("/assets/fonts/n_italic.woff") format("woff"), url("/assets/fonts/NBn_italic.ttf") format("truetype");
}
@font-face {
    font-weight: 600;
    font-family: 'n';
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/n_bold.woff2") format("woff2"), url("/assets/fonts/n_bold.woff") format("woff"), url("/assets/fonts/n_bold.ttf") format("truetype");
}
@font-face {
    font-weight: 600;
    font-family: 'n';
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/n_bold_italic.woff2") format("woff2"), url("/assets/fonts/n_bold_italic.woff") format("woff"), url("/assets/fonts/n_bold_italic.ttf") format("truetype");
}



h1, h2, h3 {
	font-family: 'p';
}
h4, h5 {
	font-family: 's';
}
html, div, p {
	font-family: 'n';
}
h1.dia, h2.dia, h3.dia, .dia {
	color: #fff;
}

.main-screen {
	padding-left: 0;
	padding-right: 0;
}





/*
	CHECKIN SCREEN
*/



:root {
  --main-theme-color: #f9d2ff;
  --main-theme-color-slightly-darker: #F5BAFF;
  --main-theme-color-dark: #EE92FF;
  --main-theme-color-light: #FCEBFF;
  --main-theme-color-very-light: #FDF2FF;
  --main-theme-color-hover: #F2A8FF;
  --main-theme-color-very-dark: #60256A;
  
  --alt-theme-color: #8ADFDB;
  --alt-theme-color-dark: #17C1B9;
  --alt-theme-color-light: #BCEFEC;
  
  --theme-button-neutral: #000;
  --theme-button-neutral-bg: #efefef;
  
  --planning-button-green: #7DA358;
  --planning-button-green-bg: #E0EAD6;
  
  --planning-button-almost_full: #111;
  --planning-button-almost_full-bg: #F2D77B;
  
  --planning-button-full: #E90909;
  --planning-button-full-bg: #F89898;
  
  /* was green --sub-theme-color: #43F1A3; */
  --sub-theme-color: #8ADFE5; /* rgba(138,223,219,1); */
  --theme-grey: #888;
  --theme-green: #43F1A3;
  --theme-white: #fff;
  --theme-black: #000;
  
  --progress-green: #9FF3C2;
  --progress-green-alt: #43F1A3;
  
  --theme-button-open: #9FF3C2;
  --theme-button-open-hover: #66F0A0;
  
  --theme-button-close: #FDB0D9;
  --theme-button-close-hover: #FD9DD0;
}
.fill-screen {
	padding: 0;
}
.screen-outer {
	width: 100vw;
	height:100vh;
}
main.inner {
	width: 100%;
	height:100%;
	display: flex;
    align-items: center;
}
.phone-inner, .phone-outer {
	padding: 0;
}
.phone-header, .phone-footer {
	display: none;
}
.phone-outer {
	/* max-width: 320px; */
	margin: auto;
}
.functions.login {
	width: 100%;
	margin: auto;
}
@media only screen and (min-width: 600px) {
	main.inner {
		background-image: url(../img/keys.png);
		background-size: 100px 100px;
	}
	.phone-outer {
		/*
		padding: 9px;
		border: 1px solid var(--main-theme-color);
		border-radius: 30px;
		*/
		max-width: 450px;
		width: 350px;
		margin: 25px auto 25px auto;
		background: #fff;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	}
	.phone-inner {
		border: 1px solid var(--main-theme-color);
		min-height: 500px;
	}
	.phone-header {
		display: block;
		padding: 20px 10px 30px 10px;
	}
	.phone-header .phone-speaker {
		border: none;
		border-radius: 10px;
		width: 90px;
		height: 10px;
		background: var(--main-theme-color);
		margin: 0 auto;
	}
	.phone-footer {
		display: block;
		padding: 15px 10px 10px 10px;
	}
	.phone-footer .phone-button {
		width: 45px;
		height: 45px;
		border: 1px solid var(--main-theme-color);
		border-radius: 30px;
		margin: auto;
	}
	.phone-footer .phone-button:hover {
		background: var(--main-theme-color);
	}
	
}


.functions.login .enter {
	width: 96%;
	margin: 0 2% 0 2%;
	padding-top: 15px;
}
.login .text {
	padding: 0 10px 0 10px;
}
.functions.login .intro {
	padding: 1px 3% 1px 3%;
	background: rgb(245,142,151);
	background: linear-gradient(180deg, rgba(245,142,151,1) 0%, rgba(138,223,219,1) 100%);
}
.login .intro h1 {
	margin-top: 20px;
	margin-bottom: 15px;
}
.login .intro h2 {
	color: var(--main-theme-color);
	/* padding: 0 8px; */
	font-size: 1.2em;
}
.login .intro p {
	padding: 0 8px;
}
.login .input {
	width: 96%;
	margin: 0 2% 0 2%;
}
.login .input input.field-password {
	width: 100%;
	padding: 7px 5px;
	font-size: 1.3em;
	color: #000;
	border-radius: 2px;
	margin: 10px 0 10px 0;
    border: 2px solid var(--main-theme-color);
    background: #f9f9f9;
	letter-spacing: 1em;
	text-align: center;
}
.login .enter button, .btn-next {
	width: 100%;
	padding: 12px 8px;
	font-size: 1.3em;
	font-weight: 600;
	background: #000;
	color: var(--main-theme-color);
	border-radius: 2px;
	margin: 10px 0 10px 0;
	border: none;
	text-align: center;
	border-radius: 0;
}
.login .extra {
	margin-top: 10px;
}
.login .enter button:hover, .btn-next:hover {
	color: var(--main-theme-color-hover);
	background: #333;
}
.login .enter button.thinking, .login .enter button.thinking:hover, .btn-next.thinking, .btn-next.thinking:hover {
	background: var(--theme-grey);
	color: #000;
}
.login .enter button.correct, .login .enter button.correct:hover, .btn-next.correct, .btn-next.correct:hover {
	background: var(--theme-green);
	color: #000;
}
.login .enter button.off, .login .enter button.off:hover, .btn-next.off, .btn-next.off:hover {
	background: var(--theme-grey);
	color: #000;
}
.login .extra p {
	font-size: .82em;
}
.login .questions {
	background-color: var(--theme-grey);
	padding: 20px 3% 30px 3%;
    width: 100%;
    margin: 15px auto 0 auto;
}
.login .questions.questions-commercial {
	background-color: var(--main-theme-color);
}
.login .login-label {
    text-align: left;
    color: var(--theme-grey);
    margin: 20px 0 10px 0;
	font-weight: bold;
}

.login .questions.move-down {
	margin-top: 35px;
}
.login .questions p {
	font-size: .91em;
	color: var(--white);
}
/*
.login .questions a {
	color: var(--white);
	text-decoration: none;
}
.login .questions a:hover {
	color: #ff7777;
}
.login .questions.text-grey a, .login .questions.text-grey a:hover {
	color: #777777;
}
*/
.login .questions h3 {
	font-size: 1.3em;
	color: var(--theme-black);
}
.login .questions p {
	color: var(--theme-black);
}
.login .questions .btn-info {
	color: var(--theme-black);
	background: transparent;
	border: 1px solid var(--theme-black);
	font-size: .93em;
	font-weight: bold;
	padding: 6px 12px;
	border-radius: 2px;
}
.login label {
	color: var(--sub-theme-color);
	text-align: center;
	display: block;
}

.btn.btn-questions-contact {
	display: block;
    width: 100%;
    padding: 12px 14px 12px 16px;
    background-color: #999;
    text-align: left;
    border-radius: 0;
    margin-bottom: 2px;
	color: #eee;
}
.btn.btn-questions-contact:hover {
	background-color: #aaa;
	color: #fff;
}
.btn.btn-questions-contact i {
	margin-right: 14px;
}


.login .enter button.btn-control, .login .enter .btn-contact {
	width: 90%;
	padding: 12px 5px;
	font-size: 1.1em;
	font-weight: 400;
	color: #222;
	background: #f3f3f3;
	border-radius: 2px;
	margin: 10px 5px 10px 5px;
	border: 1px solid #e3e3e3;
	line-height: 1.3em;
	text-align: left;
}
/* DOOR BUTTON RESTYLE */
.login .enter button.btn-control, .login .enter .btn-contact {
	width: 50%;
	padding: 25px 25px;
	font-size: 1.1em;
	font-weight: 400;
	color: #222;
	background: #f3f3f3;
	border-radius: 0;
	margin: 10px 5px 10px 5px;
	border: 1px solid #fff;
	line-height: 1.3em;
	text-align: center;
}
.login .enter button.btn-control i.fas, .login .enter button.btn-control i.fa {
	display: block;
	padding: 0 0 15px 0;
}
	
	
.login .enter .btn-group-door {
	width: 100%;
	/* margin: 10px 5px 20px 5px; */
	margin: 0 0 25px 0;
}
.login .enter .btn-group-door button.btn-control, .login .enter .btn-group-door .btn-contact {
	margin: 0;
	border-radius: none;
	/*width: 100%;*/
	border-top: none;
	line-height: 28px;
}
/*
.login .enter .btn-group-door button.btn-control:first-child, .login .enter .btn-group-door .btn-contact:first-child {
	border-radius: 2px 2px 0 0;
	border-top: 1px solid #e3e3e3;
}
.login .enter .btn-group-door button.btn-control:last-child, .login .enter .btn-group-door .btn-contact:last-child {
	border-radius: 0 0 2px 2px;
}
*/

.login .enter .btn-control.btn-open {
	background: var(--theme-button-open);
}
.login .enter .btn-control.btn-open:hover {
	background: var(--theme-button-open-hover);
}
.login .enter .btn-control.btn-close {
	background: var(--theme-button-close);
	color: #fff;
}
.login .enter .btn-control.btn-close:hover {
	background: var(--theme-button-close-hover);
	color: #fff;
}
.login .enter .btn-control.opening {
	background: #0ccb6f !important;
	color: #fff !important;
}
.login .enter .btn-control.opening:hover {
	background: #12da7a;
	color: #fff !important;
}

.login .enter .btn-control.off, .login .enter .btn-control.off:hover {
	background: var(--theme-grey);
	color: #000;
}

.loginAlert {
	display: none;
	padding: 6px;
    margin: 0 17px 10px 16px;
    border-radius: 2px;
}

.greenScreen {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: var(--progress-green);
	z-index:100;
}
.greyScreen {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #D2E7F0;
	z-index:100;
}
.greenScreen .greenScreenContent, .greyScreen .greyScreenContent {
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	width: 100%;
	text-align: center;	
	padding: 20px;
	z-index: 105;
}
.greenScreen .greenScreenProgress {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;	
	z-index: 102;
	background-color: var(--progress-green-alt);
	position: absolute;
}
.greenScreen .greenScreenContent h1 {
	color: #fff;
	margin : 20px 0 0 0;
}
.greyScreen .greyScreenContent h1 {
	color: #222;
	margin : 0;
}
.greenScreenContent img {
	max-width: 50%;
}
.greenScreen .greenScreenContent img.spinner .greyScreen .greyScreenContent img.spinner {
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 25px;
}
.greenScreen .greenScreenContent h2, .greyScreen .greyScreenContent h2 {
	display: none;
}
.greyScreen .greyScreenContent h2 {
	color: #18303A;
}
.greenScreen .greenScreenContent h3, .greyScreen .greyScreenContent h3 {
	display: none;
	margin-top: 15px;
}
.greenScreen .greenScreenContent h4, .greyScreen .greyScreenContent h4 {
	display: none;
	margin-top: 25px;
	color: #eb4d34;
	font-family: .9em;
	padding: 0 20px;
}
.greenScreen.open, .greyScreen.open {
	background-color: #fff;
}
.greenScreen.open .greenScreenContent h1, .greenScreen.open .greenScreenContent h2, .greenScreen.open .greenScreenContent h3 {
	color: #7feba8;
	}
img.mini-spinner {
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-right: 8px;
}
.panel-instruction {
	display: block;
    width: 100%;
    padding: 9px 8px 12px 8px;
    border: 1px solid #eee;
    margin: 20px auto 13px auto;
    border-radius: 2px;
    background: #fafafa;
}
.panel-instruction p {
	margin-bottom: 0;
}
.clear {
	clear: both;
}
.input.date {
	padding-top: 15px;
	padding-bottom: 10px;
}


/*
	PLAN SCREEN
*/
.moment-choice {
	padding: 0 15px;
	width: 100%;
}
.moment-choice .btn-moment-option {
	border: 1px solid #e3e3e3;
	width: 100%;
}
.moment-choice .btn-moment-option:hover {
	border: 1px solid #e3e3e3;
	background: #eee;
}
.moment-choice .btn-moment-option.full {
	text-decoration: line-through;	
	color: #555;
}
.moment-choice .btn-date-option .button-date {
	text-align: left;
	display: block;
}
.moment-choice .btn-date-option .button-type {
	text-align: left;
	display: block;
	font-size: .83em;
}
.moment-choice .btn-time-option.btn-time-available {
	color: var(--theme-button-neutral);
	background-color: var(--theme-button-neutral-bg);
}
.moment-choice .btn-time-option.btn-time-almost_full {
	color: var(--planning-button-almost_full);
	background-color: var(--planning-button-almost_full-bg);
}
.moment-choice .btn-time-option.btn-time-full {
	color: var(--planning-button-full);
	background-color: var(--planning-button-full-bg);
}
.moment-choice  .btn-time-option.btn-time-not_available {
	background-color: var(--planning-button-full-bg);
}

.moment-choice .btn-moment-option.active {
	border: 1px solid #e3e3e3;
	background: #7feba8;
	font-weight: bold;
}

.moment-choice .btn-time-option .button-time {
	float: left;
	width: 25%;
	text-align: left;
	display: block;
}
.moment-choice .btn-time-option .button-availability {
	float: left;
	width: 75%;
	text-align: left;
	font-size:.83em;
	display: block;
	padding-top: 3px;
}
@media only screen and (max-width: 300px) {
	.moment-choice .btn-time-option .button-time {
		width: 100%;
	}
	.moment-choice .btn-time-option .button-availability {
		width: 100%;
		padding-top: 0;
	}
}
.btn-return {
	border: none;
	border-radius: 30px;
	background: #f3f3f3;
	margin: 15px;
	font-size: .82em;
	color: #999;
}
.btn-return:hover {
	background: #eee;
}
.alert-date {
	margin-left: 15px;
	margin-right: 15px;
}
.time-choice-container, .wrapup-container, .confirm-container, .denied-container {
	display: none;
}
.confirm-container .check_img {
	width: 70px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.confirm-container p {
	padding-left: 15px;
	padding-right: 15px;
	
}
.wrapup-container h4 {
    font-size: .75em;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-weight: 700;
}


.be-quick-info {
	color: #666;
	font-size: .8125em;
	padding: 0 15px 0 15px;
}
.alert-holder, .data-holder {
	padding: 5px 10px 2px 10px;
}
.data-line {
	padding-bottom: 11px;
}
.data-line .viewing-data-icon {
	display: block;
	float: left;
	width: 10%;
	text-align: right;
}
.data-line .viewing-data-text {
	display: block;
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 10px;
}

.persons-choice-container {
	padding: 10px 15px 0 15px;
}
.persons-choice-subcontainer {
	text-align: left;
}
.persons-choice {
	width: 100%;
}
.persons-choice button {
	width: 25%;
	background-color: var(--theme-button-neutral-bg);
	color: var(--theme-button-neutral);
	border: 1px solid #e3e3e3;
	padding: 15px 0 15px 0;
}
.persons-choice button i {
	padding-left: 4px;
	color: #333;	
}
.persons-choice button.selected {
	color: #000;
	background: #7feba8;
}
.persons-choice button.selected:hover {
	border-color: #61BD65;
}
.persons-choice button.selected i {
	color: #000;	
}


.hidden {
	display: none;
}


.link-website, .logo-website {
	display: none;
}
.logo-website {
	display: block;
/*	position: fixed;
	left: 15px;
	top: 15px;
	*/
}
.logo-website img.logo-main {
	height: 50px;
}
@media only screen and (min-width: 600px) {
	.link-website {
		display: block;
		position: fixed;
		right: 15px;
		top: 15px;
	}
	.link-website a.link-button {
		display: block;
		padding: 8px 12px;
		color: #fff;
		font-weight: bold;
		background-color: #0169B8;
		border-radius: 2px;
		font-size: .83em;
	}
	.logo-website {
		display: block;
	/*	position: fixed;
		left: 15px;
		top: 15px;
		*/
	}
	.logo-website img.logo-main {
		height: 60px;
	}
}


/* 2020 RESTYLE */

main.inner {
	background: #fff;
}
@media only screen and (min-width: 600px) {

	main.inner {
		background: linear-gradient(#004E92, #002548);
	}
	.phone-outer, .phone-inner, .phone-footer .phone-button {
		border-color: #004070;
	}
	.phone-header .phone-speaker {
	background-color: #004070;
	}
	.phone-outer {
		background: #111;
	}
	.phone-inner {
		background: #fff;
	}
}


/*
	FIX ANDROID
*/
main.inner {
background: #fff;
}
/*
.logo-website {
	display: none;
	}
	*/
.link-website {
	display: none;
	}
.phone-outer {
	border: none;
	width:  100%;
	background: #fff;
	}
	.phone-inner {
	border: none;
	background: #fff;
	min-height: auto;
	}
.phone-header, .phone-footer {
	display: none;
	}
	.phone-speaker, .phone-button {
	display: none;
	}

.screen-outer {
width:  auto;
height: auto;
}

.input .input_group label {
	text-align: left;
}
.input .data-explain {
	text-align: left;
}
.input .input_group input[type=text] {
	width: 100%;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid var(--main-theme-color);
    margin-bottom: 12px;
}
.input .input_group input[type=file] {
	width: 100%;
    padding: 6px;
    text-align: left;
    margin-bottom: 12px;
}
.input .input_group .text-small {
	margin-bottom: 9px;
	font-size: 12px;
	color: #888;
	display: block;
	text-align: left;
}
.img-preview {
	max-width: 200px;
	font-size: .82em;
    color: #777;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}



.uploadProgress.progress {
    display: none;
    position: relative;
    margin: 20px;
    max-width: 300px;
	width: 100%;
    background-color: #ddd;
    border: 1px solid blue;
    padding: 1px;
    left: 15px;
    border-radius: 2px;
	height: 30px;
}

.uploadProgress .progress-bar {
    background-color: green;
    width: 0%;
    height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.uploadProgress .percent {
    position: absolute;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -20px;
    -webkit-border-radius: 4px;
}


.imageUploadField {
	padding: 20px;
	border: 3px dotted #ccc;
	text-align: center;
	color: #888;
	border-radius: 8px;
	text-style: italic;
	margin: 10px 0 20px 0;
}
.dz-size {
	font-size: .82em;
}
.dz-remove {
	background: var(--main-theme-color);
	color: #fff;
	padding: 4px 12px;
	margin: 10px 0 6px 0;
	font-size: .82em;
	display: inline-block;
	border-radius: 3px;
}
.imageUploadField .image {
	display: block;
}
.imageUploadField .image img {
	display: block;
	margin: 0 auto;
	width: 120px;
}
.imageUploadField .text {
	pointer-events: none;
}


.planningError {
	border: 2px dotted var(--main-theme-color);
    border-radius: 6px;
    padding: 20px;
    color: var(--main-theme-color);
    font-style: italic;
}
.planningInstruction {
	border: 1px solid var(--main-theme-color);
    border-radius: 0;
    padding: 20px 20px 15px 20px;
	margin: 25px auto 15px auto;
	width: 90%;
    color: #333;
    font-style: italic;
	background-color: var(--main-theme-color-light);
}





.text-grey, .text-grey h4, .text-grey p, .text-grey a {
	color: #ccc;
}



.planning {
	padding: 0 0 0 0;
}
.planning h4 {
	margin-top: 20px;

}
.planning h5 {
	margin-bottom: 10px;
	font-size: 1em;
}
.planning .planning-row {
	border-bottom: 1px solid #ccc;
	padding: 6px 4px 6px 4px;
}
.planning .planning-row.has-stars {
	border-bottom: none;
}
.planning .planning-row:first-child {
	border-top: 1px solid #ccc;
}
.planning .planning-row .col-time {
	text-align: left;
	width: 50% !important;
}
.planning .planning-row .col-status {
	text-align: right;
	width: 50% !important;
}
.empty-day {
    margin: 10px 0 25px 0;
    padding: 15px;
    border: 1px dashed #ccc;
}
.planning .planning-row .col-stars {
	color: var(--main-theme-color);
}
.planning .planning-row .col-viewer {
	color: #000;
}

.badge-status {
	padding: 5px 10px;
}
.badge-green {
	background-color: #6EDE9B;
}
.badge-yellow {
	background-color: #E3C775;
}
.badge-orange {
	background-color: #E9A154;
}


h4.verify-heading {
	padding-top: 25px;
}




.rating {
	margin: 0 auto;
	font-size: 2.3em;
	font-family: 'Arial', 'Verdana', sans-serif;
}
.rating .rate-base-layer {
	color: #ccc;
}
.rating .rate-select-layer {
	color: var(--main-theme-color);
}
.rating .rate-hover-layer {
	color: var(--main-theme-color-dark);
}
.wide-textarea {
	border-radius: 2px;
	padding: 5px;
	width: 90%;
	border: 1px solid var(--main-theme-color);
	min-height: 100px;
	margin-bottom: 20px;
}

.dayFull {
	text-decoration: none;
	display: inline-block;
	margin-left: 6px;
	padding: 3px 5px 0 5px;
    line-height: 1.6em;
	border: 1px solid rgb(245,142,151);
	border-radius: 3px;
	font-weight: bold;
	font-size: .82em;
	color: rgb(245,142,151);
	text-transform: uppercase;
}



.homeFile {
	text-align: left;
	padding: 20px 0 10px 0;
}
.homeFile h3 {
	font-weight: normal;
	padding: 15px 15px 10px 15px;
	margin-bottom: 5px;
}
.homeFile .specify {
	color: var(--alt-theme-color-dark);
	padding: 10px 35px 20px 15px;
	font-size: 1.1em;
}
.homeFile .homeIntro {
	padding: 10px 35px 20px 15px;
	font-size: 1.1em;
}
.homeFile h4 {
	padding: 15px 15px 10px 15px;
	margin-top: 10px;
	font-weight: bold;
	color: #fff;
	background: var(--alt-theme-color);
}
.homeFile h5 {
	padding: 10px 0 2px 15px;

}


.homeFileFiles {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.homeFileFiles .homeFileFile {
	border-top: 1px solid #ddd;
	padding: 15px;
	color: #333;
}
.homeFileFiles .homeFileFile:hover {
	background-color: var(--main-theme-color);
	color: var(--main-theme-color-very-dark);
}
.homeFileFile .icon {
	float: left;
	width: 25px;
	padding: 0;
}
.homeFileFile .filename {
	float: left;
	padding: 0;
}
.homeFileFile .download {
	float: right;
	padding: 0;
}



.homeFileFaqCategory {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.homeFileFaqCategory .homeFileFaqTopic {
	border-top: 1px solid #ddd;
	padding: 15px;
	color: #333;
	cursor: pointer;
}
.homeFileFaqCategory .homeFileFaqTopic:hover {
	background-color: var(--main-theme-color);
	color: var(--main-theme-color-very-dark);
}
.homeFileFaqCategory .homeFileFaqTopic.active {
	background-color: var(--main-theme-color-slightly-darker);
	color: var(--main-theme-color-very-dark);
}
.homeFileFaqTopic .icon {
	float: left;
	width: 25px;
	padding: 0;
}
.homeFileFaqTopic .question {
	float: left;
	padding: 0;
}
.homeFileFaqTopic .open {
	float: right;
	padding: 0;
}
.homeFileFaqAnswer {
	display: none;
	background-color: var(--main-theme-color-very-light);
	color: var(--main-theme-color-very-dark);
	padding: 15px;
	font-size: .9em;
}




.homeFileContactMethods {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.homeFileContactMethods .homeFileContact {
	border-top: 1px solid #ddd;
	padding: 15px;
	color: #333;
	cursor: pointer;
}
.homeFileContactMethods .homeFileContact:hover {
	background-color: var(--main-theme-color);
	color: var(--main-theme-color-very-dark);
}
.homeFileContact .icon {
	float: left;
	width: 25px;
	padding: 0;
}
.homeFileContact .caption {
	float: left;
	padding: 0;
}


.smaller {
	display: block;
	font-size: .82em;
	line-height: 1.3em;
	padding-top: 6px;
}



.overlay-hide {
	display: none !important;
}
.overlay-control {
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: #fff;
}
.overlay-control {
	background: rgb(249,210,255);
	background: linear-gradient(180deg, rgba(249,210,255,1) 0%, rgba(138,223,219,1) 100%);
}
.overlay-control .upper-half {
	height: 50%;
	width: 100%;
	position: relative;
}
.overlay-control .upper-half .countdown-bar {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 7px;
	background-color: #b83bcb;
}
.overlay-control .upper-half .countdown {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 4em;
	color: #b83bcb;
	font-weight: 800;
}
.overlay-control .upper-half .image {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	text-align: center;
}
.overlay-control .upper-half .image img {
	max-width: 180px;
	margin-bottom: 20px;
}
.overlay-control .under-half {
	height: 50%;
	width: 100%;
	position: relative;
}
.overlay-control .under-half .warning-title {
	font-family: 's';
	font-size: 2.3em;
	font-weight: 600;
	color: #fff;
	padding-top: 15px 10% 0 10%;
	width: 100%;
	display: block;
}
.overlay-control .under-half .warning-text {
	font-size: 1.1em;
	color: #000;
	width: 100%;
	padding: 10px 10% 0 10%;
	display: block;
}


.bsn-info {

}
.bsn-info .bsn-text {
	width: 66%;
	float: left;
	text-align: left;
	font-size: .9em;
	color: #333;
}
.bsn-info .bsn-img {
	width: 33%;
	float: left;
}


.data.marketing-info {
	display: block;
}
.data.marketing-info input[type=radio] {
	display: inline-block;
}

.data.marketing-info label {
	display: inline-block;
    padding: 0 15px 0 5px;
}
.hidden {
	display: none;
}
.marketing-questions h4 {
	font-family: 'n';
}
.marketing-questions label {
	color: var(--planning-button-green);
}

.obligatory {
	color: red;
}


.lockBoxCode {
	border: 1px solid #ccc; padding: 12px 18px; margin: 0 3px 20px 2px; border-radius: 4px;
}
.lockBoxCode .numberZone {
	padding: 5px 0 6px 0;
}
.lockBoxCode .numberZone span {
	border-radius: 16px;
	padding: 4px 5px;
	display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 2px 0 2px;
    font-weight: normal;
    background: #333;
    color: #eee;
}