@charset "UTF-8";

/*
	CSS STYLESHEET FOR BOOKING HOME AND INTERN AEREA AIRLINE
	DEVELOPMENT BY AYMSOFT SAS
	25/04/2019
*/

.aym_opacity {background: rgba(0,0,0,0.7); height: 100%; position: fixed; opacity: 0; top: 0; transition: all .5s ease; visibility: hidden; width: 100%; z-index: 11;}
.aym_opacity.active {opacity: 1; visibility: visible;}

/*MENU BOOKING*/
#aym_wrap_booking {margin: auto;margin-top: -20vh;max-width: 1500px;position: relative;z-index: 1;}
#aym_wrap_booking > ul {display: flex;margin: 0 auto;width: max-content;border-radius: 50px 50px 0 0;overflow: hidden;}
#aym_wrap_booking > ul li{background: var(--aym_tone_3);color: var(--aym_tone_6);cursor: pointer;font-size: 1.2em;padding: 10px 80px 8px;}
#aym_wrap_booking > ul li.active{background: var(--aym_tone_2); }
#aym_wrap_booking > ul li:before {display: none;}

/*FORM*/
#aym_wrap_booking > div {background: var(--aym_tone_6); box-shadow: 0px 0px 6px #00000029; padding: 40px 20px 20px;border-radius: 50px;}
#aym_wrap_booking .aym_field_booking,
#aym_wrap_booking .aym_field_booking > div{display: flex;flex-flow: wrap;justify-content: space-around;}
#aym_wrap_booking .aym_field_booking > div.aym_box_1{width: 36%;}
#aym_wrap_booking .aym_field_booking > div.aym_box_1 > div{width: calc(50% - 20px);}
#aym_wrap_booking .aym_field_booking > div.aym_box_1 .aym_mid_live > img{max-width: 43px;}

#aym_wrap_booking .aym_field_booking > div.aym_box_2{width: 25%;justify-content: flex-start;}
#aym_wrap_booking .aym_field_booking > div.aym_box_2 > div{width: 50%;}
#aym_wrap_booking .aym_field_booking > div.aym_box_2 .aym_mid_live > img{max-width: 27px;}

#aym_wrap_booking .aym_field_booking > div.aym_box_3{width: 15%;}
#aym_wrap_booking .aym_field_booking > div.aym_box_3 .aym_mid_live > img{max-width: 25px;}

#aym_wrap_booking .aym_field_booking > div.aym_booking_submit{width: 10%;padding: 0;border: 0;align-items: center;position: relative;}
#aym_wrap_booking .aym_field_booking > div.aym_booking_submit img{position: absolute;width: 32px;left: 5px;}
#aym_wrap_booking .aym_field_booking > div.aym_booking_submit button, #aym_wrap_booking .aym_field_booking > div.aym_booking_submit span{background: var(--aym_tone_2);text-align: left;padding: 12px 20px 10px 50px;color: var(--aym_tone_6);font-family: 'Regular';font-size: 1.3em;border-radius: 35px;cursor: pointer;transition: all .4s ease-in-out;}
#aym_wrap_booking .aym_field_booking > div.aym_booking_submit button:hover, #aym_wrap_booking .aym_field_booking > div.aym_booking_submit span:hover{background: var(--aym_tone_9);}


#aym_wrap_booking .aym_field_booking .aym_mid_live{display: flex;flex-flow: wrap;border: 2px solid var(--aym_tone_5);padding: 10px;position: relative;}
#aym_wrap_booking .aym_field_booking .aym_mid_live.disabled{filter:grayscale();display: none;}
#aym_wrap_booking .aym_field_booking .aym_mid_live img{height: auto;object-fit: contain;width: 15%;}
#aym_wrap_booking .aym_field_booking .aym_mid_live h2{font-family: 'Regular';font-size: 1em;color: var(--aym_tone_7);padding-left: 15px;height: max-content;}



#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination input{font-family: 'Regular';font-weight: bold;letter-spacing: 0.9px;color: var(--aym_tone_8);}
#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination ul {background: var(--aym_tone_6); border-top: 4px solid var(--aym_tone_1); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); color: #222; left: 0; position: absolute; top: 100%; width: 100%; z-index: 6;}
#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination ul li {border-top: 1px solid #bbb; cursor: pointer; list-style: none; margin: 0 10px; padding: 10px;}
#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination ul li:before {display: none;}
#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination ul li:nth-child(1) {border-top: 0;}

