/**************** REQUEST FORM *****************/

#request_form {
	height: 100%; height: 100vh; min-height: 600px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;
	-webkit-transition: background 0.6s ease-out 0s; -moz-transition: background 0.6s ease-out 0s; -ms-transition: background 0.6s ease-out 0s; -o-transition: background 0.6s ease-out 0s; transition: background 0.6s ease-out 0s;
}
#request_form .wrapper {height: 100%; padding: 155px 15px 115px;}
	#request_form .logo {margin: auto; position: absolute; left: 0; right: 0; top: 40px;}
	#request_form .copyright {width: 100%; font: 14px/18px Gotham; color: #fff; text-align: center; margin: auto; position: absolute; left: 0; right: 0; bottom: 40px;}
	[id*="step"] {display: none; height: 100%; position: relative;}
		.pre_title {font: 700 16px/20px Gotham; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 20px;}
		#request_form h1 {font: 900 70px/70px Muller; color: #fff; text-transform: uppercase; margin-bottom: 50px;}
		[id*="step"] .fields {max-width: 540px; background: rgba(29,26,35,0.6); border-radius: 6px; padding: 15px; margin: auto;}
			[id*="step"] .show_dropdown {cursor: pointer;}
			[id*="step"] .dropdown {display: none; width: 100%; background: #fff; color: #333 !important; border-top: 1px solid #e9e9e9; border-radius: 0 0 6px 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); margin: auto; position: absolute; left: 0; top: 100%; z-index: 5;}
				[id*="step"] .dropdown .option {cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
			[id*="step"] .fields .buttons {}
				[id*="step"] .fields .buttons .button {display: inline-block; vertical-align: top; width: 48%;}

/*------ Height < 750 ------*/
@media all and (max-height: 749px){
	#request_form .wrapper {padding: 115px 15px 65px;}
		#request_form .logo {top: 20px;}
		#request_form .copyright {bottom: 20px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	.pre_title {font: 700 14px/18px Gotham; letter-spacing: 6px; margin-bottom: 10px;}
	#request_form h1 {font: 900 50px/50px Muller; margin-bottom: 30px;}
}

/*------ 480 ------*/
@media all and (max-width: 767px){
	#request_form {min-height: 500px;}
	#request_form.first_step {min-height: 660px;}
		#request_form .wrapper {padding: 155px 10px 95px;}
		@media all and (max-height: 749px){ #request_form .wrapper {padding: 115px 10px 65px;} }
			#request_form .logo {top: 30px;}
			.pre_title {letter-spacing: 4px; text-shadow: 0 0 4px rgba(0,0,0,0.7); margin-bottom: 5px;}
			#request_form h1 {font: 900 33px/33px Muller; text-shadow: 0 0 6px rgba(0,0,0,0.7); margin-bottom: 20px;}
			#request_form .copyright {bottom: 20px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	[id*="step"] .fields {padding: 10px 5px 5px;}
}


/**************** STEP 1 *****************/

#step-1 {display: block; padding: 0 0 160px;}
	#step-1 .fields {max-width: 100%;}
		#step-1 .field_country {display: inline-block; vertical-align: top; width: 65%; background-position: 30px 28px; margin: 0;}
			#step-1 .field_country .mobile_text {display: none;}
			#step-1 .dropdown {padding: 0 22px 0 0; overflow: auto;}
				#step-1 .dropdown .option {height: 48px; border: 1px solid #e9e9e9; border-width: 1px 0; font: 18px/46px Gotham; padding: 0 25px;}
				#step-1 .dropdown .option:last-child {border-bottom-color: transparent;}
					#step-1 .dropdown .option.selected {background: #eee;}
					#step-1 .dropdown .option:hover {background: #f2f2f2 !important;}
						#step-1 .dropdown .option img {display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 25px 0 0; position: relative; top: -2px;}
		#step-1 .fields .button {display: inline-block; vertical-align: top; width: 33%; margin: 0;}
	#step-1 .statistics {width: 100%; font-size: 0; text-align: center; margin: auto; position: absolute; left: 0; right: 0; bottom: 20px;}
		#step-1 .statistics [class*="item"] {display: inline-block; vertical-align: top; font: 12px/16px Gotham; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0 48px;}
		@media all and (min-width: 768px){
			#step-1 .statistics [class*="item"]:first-child {margin-left: 0;}
			#step-1 .statistics [class*="item"]:last-child {margin-right: 0;}
		}
			#step-1 .statistics [class*="item"] .stat {font: 100 60px/60px Muller; margin-bottom: 15px;}
			#step-1 .statistics [class*="item"] .break_line {display: none;}

/*------ 1024 ------*/
@media all and (max-width: 1139px){
	#step-1 {}
		#step-1 .field_country {background-position: 16px 23px;}
		#step-1 .statistics {}
			#step-1 .statistics [class*="item"] {margin: 0 30px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	#step-1 {}
		#step-1 .field_country {letter-spacing: -0.5px; background-position: 10px 19px;}
			#step-1 .dropdown {}
				#step-1 .dropdown .option {height: 40px; font: 16px/40px Gotham;}
		#step-1 .statistics {}
			#step-1 .statistics [class*="item"] {width: 160px; margin: 0 15px;}
				#step-1 .statistics [class*="item"] .stat {font: 100 50px/50px Muller; margin-bottom: 10px;}
				#step-1 .statistics [class*="item"] .break_line {display: block;}
}

/*------ 480 ------*/
@media all and (max-width: 767px){
	#step-1 {padding-bottom: 225px;}
		#step-1 .fields {max-width: 600px;}
			#step-1 .field_country {display: block; width: 100%; margin: 0 auto 10px;}
				#step-1 .field_country .text {display: none;}
				#step-1 .field_country .mobile_text {display: block;}
			#step-1 .fields .button {display: block; width: 100%;}
		#step-1 .statistics {max-width: 500px; bottom: -20px;}
			#step-1 .statistics [class*="item"] {margin: 0 15px 20px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	#step-1 {}
		#step-1 .dropdown {}
			#step-1 .dropdown .option {height: 35px; font: 14px/35px Gotham;}
			#step-1 .dropdown .option img {margin-right: 15px;}
		#step-1 .statistics {max-width: 430px;}
			#step-1 .statistics [class*="item"] {width: 125px; font: 10px/14px Gotham; margin: 0 10px 20px;}
}


/**************** STEP 2 *****************/

#step-2 {padding: 0 0 40px;}
	#step-2 .field_date {background-position: 30px -71px;}
		#step-2 .field_date .dropdown {}
	#step-2 .field_term {background-position: 30px -71px;}
		#step-2 .field_term .dropdown {padding: 20px 30px;}
			#step-2 .field_term .dropdown [class*="item"] {display: inline-block; vertical-align: middle; font: 20px/24px Gotham;}
			#step-2 .field_term .dropdown select {width: 95px; padding: 8px 12px; border: 1px solid #bdbdbd; border-radius: 6px;}

/*------ 1024 ------*/
@media all and (max-width: 1139px){
	#step-2 {}
		#step-2 .field_date {background-position: 16px -76px;}
		#step-2 .field_term {background-position: 16px -76px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	#step-2 {}
		#step-2 .field_date {background-position: 10px -80px;}
		#step-2 .field_term {background-position: 10px -80px;}
			#step-2 .field_term .dropdown {}
				#step-2 .field_term .dropdown [class*="item"] {font: 18px/22px Gotham;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	#step-2 {}
		#step-2 .field_term .dropdown {padding: 15px 10px;}
			#step-2 .field_term .dropdown [class*="item"] {font: 14px/18px Gotham;}
			#step-2 .field_term .dropdown input {width: 70px;}
}


/**************** STEP 3 *****************/

#step-3 {}
	#step-3 .field_adults {background-position: 30px -372px;}
		#step-3 .field_adults .dropdown {font-size: 0; text-align: center; padding: 15px;}
			#step-3 .field_adults .dropdown .option {display: inline-block; font-size: 0; text-align: center; padding: 10px 40px; border-left: 1px solid #e9e9e9;}
			#step-3 .field_adults .dropdown .option:first-child {border-left: 0;}
				#step-3 .field_adults .dropdown .option .icon {
					display: inline-block; vertical-align: top; width: 10px; height: 29px; background-position: -46px -27px; margin: 0 2px; opacity: 0.5;
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
					filter: gray;
					-webkit-filter: grayscale(100%);
				}
					#step-3 .field_adults .dropdown .option:hover .icon,
					#step-3 .field_adults .dropdown .option.selected .icon {
						filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
						filter: none;
						-webkit-filter: grayscale(0%);
					}
					#step-3 .field_adults .dropdown .option:hover .icon {opacity: 0.8;}
					#step-3 .field_adults .dropdown .option.selected .icon {opacity: 1;}
	#step-3 .field_children {background-position: 30px -472px;}
		#step-3 .field_children .dropdown {font-size: 0; text-align: center; padding: 15px;}
			#step-3 .field_children .dropdown .option {display: inline-block; font-size: 0; text-align: center; padding: 10px 35px; border-left: 1px solid #e9e9e9;}
			#step-3 .field_children .dropdown .option:first-child {border-left: 0;}
				#step-3 .field_children .dropdown .option .icon {
					display: inline-block; vertical-align: top; width: 13px; height: 22px; background-position: -58px -27px; margin: 0 2px; opacity: 0.5;
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
					filter: gray;
					-webkit-filter: grayscale(100%);
				}
					#step-3 .field_children .dropdown .option:hover .icon,
					#step-3 .field_children .dropdown .option.selected .icon {
						filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
						filter: none;
						-webkit-filter: grayscale(0%);
					}
					#step-3 .field_children .dropdown .option:hover .icon {opacity: 0.8;}
					#step-3 .field_children .dropdown .option.selected .icon {opacity: 1;}

