@font-face {  
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('Montserrat Light'),
		local('Montserrat-Light'),
		url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.ttf') format('truetype'); 
	font-weight: 300;
	font-style: normal;
	font-display: swap; 
}

@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-MediumItalic.eot');  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-MediumItalic.woff') format('woff'), url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');  font-weight: 500;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Thin.eot');  src: local('Montserrat Thin'), local('Montserrat-Thin'), url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Thin.woff') format('woff'), url('../fonts/Montserrat-Thin.ttf') format('truetype');  font-weight: 100;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-ExtraLightItalic.eot');  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');  font-weight: 200;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-BoldItalic.eot');  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BoldItalic.woff') format('woff'), url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');  font-weight: bold;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-SemiBold.eot');  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf') format('truetype');  font-weight: 600;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-ExtraLight.eot');  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLight.woff') format('woff'), url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');  font-weight: 200;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-ExtraBoldItalic.eot');  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');  font-weight: 800;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Italic.eot');  src: local('Montserrat Italic'), local('Montserrat-Italic'), url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.ttf') format('truetype');  font-weight: normal;  font-style: italic; font-display: swap; }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Bold.eot');  src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype');  font-weight: bold;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-LightItalic.eot');  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-LightItalic.woff') format('woff'), url('../fonts/Montserrat-LightItalic.ttf') format('truetype');  font-weight: 300;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-BlackItalic.eot');  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BlackItalic.woff') format('woff'), url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');  font-weight: 900;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-SemiBoldItalic.eot');  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');  font-weight: 600;  font-style: italic; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Regular.eot');  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype');  font-weight: normal;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Medium.eot');  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype');  font-weight: 500;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-ExtraBold.eot');  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');  font-weight: 800;  font-style: normal; font-display: swap; }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-Black.eot');  src: local('Montserrat Black'), local('Montserrat-Black'), url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf') format('truetype');  font-weight: 900;  font-style: normal; font-display: swap;  }
@font-face {  font-family: 'Montserrat';  src: url('../fonts/Montserrat-ThinItalic.eot');  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ThinItalic.woff') format('woff'), url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');  font-weight: 100;  font-style: italic; font-display: swap;  }

body{
	font-family: 'Montserrat', Arial, sans-serif;
	text-align:center;
}

h1{
	line-height:100%;
}
h1 span{
	font-size:24px;
	color:gray;
	font-weight:500;
	position:relative;
	top:-4px;
}
.container{
	width:500px;
	display:inline-block;
	/*border:1px solid green;*/
}
.backBlock{
	text-align:left;
}
.backBlock .backButton{
	display:inline-block;
	cursor:pointer;
}
.doThis{
	text-align:left;
	display:inline-block;
	margin-top:30px;
}
.doThis .step{
	display:block;
	font-weight:500;
	color:gray;
}
.doThis .action{
	font-weight:500;
}
.formBlock{
	margin-top:30px;
}
.inputBlock{
	width:200px;
	display:inline-block;
	text-align:left;
}
.border_1{
	border:1px solid gray;
	border-radius:5px;
	padding:8px 0;
	cursor:pointer;
	margin-bottom:10px;
	text-align:center;
}
.inputBlock .mark{
	display:inline-block;
	margin-bottom:3px;
	font-size:12px;
}
input[type="text"], input[type="date"], select{
	width:100%;
	height:30px;
	border-radius:5px;
	text-align:center;
	font-size:20px;
	margin-bottom:15px;
	display:block;	
}
textarea{
	text-align:left; 
	height:auto;
	width:100%;
	border-radius:5px;
	font-size:20px;
	margin-bottom:15px;
	display:block;	
}
select{
	width:104%;
	height:35px;
	border-radius:5px;
	text-align:center;
	font-size:20px;
	margin-bottom:15px;
	display:block;	
}
input[type="radio"]{ 
	visibility:hidden;
	width:0;
	height:0;
}
.bookingTime{
	position:relative;
	font-weight:600;
}
.step_2, .step_3, .step_4, .step_last, .wait{ 
	display:none;
}
.buttonBlock{
	width:200px;
	text-align:center;
	display:inline-block;
}
.buttonBlock .button{
	width:100px;
	border:1px solid gray;
	border-radius:10px;
	background:#778899;
	cursor:pointer;
	opacity:0.8;
	display:inline-block;
	font-size:16px;
	font-weight:600;
	padding:7px;
	margin-left:7px;
	margin-top:10px;
}
.borderInputGood{
	border:2px solid gray;
}
.borderInputError{
	border:2px solid red;
}
.buttonBlock .button:hover{
	opacity:1;
}
.buttonBlock .button:active{
	opacity:0.8;
}
.bookingData{
	width:200px;
	text-align:left;
	display:inline-block;
	padding-bottom:15px;
}
.bookingData .unit span{
	font-weight:600;
}
.bookingButton{
	padding:3px 6px;
	font-size:11px;
	background:#c6492d;
	color:white;
	display:inline-block;
	border-radius:3px;
	display:none;
}
.bookingButton:active{
	background:#f17256;
}