#aym_wrap_booking .aym_field_booking > div.aym_box_2 > div.aym_wrap_trip {position: relative;display: flex;width: 100%;margin: -30px 0 0;}


.aym_wrap_passenger {position: relative; width: 100%;}
#aym_passenger {height: auto;padding: 0 0 0 15px;font-size: .9em;margin-bottom: 4px;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers {background: var(--aym_tone_6); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3); display: none; position: absolute; top:calc(100%); width: 100%; z-index: 2;left: 0;border-top: 5px solid var(--aym_tone_1);} 
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number {align-items: center; display: flex; flex-flow: row; justify-content: center; width: 100%;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number div {display: flex; flex-flow: nowrap; padding: 0 10px; justify-content: center; width: 100%;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number label {background: var(--aym_tone_6) ; color: #222 ; font-size: .8em; padding: 10px; text-align: center; width: 100px;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number input[type=number] {width: 20px; height: 20px;padding: 0 2.5px; text-align: center; margin: 0; -moz-appearance:textfield; appearance: textfield;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number input[type=button] {display: block; padding: 0; width: 20px; height: 20px;color: white; background: rgba(0,0,0,.4); border: 0; font-size: x-small;}
#aym_wrap_booking .aym_field_booking .aym_mid_live > #aym_list_passengers .aym_number input[type=button]:focus {outline: none;}

#aym_wrap_booking .aym_field_booking.checkin,
#aym_wrap_booking .aym_field_booking.checkin > div{justify-content: center;}
#aym_wrap_booking .aym_field_booking.checkin > div .aym_mid_live:first-child{border-right: 0;}


/*FORM INTERN*/
#aym_wrap_booking.intern {margin: -100px auto 80px;}

.aym_booking_submit {width: 100%;}

/*DATE*/
.aym_wrap_date {display: flex;}
.aym_wrap_date input {border: 0 ; height: 39px ; text-align: center;}
.aym_wrap_date input.active {border: 0 ; height: 39px ; transition-duration: .5s ; width: 100% ;}
.aym_wrap_date #boo_dat_ini {padding-right: 21px ;  transition-duration: .5s ;}
.aym_wrap_date label:nth-child(1) {left: 2px; right: auto ;}
.aym_wrap_date label:nth-child(2) {color: #bbb; font-size: .8em; left: calc(50% - 7.5px); min-width: unset ; width: 15px;}
.aym_wrap_date label:nth-child(2).active {opacity: 0; visibility: hidden;}


/*CHECKBOX AND RADIO*/
.aym_wrap_checkbox input[type=checkbox] {min-height: 16px; min-width: 16px; max-height: 16px; max-width: 16px;}
.aym_wrap_checkbox, .aym_wrap_radio {align-items: center; display: flex;}
.aym_wrap_checkbox label, .aym_wrap_radio label {font-size: .85em; padding: 0; width: auto;}


.aym_checkin #aym_wrap_booking {margin-top: 0;}
.aym_checkin #aym_wrap_booking > div{border-radius: 0;padding: 20px;margin: 40px auto;width: 80%;}
.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_box_1{width: 60%;}
.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_booking_submit{width: 20%;}

/*RESPONSIVE*/

@media screen and (max-width: 1440px){
	#aym_wrap_booking{width: 95%;}
	#aym_wrap_booking .aym_field_booking, #aym_wrap_booking .aym_field_booking > div{justify-content: center;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit{width: 12%;margin-left: 20px;}
	.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_booking_submit{width: max-content;margin-left: 20px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_1 > div {width: 50%;border-right: 0;}
	#aym_wrap_booking .aym_field_booking > div .aym_mid_live > img{position: absolute;width: 35px;bottom: 0;right: 5px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_2 .aym_mid_live > img {width: 23px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_3 .aym_mid_live > img {width: 19px;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit img {width: 25px;left: 15px;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit button{padding: 12px 20px 10px 44px;}

	#aym_wrap_booking .aym_field_booking.checkin > div.aym_box_1 .aym_mid_live > img {width: 25px;}
	#aym_wrap_booking .aym_field_booking.checkin > div.aym_box_1 > div{border: 2px solid var(--aym_tone_5);}
}
@media screen and (max-width: 1320px){
	#aym_wrap_banner .item figcaption h2 {mix-blend-mode: normal;}

	#aym_wrap_booking .aym_field_booking .aym_mid_live{padding: 10px 0;}
	#aym_wrap_booking .aym_field_booking .aym_mid_live > div {width: 100%;}
	#aym_wrap_booking .aym_field_booking .aym_mid_live h2{font-size: .9em;}
	
}
@media screen and (max-width: 1210px){
	#aym_wrap_booking {margin-top: -230px;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit img {left: 5px;}
}
@media screen and (max-width: 1120px){
	#aym_wrap_booking > div{border-radius: 10px;}
	#aym_wrap_booking .aym_field_booking{justify-content: space-around;}
	.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_box_1,
	#aym_wrap_booking .aym_field_booking > div.aym_box_1, 
	#aym_wrap_booking .aym_field_booking > div.aym_box_2{width: calc(45% - 20px);margin: 10px 0;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_3{width: calc(30% - 20px);margin: 10px 0;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_1 > div:last-child,
	#aym_wrap_booking .aym_field_booking > div.aym_box_2 > div:last-child {border-right: 2px solid var(--aym_tone_5);}
}
@media screen and (max-width: 1024px){
	#aym_wrap_booking {margin-top:20px;padding-bottom: 20px;}
	#aym_wrap_booking.intern {margin: 20px auto 0;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit img {left: 0;}

	#aym_wrap_content {margin-top: 0;}
}
@media screen and (max-width: 990px){
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit {width: max-content;margin-left: 20px;}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit img {left: 10px;}
}
@media screen and (max-width: 890px){
	#aym_wrap_booking .aym_field_booking > div.aym_box_1, #aym_wrap_booking .aym_field_booking > div.aym_box_2 {width: calc(50% - 20px);}
}
@media screen and (max-width:768px){
	.mapcontainer{width: 90%;}
}
@media screen and (max-width: 630px){
	#aym_wrap_booking > ul{width: 100%;}
	#aym_wrap_booking > ul li{padding: 10px 20px;width: 50%;}
	#aym_wrap_booking > div {padding: 20px;border-radius: 0;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_1, #aym_wrap_booking .aym_field_booking > div.aym_box_2 {width: calc(100% - 20px);}
	#aym_wrap_booking .aym_field_booking > div.aym_box_2 > div.aym_wrap_trip{margin: 10px 0;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_3{width: calc(50% - 20px);}
	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit{margin-left: 0;}
	.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_box_1{width: calc(100% - 20px);}
}
@media screen and (max-width: 599px){
}
@media screen and (max-width: 568px){
	.mapcontainer{width: 100%;}
}
@media screen and (max-width: 500px){	
	#aym_wrap_booking > ul {width: 100%;border-radius: 0;}
	.aym_checkin #aym_wrap_booking > div {width: 100%;}

	#aym_wrap_booking > div {padding: 10px;}

	#aym_wrap_booking .aym_field_booking .aym_mid_live {padding: 5px 0 10px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_1 .aym_mid_live > img {max-width: 25px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_2 .aym_mid_live > img {width: 17px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_3 .aym_mid_live > img {width: 15px;}

	#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination input{font-size: .95em;padding: 5px;}
	#aym_wrap_booking .aym_field_booking .aym_mid_live h2 {padding-left: 5px;}

	#aym_wrap_booking .aym_field_booking .aym_wrap_booking_destination ul li{margin: 0;padding: 10px 5px;font-size: .85em;}

	#aym_wrap_booking .aym_field_booking > div.aym_booking_submit button, #aym_wrap_booking .aym_field_booking > div.aym_booking_submit span{font-size: 1em;}
}
@media screen and (max-width: 425px){	
	#aym_wrap_booking > ul li {padding: 10px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_1, #aym_wrap_booking .aym_field_booking > div.aym_box_2 {width: 100%;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_3 {width: 100%;}
	.aym_checkin #aym_wrap_booking .aym_field_booking > div.aym_box_1 {width: 100%;}
	
	.aym_checkin h3 {font-size: 1.2em;}
	
}
@media screen and (max-width: 375px){	
	#aym_wrap_booking > ul {flex-flow: wrap;}
	#aym_wrap_booking > ul li {width: 100%;}

	#aym_wrap_booking .aym_field_booking > div .aym_mid_live > img {width: 25px;}
	#aym_wrap_booking .aym_field_booking > div.aym_box_2 .aym_mid_live > img {width: 18px;}
}
@media screen and (max-width: 320px){	
	#aym_wrap_booking > div {padding: 10px;}
	#aym_wrap_booking .aym_field_booking .aym_mid_live h2 {font-size: .8em;}
}