/*------ 1024 ------*/
@media all and (max-width: 1139px){
	#step-3 {}
		#step-3 .field_adults {background-position: 16px -376px;}
		#step-3 .field_children {background-position: 16px -478px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	#step-3 {}
		#step-3 .field_adults {background-position: 10px -382px;}
		#step-3 .field_children {background-position: 10px -482px;}
}

/*------ 480 ------*/
@media all and (max-width: 767px){
	#step-3 {}
		#step-3 .field_adults {}
			#step-3 .field_adults .dropdown .option {padding: 10px 30px;}
		#step-3 .field_children {}
			#step-3 .field_children .dropdown .option {padding: 10px 25px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	#step-3 {}
		#step-3 .field_adults {}
			#step-3 .field_adults .dropdown {padding: 15px 10px;}
				#step-3 .field_adults .dropdown .option {padding: 10px 12px;}
		#step-3 .field_children {}
			#step-3 .field_children .dropdown {padding: 15px 10px;}
				#step-3 .field_children .dropdown .option {padding: 10px;}
}


/**************** STEP 4 *****************/

#step-4 {padding: 0 0 40px;}
	#step-4 .field_hotel {background-position: 30px -170px;}
		#step-4 .field_hotel .dropdown {}
			#step-4 .field_hotel .dropdown .option {padding: 15px 35px 10px; border-top: 1px solid #e9e9e9; font-size: 0; text-align: left;}
			#step-4 .field_hotel .dropdown .option.selected {background: #eee;}
			#step-4 .field_hotel .dropdown .option:hover {background: #f2f2f2 !important;}
				#step-4 .field_hotel .dropdown .option .icon {
					display: inline-block; vertical-align: top; width: 18px; height: 16px; background-position: -22px -38px; margin-right: 20px; opacity: 0.7;
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
					filter: gray;
					-webkit-filter: grayscale(100%);
				}
					#step-4 .field_hotel .dropdown .option .icon.full {
						opacity: 1;
						filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
						filter: none;
						-webkit-filter: grayscale(0%);
					}
					#step-4 .field_hotel .dropdown .option .icon:last-child {margin: 0;}
	#step-4 .field_budget {background-position: 30px -271px;}
		#step-4 .field_budget .dropdown {padding: 20px 30px;}
			#step-4 .field_budget .dropdown [class*="item"] {display: inline-block; vertical-align: middle; font: 20px/24px Gotham;}
			#step-4 .field_budget .dropdown select.item {width: 160px; font: 18px/24px Gotham; padding: 8px 12px; border: 1px solid #bdbdbd; border-radius: 6px;}

