.request {
	display: none;
	width: 94.5vh;
	background-color: #fff;
	border-radius: 15px;
	position: fixed;
	top: 50%;
	left: 50%;	
	z-index: 1001;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.request .caption {
	width: 100%;
	font-family: 'Playfair Display Medium';
	font-size: 2.15vh;
	text-align: center;
	position: absolute;
	top: 8.4vh;
}

.request .subtitle {
	width: 100%;
	font-family: 'Playfair Display Medium';
	font-size: 2.2vh;
	color: #1b8406;
	text-align: center;
	position: absolute;
	top: 12.1vh;
}

.request .labels {
	font-family: 'Roboto Bold';
	font-size: 1.25vh;
	color: #8d8d8d;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	position: absolute;
}

.request .label1 {
	top: 18.3vh;
	left: 18.5vh;
}

.request .label2 {
	top: 18.3vh;
	left: 51.5vh;
}

.request .request-arrival-day {
	width: 22.1vh;
	font-family: 'Roboto Regular';
	font-size: 1.4vh;
	position: absolute;
	top: 21.4vh;
	left: 18.4vh;
	padding: 0.6vh 1.1vh 0.6vh;
	outline: none;
	border: 1px solid #b2b2b2;
	background-color: transparent;
}

.request .request-departure-day {
	width: 22.1vh;
	font-family: 'Roboto Regular';
	font-size: 1.4vh;
	position: absolute;
	top: 21.4vh;
	left: 51.4vh;
	padding: 0.7vh 1.1vh 0.6vh;
	outline: none;
	border: 1px solid #b2b2b2;
	background-color: transparent
}

.request .options {
	margin-top: 29.4vh;

}

.request .option-items {
	height: 8.9vh;
	position: relative;
}

.request .option-item2 {
	display: none;
}

.request .option-item3 {
	display: none;
}

.request .option-label1 {
	top: 0.5vh;
	left: 18.3vh;
}

.request .option-label2 {
	top: 0.5vh;
	left: 51.4vh;
}

.request .option-inputs {
	width: 24.5vh;
	font-family: 'Roboto Regular';
	font-size: 1.4vh;
	padding: 0.8vh 0.9vh;
 	border: 1px solid #b2b2b2;
	background-color: transparent;
	outline: none;
	position: absolute;
	top: 3.8vh;
}

.request .request-guests1,
.request .request-guests2,
.request .request-guests3 {
	padding: 0.78vh 0.9vh;
}

.request .option-input1 {
	left: 18.4vh;
}

.request .option-input2 {
	width: 22.5vh;
	left: 51.4vh;
}

.request .request-plus {
	font-family: 'Roboto Regular';
	font-size: 1.25vh;
	cursor: pointer;
	transition: filter ease 0.3s;
	position: relative;
	left: 22.1vh;
	margin-top: 1.3vh;
}

.request .request-plus:before {
	content: "";
	width: 2.3vh;
	height: 2.3vh;
	background: url(/img/icons/plus.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -0.5vh;
	left: -3.6vh;
}

.request .request-plus:hover {
	filter: brightness(0.8)
}

.popup-footer {
	height: 37.7vh;
	margin-top: 0.8vh;
	position: relative;
}

.request .popup-label1 {
	top: 4vh;
	left: 18.4vh;
}

.request .popup-label2 {
	top: 4vh;
	left: 51.3vh;
}

.request .text-inputs {
	width: 21.6vh;
	font-family: 'Roboto Regular';
	font-size: 1.3vh;
	padding: 0.9vh 1.35vh 0.8vh;
	border: 1px solid #b2b2b2;
	outline: none;
	position: absolute;
	top: 7.7vh;
}

.request .text-input1 {
	left: 18.4vh;
}

.request .text-input2 {
	left: 51.4vh;
}

.request .personal-data {
	font-family: 'Roboto Regular';
	font-size: 1.24vh;
	color: #8d8d8d;
	position: absolute;
	top: 16.0vh;
	left: 32.9vh;
}

.request .personal-data input {
	width: 1.6vh;
	height: 1.6vh;
	position: absolute;
	top: -0.2vh;
	left: -2.7vh;
	border-radius: 0;
}

.request .send {
	background-color: #84a017;
	border: 0;
	cursor: pointer;
	font-family: 'Roboto Medium';
	font-size: 1.44vh;
	color: #fff;
	letter-spacing: 0.25vh;
	text-transform: uppercase;
	padding: 2.2vh 12.15vh;
	outline: 0;
	position: absolute;
	top: 20.2vh;
	left: 26.8vh;
	z-index: 2;
	transition: background-color ease 0.3s;
}

.request .send:hover {
	background-color: #9bbc1d;
}

.request .popup-rectangle {
	width: 100%;
	height: 14.4vh;
	background-color: #dae2e4;
	position: absolute;
	bottom: 0;
}

.request .popup-footer-text {
	width: 100%;
	font-family: 'Roboto Regular';
	font-size: 1.3vh;
	text-align: center;
	color: rgba(0, 0, 0, 0.85);
	line-height: 2.1vh;
	position: absolute;
	bottom: 4.2vh;
}

.request .popup-footer-text-mobile {
	display: none;
}

@media (max-width: 600px) {
	.request {
		position: absolute;
		top: 30px;
		left: 38px;
		transform: translate(0, 0);
		width: 524px;
		border-radius: 5px;  
	}
	.request .caption {
		font-size: 30px;
		top: 63px;
		letter-spacing: -0.4px;
	}
	.request .subtitle {
		font-size: 30px;
		top: 99px;
		letter-spacing: -0.4px;
	}
	.request .labels {
		font-size: 16px;
		letter-spacing: 2.3px;
	}
	.request .label1 {
		top: 180px;
		left: 29px;
	}
	.request .label2 {
		top: 287px;
		left: 29px;
	}
	.request .request-arrival-day {
		width: 432px;
		font-size: 18px;
		top: 209px;
		left: 29px;
		padding: 15px 18px 14px;
		border: 1px solid #000;
	}
	.request .request-departure-day {
		width: 432px;
		font-size: 18px;
		top: 316px;
		left: 29px;
		padding: 15px 18px 14px;
		border: 1px solid #000;
	}
	.request .options {
		margin-top: 381px;  
	}
	.request .option-items {
		height: 100px;
		position: relative;
	}

	.request .option-item2 {
		display: none;
	}

	.request .option-item3 {
		display: none;
	}
	
	.request .option-label1 {
		top: 13px;
		left: 29px;
	}
	.request .option-label2 {
		top: 120px;
		left: 29px;
	}
	.request .option-inputs {
		width: 470px;
		font-size: 18px;
		top: 42px;
		padding: 14px 18px 14px !important;
		border: 1px solid #000;		
	}
	.request .option-input1 {
		left: 29px;
	}
	.request .option-input2 {
		width: 432px !important;
		font-size: 18px;
		top: 42px;
		padding: 14px 18px 17px !important;
		border: 1px solid #000;
		top: 148px !important;
		left: 29px;
	}
	.request .request-plus {
		display: none;
	}
	.popup-footer {
		height: 494px;
		margin-top: 107px;
	}
	.request .popup-label1 {
		top: 14px;
		left: 28px;
	}
	.request .popup-label2 {
		top: 121px;
		left: 28px;
	}
	.request .text-inputs {
		width: 432px;
		font-size: 18px;
		top: 44px;
		left: 28px !important;
		padding: 15px 18px 14px;
		border: 1px solid #000;
	}
	.request .text-input2 {
		top: 151px;
	}
	.request .personal-data-hide-text {
		display: none;
	}
	.request .personal-data {
		font-size: 18px;
		color: #000;
		top: 230px;
		left: 110px;
	}
	.request .personal-data input {
		width: 20px;
		height: 20px;
		top: 1px;
		left: -33px;
	}
	.request .send {
		width: 280px;
		height: 52px;
		font-family: 'Roboto Regular';
		font-size: 18px;
		letter-spacing: 0.3px;
		padding: 14px 0;
		text-align: center;
		text-transform: lowercase;
		top: 279px;
		left: 122px;
	}
	.request .send:hover {
		background-color: #84a017;
	}
	.request .popup-rectangle {
		margin-top: 36px;
		width: 100%;
		height: 188px;
		background-color: #dae2e4;
		position: absolute;
		bottom: 0;  
	}
	.request .popup-footer-text {
		display: none;
	}
	.request .popup-footer-text-mobile {
		display: block;
		width: 100%;
		font-family: 'Roboto Regular';
		font-size: 18px;
		letter-spacing: 0.4px;
		text-align: center;
		line-height: 24px;
		position: absolute;
		bottom: 71px;
	}
}