/*-------------------------------START CSS SEARCH_BOX-------------------------------*/
.lds-ripple {display: inline-block;position: relative;	width: 80px;height: 80px;}
.lds-ripple div {position: absolute;	opacity: 1;	border-radius: 50%;	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;  }
  @keyframes lds-ripple {
	0% {
	  top: 36px;
	  left: 36px;
	  width: 0;
	  height: 0;
	  opacity: 1;
	}
	100% {
	  top: 0px;
	  left: 0px;
	  width: 72px;
	  height: 72px;
	  opacity: 0;
	}
  }
.section-input_2 input[type="checkbox"] {width: 17px;height: 17px;cursor: pointer;top: 0;bottom: 0;margin: auto;z-index: 9;opacity: 0;right: 0;}
.section-input_2 label {padding-right: 26px;font-size: 12px;}
.section-input_2 .checkbox {width: 65%;float: right;text-align: right;}
.section-input_2 span::before, .section-input_2 span::after{content: '';position: absolute;top: 0;bottom: 0;margin: auto;width: 14px;height: 14px;border-radius: 4px;}
.section-input_2 span.checkbox::before {right: 0;top: -5px;transition: border-color .2s;}
.section-input_2 input[type="checkbox"]:checked + label span.checkbox::after {color: #fff;}
.section-input_2 span.checkbox::after {content: '\f00c';font-family: "FontAwesome";font-weight: normal;top: -5px;right: 0;color: transparent;transition: color .2s;width: 17px;height: 17px;line-height: 14px;text-align: center;font-size: 10px;}
.text-checkbox {margin-right: 28px;}
.searchList {height: 260px;width: 94%;padding: 6px;text-align: right;left: 0;  margin: 10px auto 0;direction: rtl;background: #fff;right: 0;z-index: 999;box-shadow: 0 6px 10px 0 rgba(145, 171, 187, 0.4);}
.searchList ul li {padding: 7px;border-bottom: 1px solid #f1f1f1;color: #313131;cursor: pointer;}
.searchList ul {overflow-y: auto;height: 250px;}
.searchList ul li:not(:first-child):hover {background: #f0f0f0;}
.category-title {color: #fff !important;cursor: inherit !important;background: #59cbf5;}
.Noactive-date {background: #ccc !important;}
.Basis_Date_Box {float: right;width: 50%;}
.Basis_Date_Box .date {width: 50% !important;}
.section-result-search {width: 90%;bottom: 0; display: grid;grid-gap: 10px;grid-template-columns: 1fr 1fr 1fr;cursor: pointer;height: 38px;direction: rtl;}
.add-room {font-size: 12px;padding: 2px 5px;color: #fff;cursor: pointer;border-radius: 5px 5px 0 0;}
.delete-room {float: left;color: red;cursor: pointer;}
.ShowRow {padding: 15px; text-align: right;}
.CountPassenger.room {padding: 0 0 15px 0;}
.RoomRow {font-size: 12px;}
.ShowRow .passenger-button {width: 50%;float: left;}
.ShowRow .passenger-button input,.passenger-button input{height: 29px!important;line-height: 29px!important;padding: 0 5px !important;}
.ShowRow .passenger-button.plus-minus,
.ShowRow .passenger-button.plus-minus-ch {width: 50%;float: right;border-left: 1px solid #fff;background: #59cbf5;}
.ShowRow .second-part-CountPassenger .passenger-button:nth-child(1) {border-radius: 0 5px 0 0;cursor: pointer;height: 15px;line-height: 15px}
.ShowRow .second-part-CountPassenger .passenger-button:nth-child(3) {border-radius: 0 0 5px 0;cursor: pointer;height: 15px;line-height: 15px}
.passengercount {width: 100% !important;color: #fff !important;}
.Wrapper-BirthdatePassenger {margin-top: 20px;}
.custom-select select,
.custom-select input {margin: 0;height: 40px;width: 100%;padding: 0 40px;line-height: 40px;text-align: right;direction: rtl;color: #313131;font-size: 12px;}
.share {text-align: right;color: #fff;}
.item-flightClass{padding: 15px 15px 0 15px;}
.first-part-CountPassenger,
.CountPassenger .section-select-age .label {font-size:12px;text-align: right;width: 63%;height: auto;margin-bottom: 0px;line-height: 30px;color: #222222;float: right; display: block !important;}
.CountPassenger .form_search {width: 15%;}
.second-part-CountPassenger {width: 37%; float: left;}
.FlightClass {border: 2px solid #59cbf5 !important;color: #59cbf5 !important;}
.button_section {width: 50%;border-left: 1px solid #fff;}
.input_section {width: 50%;}
.form_search .item-CountPassenger input[type="text"] {float: left;text-align: center; }
.passenger-button {text-align: center;}
.plus-minus-ins,
.plus-minus,
.plus-minus-ch {border-bottom: 1px solid #fff;color: #fff;background: #59cbf5;}
.plus-btn ,.minus-btn{line-height: 15px;}
.button_section .passenger-button:nth-child(1) {cursor: pointer;height: 15px;line-height: 15px}
.button_section .passenger-button:nth-child(2) {cursor: pointer;height: 15px;line-height: 15px}
.CountPassenger .item-CountPassenger input[type="text"] {width: 100%;color: #fff;background: #59cbf5 !important;}
.confirm_search {background-color: #fff;text-align: center;width: 120px;cursor: pointer;margin: 10px auto;display: block;border: 1px solid #59cbf5;line-height: 32px;}
.CountPassenger .section-select-age select {background-color: #fff;width: 33%;text-align: center;margin-right: 0px !important;direction: rtl;border: 1px solid #59cbf5;font-size: 10px;float: left;}
.CountPassenger {width: 100%;height: auto;padding: 12px;background-color: #fff;margin: 20px auto 0px;border-radius: 5px;left: 10px;z-index: 99;}
.CountPassenger::before {content: "\f0d8";font-family: "FontAwesome";color: #fff; position: absolute;left: 20px;top: -19px;font-size: 25px;}
.CountPassenger .item-CountPassenger {text-align: right;width: 100%;margin: 0 0 15px 0 !important;color: #fff;}
.createChildDropdown {width: 100%;margin: 5px 0 !important;float: right;}
.createChildDropdown label {width: 67%;text-align: right;direction: rtl;color: #313131;margin-top: 9px;display: block;font-size: 12px;float: right;}
.createChildDropdown select {line-height: 30px !important;height: 30px !important;}
.fa-exchange-alt {left: 0;right: 0;margin: 0 auto;top: 43px;cursor: pointer;background: #fff;color: #59cbf5;border-radius: 50%;width: 30px;height: 30px;line-height: 28px !important;text-align: center;z-index: 9;border: 1px solid #6a6a6a;}
.fa-exchange-alt::before {content: "\f0ec";font-family: 'fontawesome';}
.warning {direction: rtl;text-align: right;margin: 5px 0;color: #fff;}
#r-flighthotel,
#r-insurance,
#r-flight,
#r-hotel,
#r-tour {background-color: rgba(31, 39, 70, 0.88);padding: 20px;width: 100%;height: auto;border-radius: 14px;border-top-right-radius: 0;}
.reservation-item {width: auto;margin: 0px auto;direction: rtl;color: #fff;text-align: center;}
.reservation-item div {width: 145px;margin: 0 1px;float: right;}
.reservation-item li {width: 100%;background: rgba(31, 39, 70, 0.88);float: right;text-align: center;margin: 0;cursor: pointer;border-top-left-radius: 14px;border-top-right-radius: 14px;font-size: 17px;line-height: 25px;padding: 8px 0px;}
.reservation-item li img {vertical-align: middle;width: 45px;height: auto;}
.reservation-item li.inactive {background: #00aeef !important;}
.Wrapper-CheckHotelDate {text-align: right;direction: rtl;color: #fff;width: 100%;}
.Wrapper-CheckHotelDate input {margin: 3px 0 0 10px;}
.NotEnteringBirthadate {direction: rtl;text-align: right;margin: 5px 0;color: #fff;margin-right: 11px;}
.BirthdatePassenger .label {width: 67%;text-align: right;direction: rtl;color: #313131;font-size: 12px;float: right;}
.BirthdatePassenger {width: 100%;margin-bottom: 5px;}
.city-insurance {width: 25%;margin: 30px 0;}
#reserve-box {width: 950px;height: auto;margin: 0px auto;}
.section_search_box {top: 200px;left: 0;right: 0;margin: 0 auto;direction: rtl;text-align: center;}
#reserve input ,#reserve select{background: #fff;margin: 0;}
.margin-form {width: 100%;}
.select {width: 100%;margin: 0px auto;height: auto;}
.r-btn label:before {content: "";width: 10px;height: 10px;background: #fff; position: absolute;right: 7px;top: calc(65% - 13px);box-sizing: border-box;border-radius: 50%; display: none;}
.r-btn input[type="radio"] {opacity: 0; display: inline-block;vertical-align: middle;z-index: 100;margin: 0;padding: 0;width: 100%;height: 30px;left: 0;top: calc(50% - 15px);cursor: pointer;}
.r-btn {display: inline-block;cursor: pointer;margin-left: 30px;text-align: right;font-size: 15px;color: #fff;}
.inactive-r-btn {color: #59cbf5 !important;}
.inactive-r-btn::before {content: "\f0d9";position: absolute;right: -10px;top: 3px;font-family: 'fontawesome';}
.city {width: 50%;margin: 15px 0;padding: 0px 10px;}
.city .tlt, .Basis_Date_Box .tlt, .section-submit-btn .tlt {color: #91a3be;direction: rtl;font-size: 14px;display: block;font-family: 'IRANSansWeb';height: 24px;}
.date {border-bottom: unset;}
.passenger_section {width: 25%;}
.form_search {width: 100%;}
.form_search input[type="text"],
.form_search select {width: 100%;padding: 0px 10px 0px 10px;border: 1px solid rgba(0, 0, 0, 0);text-align: right;direction: rtl;color: #313131;font-size: 14px;height: 38px;line-height: 38px;}
.count-adult,
.count-child,
.count-room {text-align: center;color: #313131;}
.BithdatePassenger {width: 33% !important;border-radius: 4px !important;float: left;font-size: 13px !important;line-height: 30px !important;height: 30px !important;}
.form_search .city input.country {padding-left: 40px;}
.city .abs-icon {height: 35px;width: 35px;direction: rtl;color: #96999e;text-align: center;line-height: 35px;left: 10px;border: 1px solid #6a6a6a;border-radius: 50%;margin: 7px 0 0 10px;}
.city .abs-icon i,.form_search-other.date .abs-icon i{line-height: 35px !important;}
.label {width: 100%;text-align: right;direction: rtl;color: #fff;font-size: 13px;text-align: justify;white-space: nowrap;margin-bottom: 5px;display: block;font-size: 12px;min-height: 20px;}
.form_search-other {width: 25%;height: auto;background-color: rgba(255, 255, 255, 0);text-align: right;padding: 0px 5px;color: #313131;padding: 0px 10px;  margin: 15px 0;}
.parent-item { width: 100%;}
.child-item {width: 100%;padding-left: 13px;}
.selectCountry:hover {background: #f8f9fa;}
.selectCountry {border-bottom: 1px solid #f1f1f1;cursor: pointer;text-align: left;width: 100%;padding: 4px 15px;border-radius: 5px;}
.selectCountry i {float: left;line-height: 25px;width: 6%;margin: 0 !important;}
.selectCountry .txtcountry {float: right;width: 94%;}
.countryFlight {position: absolute;background-color: #fff;color: #161616;width: 94%;line-height: 25px;z-index: 99999;top: 55px;left: 0;right: 0;border-radius: 5px;margin: 10px auto 0;text-align: left;box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.47);}
.selectCountry:first-child::before {content: "\f0d8";font-family: "FontAwesome";color: #fff;position: absolute;right: 20px;top: -18px;font-size: 25px;}
.section-submit-btn {width: 25%;text-align: center;color: #fff;margin: 15px 0px;cursor: pointer;padding: 0px 8px;}
.section-submit-btn button {width: 100%;text-align: center;color: #1e2644;cursor: pointer;line-height: 38px;height: 38px;direction: rtl;background: #59cbf5;}
.section-submit-btn i {left: 10px;top: 10px;width: 30px;height: 30px;border: 2px solid #fff;border-radius: 100%;line-height: 22px;}
.form_search-other.date .abs-icon {width: 35px;left: 0;direction: rtl;font-size: 18px;text-align: center;color: #96999e;height: 35px;line-height: 34px;border: 1px solid #6a6a6a;border-radius: 50%;margin: 7px 0 0 10px;}
.mini-loading {left: 60px;top: 32px;}
.fa-spinner::before {content: "\f110";font-family: 'fontawesome';}
.flight_type {margin-top: 20px;text-align: right;direction: rtl;padding: 0px 20px;}
.FlightClass {font-size: 12px !important;border: 1px solid #59cbf5 !important;direction: ltr !important;padding: 0 !important; text-align: center !important;height: 30px !important; line-height: 30px !important;}
.Basis_Calendar .month_detail {border-bottom: 2px solid rgba(255, 117, 85, 0.49);}
.passenger-button input.ResendSMSSubmit, #sendSms input[type="submit"], #ConfirmRegister input[type="submit"], .ui-datepicker .ui-datepicker-buttonpane button, .duration-line::before, .duration-line::after, .answer-info::before, .ui-datepicker-today .ui-state-highlight, .ui-datepicker table thead th, .Basis_Calendar .month_day_list table td:hover, .Basis_Calendar .month_detail, .Basis_Calendar .selected_date {background: #59cbf5;}
.with-tab.active-tab, .sort-box .sort-items li.active, .select-arrow::before, .selectCountry i, .highlight, .Basis_Calendar .day_of_date, .Basis_Calendar .basis_s_day, .Basis_Calendar .month_of_date {color: #59cbf5;}
.gregorian_date {font-size: 9px!important;top: 27px!important;}
.Basis_Calendar .fa-caret-right::before, .Basis_Calendar .fa-caret-left::before {font-family: 'fontawesome';}
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);.loadingReservation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.loading-text{position:absolute;top:110px;bottom:0;left:0;right:0;text-align:center;width:100%;height:100px;line-height:100px;}
.loading-text span{display:inline-block;margin:0 5px;color:#fff;font-family:'Quattrocento Sans', sans-serif;font-size:30px;}
.loading-text span:nth-child(1){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 0s infinite linear alternate;animation:blur-text 1.5s 0s infinite linear alternate;}
.loading-text span:nth-child(2){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 0.2s infinite linear alternate;animation:blur-text 1.5s 0.2s infinite linear alternate;}
.loading-text span:nth-child(3){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 0.4s infinite linear alternate;animation:blur-text 1.5s 0.4s infinite linear alternate;}
.loading-text span:nth-child(4){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 0.6s infinite linear alternate;animation:blur-text 1.5s 0.6s infinite linear alternate;}
.loading-text span:nth-child(5){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 0.8s infinite linear alternate;animation:blur-text 1.5s 0.8s infinite linear alternate;}
.loading-text span:nth-child(6){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 1s infinite linear alternate;animation:blur-text 1.5s 1s infinite linear alternate;}
.loading-text span:nth-child(7){-webkit-filter:blur(0px);filter:blur(0px);-webkit-animation:blur-text 1.5s 1.2s infinite linear alternate;animation:blur-text 1.5s 1.2s infinite linear alternate;}
@-webkit-keyframes blur-text{0%{-webkit-filter:blur(0px);filter:blur(0px);}
100%{-webkit-filter:blur(4px);filter:blur(4px);}
}
@keyframes blur-text{0%{-webkit-filter:blur(0px);filter:blur(0px);}
100%{-webkit-filter:blur(4px);filter:blur(4px);}
}

/*-------------------------------START CSS RESPONSIVE-------------------------------*/
@media only screen and (max-width:1230px){
#reserve-box {
	width: 95%;
}
}
@media only screen and (max-width:960px){
#r-flighthotel, #r-insurance, #r-flight, #r-hotel, #r-tour{padding: 30px 5px;}
}
@media only screen and (max-width:1200px){
.section_search_box{top: 140px;}
}
@media only screen and (max-width:700px){
.city {width: 100%;margin: 6px 0;}
.after::after{display: none;}
.fa-exchange-alt{transform: rotate(90deg);top: 78px;right: unset;left: 20px;}
.searchList,.countryFlight,.CountPassenger{width: 96%;}
.Basis_Date_Box{width: 100%;}
.Basis_Date_Box .date {width: 100% !important;margin: 8px 0;}
.section-submit-btn{width: 100%;margin: 10px 0px;}
.Wrapper-CheckHotelDate{width: 95%;	margin: 10px auto;}
.form_search input[type="text"], .form_search select,.section-submit-btn button{height: 45px;line-height: 45px;font-size: 13px;}
.section-submit-btn i {left: 12px;top: 7px;}
.city .abs-icon,.form_search-other.date .abs-icon{height: 30px;width: 30px;line-height: 30px;}
.form_search-other.date .abs-icon{left: 0px;}
.Wrapper-BirthdatePassenger {margin-top: 10px;}
.confirm_search{margin: 5px auto;}
.CountPassenger .item-CountPassenger{margin: 0 0 10px 0 !important;}
.ShowRow {padding: 10px;}
.r-btn{height: 35px;line-height: 35px;margin: 0 5px;width: 100px;}
.flight_type{width: 95%;margin: 15px auto;}
.section-input_2 .checkbox{width: 90%;}
.title-site,.title-list h1{font-size: 17px}
.title-list,.title-site{width: 100%;}
.tlt-main::before ,.tlt-main::after{width: 50%;}
.infoooo .info-col {width: 100%;}
.infoooo .more-info-col {width: 100%;text-align: center;}
.more-info-col span::before {display: none;}
}
@media only screen and (max-width:621px){
.reservation-item {overflow: hidden;}
.reservation-item div {width: 20%;height: 60px;float: right;font-size: 12px;margin: 0;line-height: 30px;background: unset;padding: 0;}
.reservation-item li span:first-child{display: none;}
.reservation-item li {width: 100%;padding: 0;line-height: 60px;border-left: 1px solid #fff;border-radius: 0;}
.reservation-item div:last-child li{border-left: unset;}
}
@media only screen and (max-width:485px){
  .reservation-item div:not(:nth-child(4n)){line-height: inherit;}

}