/*------ 1024 ------*/
@media all and (max-width: 1139px){
	#step-4 {}
		#step-4 .field_hotel {background-position: 16px -175px;}
		#step-4 .field_budget {background-position: 16px -276px;}
}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	#step-4 {}
		#step-4 .field_hotel {background-position: 10px -180px;}
		#step-4 .field_budget {background-position: 10px -282px;}
			#step-4 .field_budget .dropdown {padding: 15px 35px 10px;}
				#step-4 .field_budget .dropdown [class*="item"] {font: 18px/22px Gotham;}
				#step-4 .field_budget .dropdown select.item {font: 16px/20px Gotham;}
			#step-4 .field_budget .dropdown input {width: 130px;}
}

/*------ 320 ------*/
@media all and (max-width: 479px){
	#step-4 {}
		#step-4 .field_hotel .dropdown {}
			#step-4 .field_hotel .dropdown .option {padding: 10px 20px 8px;}
				#step-4 .field_hotel .dropdown .option .icon {margin-right: 15px;}
		#step-4 .field_budget .dropdown {padding: 15px 10px;}
			#step-4 .field_budget .dropdown [class*="item"] {font: 14px/18px Gotham;}
				#step-4 .field_budget .dropdown select.item {font: 14px/18px Gotham;}
			#step-4 .field_budget .dropdown input {width: 95px;}
}


/**************** STEP 5 *****************/

#step-5 {}



/**************** FOOTER *****************/

footer {display: none;}