.QRContainer{
	width:500px;
	display:inline-block;
}
.normal{
	font-size:18px;
	text-align:center;
	max-width:500px;
}
.QRbookingButton{
	padding:15px 0px;
	font-size:20px;
	background:#c6492d;
	color:white;
	display:inline-block;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	margin-top:20px;
	width:170px;
}
.QRbookingButton:active{
	background:#f17256;
}
.qr{
	width:240px;
}
@media (max-width: 500px){
	.QRContainer{
		width:100%;
		padding:0 ;
	}
	.qr{
		width:80%;
	}
}

.stop{
	display:none;
	padding-top:50px;
}
.stop .back{
	cursor:pointer;
}



.agrementContainer{
	width:100%;
	text-align: center;   
	margin:5px 0 5px 0;
}
.agrementContainer .agrement{ 
	display:inline-block;
	width:auto;
	text-align: left;
	padding-left:50px;
}

.checkboxConfirm{
	display:block;
	width:auto; 
	position: relative;
}
.checkboxConfirm label{
	display:inline-block;
	font-size: 12px;
	text-align:left;
	
}
.checkboxConfirm input[type="checkbox"] {
	display: none;
}
.checkboxConfirm .custom-checkbox {
	display: inline-block;
	position: relative;
	/*padding-left: 25px;*/
	cursor: pointer;
	font-size: 12px;
	user-select: none;
	padding-bottom:2px;
}
/*
.checkboxConfirm .checkmark {
	display:inline-block;
	position: absolute;
	top: -2px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid black;
	border-radius: 4px;
}
*/

.checkboxConfirm .checkmark {
	display:inline-block;
	position: relative;
	top: 5px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid black;
	border-radius: 4px;
}
.checkboxConfirm input[type="checkbox"]:checked ~ .checkmark {
	background-color: #c6492d;
	border-color: #c6492d;
}
.checkboxConfirm .checkmark:after {
	content: ""; 
	position: absolute;
	display: none;
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.checkboxConfirm input[type="checkbox"]:checked ~ .checkmark:after {
	display: inline-block;
}
.checkboxConfirm a{
	color:black;
	text-decoration:underline;
}
.checkboxConfirm a:hover{
	text-decoration:none;
}


@media screen and (max-width: 499px) {
	.container{
		width:100%;
	}
	.agrementContainer .agrement{ 
		padding-left:0px;
	}
	h1{
		font-size:28px;
	}
	h1 span{
		font-size:24px;
	}
	.checkboxConfirm label{
		font-size: 10px;
		
	}
	.checkboxConfirm .custom-checkbox {
		font-size: 10px;
	}
} 


.modal{
	width:250px;
	padding:40px;
	position:fixed;
	left:50%;
	margin-left:-125px;
	top:10%;
	border:1px solid gray;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 
	z-index:1000;
	background:white;
	border-radius:5px;
	display:none;
}
.modal input{
	width:100%;
	margin-bottom:15px;
	margin-top:15px;
}
.modal .closeModal{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
}
.modalBack{
	z-index:999;
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	display:none;
}

.buttonBlockSave{
	text-align:center;
}
.buttonBlockSave .buttonSave{
	background:#D3D3D3;
	font-size:16px;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;
	line-height:100%;
	text-align:center;
	padding:12px 30px;
}
.buttonBlockSave .buttonSave:hover{
	background:#C8C8C8
}
.buttonBlockSave .buttonSave:active{
	background:gray;
}


.sms{
	display:none;
}
.sms .content{
	margin-top:40px;
}

.sms input{
	width:150px;
	margin-bottom:30px;
	margin-top:15px;
	display:inline-block;
}