| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/b2c.hellogtx.com/public/flight/multicity_page/css/ |
Upload File : |
/*navbar start*/
.navbar-dark .navbar-toggler:focus {
outline: none;
border: none;
box-shadow: none;
}
.checkcontainer {
display: inline-block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 17px;
user-select: none;
}
.sortlisting-flight {
position: sticky !important;
}
.col-lg-9.col-md-12.col-sm-12.col-12.padding-2 .sortlisting-flight {
position: sticky !important;
}
a.booknow.roundtrip-booknow-btn.ng-scope {
color: #fff !important;
}
.final_result .fligt_logo-content h5 {
color: #fff !important;
}
.final_result .fligt_logo-content h6 {
color: #fff !important;
}
.multicity_searchbox .nav-tabs>li>a.active img {
filter: initial !important;
}
/* .sortlisting-flight.multicity {
top: 0 !important;
} */
.checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkcontainer input:checked ~ .radiobtn {
background-color: #2196F3;
}
.radiobtn {
position: absolute;
top: 3px;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 50%;
}
.checkcontainer input:checked ~ .radiobtn:after {
display: block;
}
.checkcontainer .radiobtn:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.flight_search_list_international.mobile_listno_radius.shadow.ng-scope {
width: 100%;
padding: 0;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 6px;
margin-top: 7px;
}
h5.name_plane.name_planeshow.mulitcity_name_mobile.ng-binding {
color: var(--flightname-color);
font-size: 14px;
font-weight: 600;
float: left;
}
h5.name_plane.name_planeshow.mulitcity_name_mobile.ng-binding span {
color: #7f8c8d;
font-size: 12px;
}
.international_flight_time.ng-binding {
font-size: 12px;
color: #7f8c8d;
font-weight: 600;
}
.flight_search_list_international.mobile_listno_radius.shadow.ng-scope {
width: 100%;
margin: 0 auto;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
padding: 10px 16px;
margin-top: 7px;
}
.booknow-btn {
border: none;
float: right;
color: #fff;
background: var(--booknow-btn-bg);
border-radius: 2px;
margin-top: 2px;
font-size: 14px;
padding: 4px 10px;
}
.radiobtn:after {
content: "";
position: absolute;
display: none;
}
.custom-nav {
background: #fff !important;
padding: 10px 0;
z-index: 999;
width: 100%;
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.custom-nav .navbar-brand {
width: 180px;
padding: 0;
}
.custom-nav .navbar-brand img {
width: 100%;
}
.horizontal-scrollable {
overflow-y: hidden;
width: 100%;
}
.navbar-toggler {
padding: 0px 4px;
font-size: 16px;
border: none !important;
background: #444;
border-radius: .25rem;
}
.custom-nav.navbar-dark .navbar-toggler-icon {
background-image: url(../../assets/images/menu.svg);
}
.custom-nav .navbar-nav li {
padding-left: 20px;
position: relative;
padding-right: 0;
}
.navbar-nav li a,
.navbar-nav li .active {
position: relative;
}
.navbar-nav li .nav-link {
color: var(--menu-color) !important;
border-bottom: medium none;
display: block;
font-size: 14px;
opacity: .9;
margin-bottom: 0;
padding: 3px 5px !important;
text-align: left;
text-transform: capitalize;
width: 100%;
font-weight: 400;
}
.navbar-nav li a {
color: var(--menu-color) !important;
border-bottom: medium none;
display: block;
font-size: 14px;
opacity: .9;
margin-bottom: 0;
padding: 3px 5px !important;
text-align: left;
text-transform: capitalize;
width: 100%;
font-weight: 400;
}
.navbar-nav li a:hover {
color: var(--main-color) !important;
opacity: 1;
}
.navbar-nav li a:hover:before,
.navbar-nav li .active:hover:before {
visibility: visible;
transform: scaleX(1);
}
.navbar-nav li a:before,
.navbar-nav li .active:before {
content: "";
position: absolute;
width: 100%;
height: 4px;
bottom: -12px;
left: 0;
background-color: #fff;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
display: none;
}
.custom-nav .navbar-nav li:after {
content: "|";
position: absolute;
right: -4px;
top: 2px;
color: #444;
display: none;
}
.navbar-nav.ml-leftmenu {
margin-left: 20px;
}
.navbar-nav.ml-leftmenu li i {
display: block;
text-align: center;
margin: 0 auto;
margin-bottom: 5px;
font-size: 24px;
}
.upperheader-drop .col-ft1 ul li:hover a {
color: #005ca8;
}
.upperheader-drop .col-ft1 ul li {
border-bottom: 1px solid #eee;
padding-top: 4px;
padding-bottom: 4px;
}
.upperheader-drop .col-ft1 ul li:last-child {
border-bottom: none;
}
.upperheader-drop .col-ft1 ul li a {
font-size: 14px;
text-transform: capitalize;
}
.upperheader-drop {
border-radius: 0;
}
/*dropdown start*/
.upperheader-drop .col-ft1 {
width: 200px !important;
}
.upperheader-drop {
top: 47px;
padding: 0;
}
.upperheader-drop .col-ft1 ul {
padding: 2px;
}
/*dropdown ends*/
/*navbar ends*/
/*mobile tabbing start*/
.mobile-mnblock {
width: 94%;
margin: 0 auto;
display: none;
}
.bdr-b {
border-bottom: 1px solid #cdcdcd;
}
.sect_tp {
width: 100%;
float: left;
margin-top: 20px;
padding-bottom: 14px;
}
.mb-tp_sc {
float: left;
position: relative;
width: 32%;
margin-bottom: 20px;
border: 1px solid #ddd;
margin: 2px;
padding: 3px;
}
.mb-tp_sc a,
.mb-tp_sc1 a {
text-decoration: none;
}
.icn_ttl {
font-size: 10px;
font-weight: 600;
color: #444;
text-align: center;
display: block;
text-transform: uppercase;
margin-top: 5px;
}
.mb-tp_sc:after {
content: '';
height: 36px;
width: 1px;
display: none;
top: 15px;
right: 0;
position: absolute;
background: #e0e0e0;
}
.sect_bt {
width: 100%;
float: left;
margin-top: 14px;
margin-bottom: 14px;
}
.bdr-t {
border-top: 1px solid #cdcdcd;
}
.sect_bt_n2 {
width: 100%;
float: left;
padding-top: 11px;
}
.mb-tp_sc i {
text-align: center;
margin: 0 auto;
display: block;
font-size: 28px;
margin-bottom: 10px;
color: var(--icons-color);
}
/*Mobile tabbing ends*/
/*login modal start*/
.or-count {
margin: 18px 0 21px 0;
padding: 0;
font-size: 14px;
font-weight: 500;
display: block;
clear: both;
overflow: hidden;
}
#successmsgforget p {
font-size: 14px;
}
.forgot {
border: none;
font-size: 14px;
background: #444;
float: right;
width: 100%;
color: #fff;
margin-bottom: 10px;
font-weight: 600;
text-decoration: none;
text-align: center;
margin-top: 10px;
border: 1px solid #444;
}
.forgot:hover {
background: #fff;
color: #444;
border: 1px solid #444;
}
.login-box .close {
color: #444;
opacity: 1;
}
a {
color: #0056b3;
}
a:hover {
color: #d42a2a;
}
.login_msg {
color: red;
font-size: 14px;
padding: 0 16px;
margin-bottom: 10px;
}
.signbtn {
z-index: 999999;
padding: 4px;
right: 10px;
float: right;
position: absolute;
top: 0;
}
.rigister {
position: relative;
}
.popup-title {
color: #444;
font-weight: 600;
}
.rgister-form {
margin-top: 30px;
}
.rgister-form .form-control {
margin-bottom: 14px;
}
.rigister .form-control::placeholder,
.rgister-form select,
.rgister-form input[type=date] {
font-size: 13px;
color: #292727;
font-weight: 300;
}
.sign-btn {
border: none;
font-size: 14px;
background: var(--main-color);
float: right;
width: 100%;
color: #fff;
font-weight: 700;
text-decoration: none;
text-align: center;
}
.sign-txt a {
font-size: 13px;
color: var(--main-color);
}
.sign-btn:hover,
.enquiry-btn:hover {
background: #444;
outline: 0;
border: none;
box-shadow: none;
color: #fff;
text-decoration: none;
}
.rigister:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #cec3c3;
top: 0;
right: -14px;
}
.sign-txt {
font-size: 13px;
color: var(--main-color);
}
.pr-0,
.px-0 {
padding-right: 15px !important;
}
/*login modal ends*/
/*aboutus start*/
.search-result {
margin-top: 0;
padding: 0;
}
.search-result .overlay {
z-index: 0;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .1)!important;
}
.box {
padding: 10px;
right: 0;
left: 0;
border-radius: 0 0 4px 4px;
bottom: 0;
width: 100%;
position: absolute;
z-index: 100;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 90%) 100%);
}
.box h1 {
margin-bottom: 0;
font-size: 30px;
font-weight: 600!important;
margin-top: 10px;
color: #fff;
text-transform: uppercase;
}
.overlay .breadcrumb {
background: 0 0;
padding: 0;
color: #fff;
}
.overlay .breadcrumb li {
margin-right: 6px;
}
.overlay .breadcrumb li a {
font-size: 14px;
text-decoration: none;
color: #fff;
}
.breadcrumb>li+li:before {
content: "/"!important;
padding-right: 4px;
}
.overlay .breadcrumb li.active a {
color: #fff;
font-weight: 600;
}
.about-section {
padding: 40px 0;
}
.mob-pad-tab li,
.mob-pad-tab p,
.mob-pad-tab span,
.mob-pad-tab {
font-size: 14px;
}
.bannercls {
position: relative;
height: 353px;
}
.bannercls img {
width: 100%;
}
/*about us ends*/
/*contact us start*/
.about-section {
padding: 40px 0;
}
.contactus {
background: #e8e8e8;
padding: 20px;
}
.contactus .form-group label {
color: #323232;
display: none;
font-size: 13px;
}
.contactus .form-control {
margin-bottom: 20px;
font-size: 13px;
padding: 0 5px;
}
textarea.form-control {
height: auto;
}
span.msg {
font-size: 12px;
}
.form-control::placeholder {
font-size: 13px;
}
.send_message_margi_btn {
border: none;
font-size: 13px;
background: var(--main-color);
float: right;
padding: 8px 20px;
color: #fff;
border-radius: 5px;
font-weight: 600;
text-decoration: none;
text-align: center;
}
.c-dt-1 {
font-size: 15px;
font-weight: 600;
}
.ct-inner-dt {
border-bottom: 1px solid #eee;
margin-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.send_message_margi_btn:hover {
background: #444;
}
/*contact us ends*/
/*offers start*/
.about-section .demo {
padding: 0;
}
.offer_box {
background: #fff!important;
min-height: 310px;
padding: 5px;
position: relative;
margin-bottom: 25px;
border: 1px solid #e5e5e5;
}
.offer_box img {
height: 200px;
margin-bottom: 20px;
object-fit: cover;
border: 0 solid #e5e5e5;
padding: 3px;
width: 100%;
}
.offer_box h6 {
font-weight: 600;
color: #000;
line-height: 20px;
margin-top: 0px;
font-size: 15px;
}
.offer_box .offersubheading {
font-size: 13px;
color: #000;
}
.blogbtn {
color: #fff;
background: var(--main-color);
text-decoration: none;
padding: 5px 10px;
font-size: 13px;
margin: 0;
border-radius: 4px;
}
.offer_box .expires_date {
color: #757373;
font-size: 12px;
position: absolute;
top: 206px;
right: 10px;
}
.blogbtn:hover {
background: #444;
color: #fff;
}
/*offers ends*/
/*top header css code start 29-7-*2021*/
.topheader {
background: #444;
margin: 0;
padding: 0;
}
.tpsignin {
padding: 11px 15px 0px;
font-size: 12px;
}
.tpsignin ul {
padding-left: 0px;
list-style-type: none;
}
.tpsignin ul li {
padding-right: 5px;
line-height: 8px;
display: inline-block;
font-size: 14px;
}
.tpsignin ul li i {
font-size: 18px;
position: relative;
top: 2px;
padding-right: 10px;
line-height: 0px;
}
/*.tpsignin .accountdropdown a:hover + .dropdown-menu {
display: block;
}*/
.accountdropdown .dropdown-menu a {
color: #000 !important;
cursor: pointer;
margin-bottom: 10px;
display: block;
}
.accountdropdown .dropdown-menu a:hover {
color: var(--main-color) !important;
}
.tpsignin a {
color: rgb(255, 255, 255) !important;
margin: 0px 6px;
border: none;
padding: 0;
font-size: 14px;
line-height: 20px;
}
.tpsignin a:hover {
color: rgb(255, 255, 255, 0.7) !important;
}
.tpsigninalignrgt {
float: right;
padding-right: 0;
}
ul.social-icons li a .fa {
font-size: 18px;
}
ul.social-icons {
padding-left: 0;
}
ul.social-icons li {
display: inline-block;
margin-right: 10px;
border: 2px solid #fff;
width: 30px;
border-radius: 6px;
height: 30px;
line-height: 30px;
text-align: center;
}
ul.social-icons li a {
color: #fff;
}
/*top header css code start 29-7-*2021*/
/*5th aug start*/
/*profile page start*/
.profiletab {
margin: 30px 0 0;
padding: 0;
float: left;
list-style: none;
height: 38px;
border-bottom: 1px solid #e9ecef;
width: 100%;
}
.profiletab li.active {
background-color: #444;
color: #fff;
border-bottom: 1px solid #444;
display: block;
}
.profiletab li {
padding: 3px 6px;
font-size: 12px;
margin-right: 6px;
}
.profiletab li {
float: left;
margin: 0;
line-height: 31px;
background-color: #e9ecef;
color: #fff;
overflow: hidden;
position: relative;
padding: 3px 9px;
font-size: 12px;
margin-right: 6px;
}
.profiletab-list.active a {
color: #fff;
}
.profiletab li a {
color: #323232;
text-decoration: none;
}
.tab_container {
border: 1px solid #e9ecef;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
overflow: auto;
margin-bottom: 10px;
padding: 20px;
}
.tab_drawer_heading {
display: none;
}
.tab_content label {
font-size: 13px;
}
.updatebtn {
margin-top: 31px;
padding: 7px;
font-weight: 600;
}
.change {
border: none;
font-size: 13px;
background: #eb2318;
float: right;
width: 100%;
color: #fff;
font-weight: 600;
text-decoration: none;
text-align: center;
}
.tab_content .form-control {
font-size: 13px;
}
.change:hover {
background: #444;
outline: 0;
border: none;
box-shadow: none;
color: #fff;
}
.content table {
width: 100%;
}
.content table th {
font-weight: 600;
font-size: 14px;
padding-bottom: 20px;
text-transform: uppercase;
}
.content table td {
font-size: 14px;
padding: 0 10px;
}
.content table tr {
line-height: 26px !important;
}
.content table button {
background: #d42a2a;
border: none;
color: #fff;
font-size: 14px;
font-weight: 500;
margin: 8px 0;
float: right;
}
.profileaction.show {
padding: 10px;
font-size: 14px;
position: absolute;
left: -70px;
bottom: auto;
border: 1px solid #ddd;
border-radius: 4px;
float: none !important;
min-width: 140px;
z-index: 99999999;
background: #fff;
top: 37px;
}
/*profile page ends*/
.selectsaet-box .alignleft {
font-size: 13px;
}
.selectsaet-box .destination_name {
font-size: 14px;
}
.passenger_details li {
font-size: 13px !important;
font-weight: 500;
}
.paddingleft0 {
padding-left: 0;
}
.custombtn {
background: var(--main-color) !important;
font-size: 13px;
}
.contact-title-box img {
width: 20px;
}
.selectseats .destination_name {
font-size: 14px !important;
font-weight: 600 !important;
}
.selectseats p {
font-weight: 500 !important;
}
.selectseats {
line-height: 24px;
}
.ui-datepicker-calendar {
width: 100% !important;
margin: 0 !important;
background: #eee;
z-index: 99999;
}
.selectseats .noseatselected {
font-size: 14px;
}
.addmoreoption_fareclass {
font-size: 13px;
text-align: right;
}
.moreinfobox-cls .name_plane {
font-size: 14px;
font-weight: 600;
display: inline-block !important;
}
.moreinfobox-cls .international_image img {
margin-right: 10px !important;
}
.moreinfobox-cls .international_image img {
width: 36px;
float: left;
}
/*5th aug ends*/
/*6th aug start*/
.ChangeView {
font-size: 12px;
border: none;
float: right;
font-weight: 600;
}
.international_align_rightpadding {
padding-right: 0px;
}
.international_fligt_logo {
margin: 0;
padding: 0;
text-align: left;
}
.international_image {
width: 40px;
height: 40px;
position: relative;
display: block;
text-align: center;
border: 2px solid transparent;
padding: 10px;
overflow: hidden;
margin: 0 7px 0 0;
z-index: 9;
float: left;
}
.international_image img {
position: absolute;
max-width: 80%;
max-height: 76%;
left: 0;
top: -6px;
bottom: 0;
right: 0;
margin: auto;
padding: 0;
transition: all .7s ease-in-out;
}
.multicity_button_wrapper {
border: 1px solid #d7d7d7;
margin-bottom: 4px;
padding: 4px 4px;
width: 100%;
}
.international_fligt_logo h5 {
font-size: 12px;
color: #2c3e50;
margin: 0px 0 6px 0;
padding: 0;
line-height: normal;
font-weight: 700;
}
.international_fligt_logo h6 {
font-size: 11px !important;
color: #7f8c8d;
margin: 0;
padding: 0;
font-weight: 600;
}
.searchno_padding {
padding: 0;
}
.international_flight_details {
margin: 0;
padding: 0;
text-align: center;
}
.international_flight_time {
margin: 0;
padding: 0;
line-height: 16px;
color: #444;
font-weight: 700;
font-size: 15px;
}
.international_flight_cityname {
font-size: 14px;
color: #252525;
margin: 0;
padding: 0;
font-weight: 600;
}
.padding-left0 {
padding-left: 0 !important;
}
.theme-search-results-item-flight-section-path1 {
position: relative;
height: auto;
margin: 0 5px;
}
.theme-search-results-item-flight-section-path-fly-time1 {
text-align: center;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.theme-search-results-item-flight-section-path-fly-time1 p {
margin-bottom: 0;
color: #2c3e50;
font-size: 13px;
font-weight: 600;
}
.theme-search-results-item-flight-section-path-fly-time1.flight_stop1 p {
color: #7f8c8d;
font-size: 12px;
}
.theme-search-results-item-flight-section-path-line1 {
position: absolute;
top: 19px;
left: 0;
width: 100%;
height: 2px;
background: #d8d7d7;
}
.theme-search-results-item-flight-section-path-line-start1 {
position: absolute;
left: -15px;
text-align: center;
width: 30px;
top: 16px;
}
.theme-search-results-item-flight-section-path-line-dot1 {
width: 8px;
height: 8px;
border-radius: 50%;
/* background-color: #8e9d9c; */
margin-bottom: 10px;
margin-left: 10px;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
border: 3px solid #d8d7d7;
}
.theme-search-results-item-flight-section-path-line-end1 {
right: -15px;
left: auto;
position: absolute;
text-align: center;
width: 30px;
top: 16px;
}
.flight_stop1 {
top: 20px;
text-align: center;
left: 0px;
}
/*6th aug ends*/
/*19th aug start*/
#getseatpage {
width: 100%;
float: left;
}
.layoverboxcls {
border: 2px solid var(--main-color) !important;
padding: 10px;
margin: 0 auto;
color: var(--main-color) !important;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
text-align: center;
margin-bottom: 10px;
}
.ui-datepicker .ui-datepicker-buttonpane {
display: none;
}
.booking {
top: -200px !important;
position: sticky;
}
.roundFilter {
top: -820px !important;
position: sticky;
}
/*19th uag ends*/
/*26th uag start*/
.fligthdesk-sorting li:nth-child(2) {
margin-left: 0px;
margin-right: 80px;
}
.fligthdesk-sorting li:nth-child(4) {
margin-left: 8px;
}
.fligthdesk-sorting li:nth-child(5) {
margin-left: 18px;
}
.fligthdesk-sorting li:nth-child(6) {
margin-right: 0px;
float: right;
}
.fligthdesk-sorting li {
margin: 0 40px;
border: 0px solid #ddd !important;
}
.roundtrip_sorting_sort {
margin-left: 0px !important;
margin-right: 0px !important;
padding: 5px 11px !important;
font-size: 12px !important;
}
/*26th aug ends*/
/*27th aug start*/
.pricefilterbt {
padding-bottom: 24px !important;
}
.bannerclsnewcls img {
height: 100%;
object-fit: cover;
}
.payagainbtn {
margin: 10px auto;
display: block;
max-width: 100px;
border-color: var(--main-color);
}
.paymentfailclsbox {
line-height: 30px;
padding: 10px;
border: 1px solid #eee;
background: #ffff;
border-radius: 5px;
width: 100%;
margin: 10px 0;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}
/*27th aug ends*/
/*Responsive css start*/
@media(max-width: 1024px) {
.custom-nav .navbar-nav li {
padding-left: 16px;
}
.mobile-mnblock {
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 0px;
white-space: nowrap;
display: inline-block;
width: 100%;
}
.mobileimage {
margin-bottom: 17px;
}
.mb-tp_sc {
display: inline-block !important;
float: none;
width: 15%;
}
.sect_tp {
margin-top: 10px;
padding-bottom: 5px;
}
.mb-tp_sc i {
margin-bottom: 5px;
}
}
@media(max-width: 992px) {
ul.social-icons {
padding-left: 0;
margin: 5px 0 0 0;
}
.mobile_footer_bottomcontinuefixedtop.multicity_footerfixed {
bottom: 40px !important;
}
.flight_search_list_details .fligt_logo {
margin: 0;
width: auto;
margin-bottom: 10px;
height: 20px;
padding: 0;
text-align: left;
display: contents !important;
}
.sortright-flight li a.active {
background: #666;
position: relative;
color: #fff !important;
padding: 10px;
}
.sortlisting-flight.multicity{
width: 100% !important;
background: #fff !important;
}
.cancel-btn-mb-sort.fligthdeskcancel.multicity {
color: #fff;
}
.mobile_footer_bottomcontinuefixedtop {
display: block;
position: fixed;
width: 100% !important;
z-index: 99999;
background: #fff;
bottom: 0px;
padding: 8px 6px 15px 12px;
height: auto;
margin: -4px 0 0 0;
left: 0;
}
.mobile_footerlefttop {
float: left;
width: 60%;
}
.formtitlecls {
line-height: normal !important;
color: #646464;
font-size: 11px !important;
font-weight: 100 !important;
font-family: Poppins, sans-serif !important;
}
.mobile_totalamounttop {
font-size: 18px;
color: #444;
float: left;
font-weight: bold;
}
.price_mobiletop {
font-size: 13px;
color: #444;
display: block;
font-weight: 600;
}
.mobile_footerrighttop {
float: right;
width: 40%;
}
.continue_btn_22top {
font-size: 14px;
}
.continue_btn_22top {
padding: 6px 0;
border-radius: 5px;
margin: 0;
background-color: var(--main-color);
border-color: var(--main-color);
color: #fff;
width: 90%;
float: right;
text-transform: capitalize;
}
.fl-price-published {
margin-right: 10px;
font-weight: bold;
font-size: 12px;
color: green;
margin: 0 auto;
}
.horizontal-scrollable ul {
display: flex;
white-space: nowrap;
flex-wrap: nowrap;
}
.topheader {
display: none;
}
/*navbar start*/
.upperheader-drop {
box-shadow: none !important;
border: none !important;
}
.upperheader-drop a {
font-size: 13px;
}
.upperheader-drop .col-ft1 ul li a {
font-size: 13px;
}
.upperheader-drop .col-ft1 {
width: 100% !important;
}
.rigister:after {
display: none;
}
.navbar-nav li .nav-link {
color: #444!important;
text-align: left;
border-bottom: 1px solid #ddd;
font-weight: 600;
font-size: 13px;
}
ul.navbar-nav.ml-leftmenu {
margin-left: 0;
}
.navbar-nav.ml-leftmenu li i {
text-align: left;
display: inline-block;
padding-right: 12px;
margin-top: 15px;
}
.custom-nav .navbar-nav li {
line-height: 30px;
padding-left: 0;
}
.custom-nav {
background: var(--mb-navbg) !important;
padding: 10px;
z-index: 9;
}
.custom-nav .navbar-brand {
/* width: 120px; */
margin: 0 auto;
}
.cus-nav-mobile {
display: inline-grid;
}
.ml-leftmenu {
order: 2;
}
.cus-nav-mobileright {
order: 1;
margin-left: 0 !important;
}
.mb-tp_sc:last-child:after {
display: none;
}
/*Navbar ends*/
.mobile-mnblock {
display: block;
}
}
/*footer start*/
/*fixed footer start*/
.footer_stick_bottom {
justify-content: space-around;
align-items: flex-end;
background-color: #fff;
position: fixed;
bottom: 0;
left: 0;
display: none;
width: 100%;
height: 58px;
z-index: 3;
box-shadow: 0 -2px 3px #cac4c7;
}
.footer_hp-menu {
display: flex;
width: 100%;
padding: 0;
margin: 0;
}
.footer_hp-menu li {
text-align: center;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 6px;
padding-bottom: 8px;
width: 25%;
text-decoration: none;
list-style-type: none;
}
.footer_hp-menu li a {
text-decoration: none;
}
.footer_hp-menu li .s_icns {
width: 16px;
display: block;
margin: 0 auto;
position: relative;
max-height: 18px;
}
.footer_fm_icn1,
.footer_fm_icn1_act {
width: 18px;
height: 19px;
display: inline-block;
background: url(../images/footer-menu-icons.png) no-repeat 0 0;
background-size: 80px 41px;
}
.footer_hp-menu li .footer_menu_txt {
font-size: 11px;
line-height: 100%;
font-weight: 500;
color: #666;
display: block;
padding-top: 10px;
}
.footer_fm_icn2,
.footer_fm_icn2_act {
width: 19px;
height: 19px;
display: inline-block;
background: url(../images/footer-menu-icons.png) no-repeat -20px 0;
background-size: 80px 41px;
}
.footer_fm_icn3 {
width: 19px;
height: 19px;
display: inline-block;
background: url(../images/mybooking_footer.png) no-repeat 0 0;
background-size: 19px 19px;
}
.footer_fm_icn6 {
width: 18px;
height: 19px;
display: inline-block;
background: url(../images/footer-menu-icons.png) no-repeat -42px 0;
background-size: 80px 41px;
}
.footer_footer-hightlight .menu_txt {
color: #00a3d6!important;
}
/*fixed footer ends*/
/*web footer start*/
footer {
background: var(--main-color);
padding: 30px 0;
width: 100%;
float: left;
}
.social-icons li:hover {
background: var(--main-color);
}
.ft-title {
font-size: 14px;
color: #fff;
font-weight: 700;
}
.social-icons {
padding: 0;
margin: 0;
}
.social-icons li {
display: inline-block;
margin-right: 0px;
width: 33px;
border-radius: 6px;
height: auto;
line-height: 30px;
text-align: center;
}
.social-icons li a {
color: #fff;
}
.social-icons li img {
width: 18px;
height: 18px;
text-align: center;
margin: 5px auto;
display: block;
}
.newsletter .news-field {
width: 100%;
padding: 8px;
border-radius: 3px ;
float: left;
border: none;
font-size: 12px;
}
.news-btn {
background: var(--main-color);
color: #fff;
padding: 8px;
border-radius: 0 3px 3px 0;
font-size: 12px;
border: none;
margin-top: 0;
font-weight: 300;
width: 30%;
text-decoration: none;
text-align: center;
float: left;
}
.links li {
font-size: 13px;
color: #eee;
list-style-type: none;
position: relative;
line-height: 30px;
}
ul.links li:before {
content: "";
left: 0px;
top: 14px;
position: absolute;
background: url(../images/next-ft.png);
width: 16px;
height: 16px;
background-repeat: no-repeat;
display: none;
}
.ft1-list li a,
ul.links li a {
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
}
.links li a {
color: #fff;
line-height: 20px;
padding-left: 0;
text-decoration: none;
position: relative;
}
.ft1-list li a:hover,
ul.links li a:hover {
padding-left: 10px;
color: #fff;
}
.links {
margin-bottom: 0;
}
.copyright {
background: #000;
padding: 10px 0;
width: 100%;
margin: 0 auto;
display: block;
float: left;
}
.copyright-txt {
color: #fff;
text-align: right;
float: right;
}
.Poweredtxt {
float: right;
}
.linkslogo img {
float: left;
padding: 3px;
width: 56px;
margin-right: 2%;
margin-bottom: 15px;
border-radius: 50%;
}
.ft-logo-bg1 img {
background: #fff;
}
.ft-logo-bg4 img {
background: #579441;
}
.ft-logo-bg3 img {
background: #024691;
}
.ft-logo-bg2 img {
background: #0b4c76;
}
/*web footer ends*/
/*mobile footer starts*/
.mb-ft-collapsible {
background-color: #444;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
display: none;
text-align: left;
outline: none;
font-size: 15px;
}
.mb-ft-collapsible.active,
.mb-ft-collapsible:hover {
background-color: #555;
}
.mb-ft-collapsible:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}
.mb-ft-collapsible.active:after {
content: "\2212";
}
.mb-ft-content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #444;
}
.mobile-footer-menus {
width: 100%;
float: left;
}
/*mobile footer ends*/
@media only screen and (max-width: 992px) {
footer {
display: none;
}
.mb-ft-collapsible {
padding: 10px;
display: block;
font-size: 14px;
}
.copyright {
background: #000;
}
.copyright-txt {
float: none;
text-align: center;
margin: 0 auto;
display: block;
}
}
/*footer ends*/
/*flight start*/
.homeflight-clscontainer_lgn {
position: absolute !important;
top: 30% !important;
right: 9% !important;
}
.flight-clsclr.homeclear {
clear: none;
}
.homebanner {
position: relative;
/*background: var(--searchbanner-bg);*/
/* background: url(../images/homrbanner.jpg); */
width: 100%;
float: left;
/* padding: 40px 20px; */
padding: 0;
}
.homebanner img {
max-width: 100%;
}
.homebanner2 {
/* background: url(../images/homrbanner.jpg); */
background: #194e9f;
}
.homebanner2 img {
max-width: 100%;
}
.srch_form {
position: absolute;
width: 100%;
bottom: 38%;
/* z-index: 9999;*/
z-index: 999;
}
.flt-result-box .fl_sub_inf {
left: 6%;
top: 0;
}
/*flight list 2 start*/
.fl_logo_2 {
width: 25%!important;
}
.fl_info_col_2 {
width: 38%!important;
padding-right: 15px!important;
}
.fl_cost_2 {
width: 13%!important;
}
.multiciy_rightside_2 {
width: 24%!important;
}
.managlist1_2 {
padding: 0px !important;
}
/*flight list 2 ends*/
/*web code 14th june start*/
.roundtripfl_logo {
width: 15% !important;
}
.round-mb-cls-footer {
display: none;
}
.round_fl_cost {
width: 25%!important;
}
.mobile_header {
display: none !important;
}
.review-payment-footer {
display: none;
}
.round_fl_info_col {
width: 60%!important;
}
.roundtrip-ctr-dv .managlist1 {
padding: 0 !important;
}
.roundtrip-logo {
width: 15%!important;
}
.roundtrip-ctr-dv {
padding: 10px 6px 20px 6px !important;
}
.round-info-box {
transform: translate(-50%, 43%)!important;
}
.round_fl_sub_inf {
position: relative!important;
top: auto!important;
left: auto!important;
}
.fl_deprt_citycls {
font-weight: 600;
float: left!important;
font-size: 12px;
color: #7f8c8d;
position: absolute;
left: 0;
top: 30px;
}
.roundtripbox {
padding-left: 15px !important;
padding-right: 15px !important;
}
.fl_arive_citycls {
font-weight: 600;
float: left!important;
font-size: 12px;
color: #7f8c8d;
position: absolute;
right: 0;
top: 30px;
}
.fl_sub_inf {
position: absolute;
top: 48%;
left: 20%;
}
.airimgI5 img {
width: 36px;
}
.internation-flight-mobile {
display: none;
}
.flight-result {
padding: 40px 0;
width: 100%;
float: left;
}
.booknow-btn:hover {
background: var(--btn-hover-bg);
}
.flight-result .col-12.padding-2 {
padding-left: 15px;
padding-right: 15px;
}
/*web code 14th june ends*/
.flight-clscont_pnl-home {
padding-bottom: 0 !important;
}
.flight-mobile-mnblock {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 0;
white-space: nowrap;
display: inline-block;
}
.flight-mobile-mnblock .mb-tp_sc {
float: none !important;
display: inline-block;
}
.mobilehide {
display: none;
}
.mobile-back-btn i {
color: var(--mobile-back-icon);
}
.flight-tabbing-list {
width: 100%;
float: left;
margin-top: 10px;
padding-bottom: 10px;
}
.flight-clscont_pnl {
float: left;
padding-bottom: 60px;
width: 100%;
}
.flight-clspd20_n {
background: transparent;
padding: 20px;
display: block;
width: 86%;
border-radius: 5px;
margin: 0 auto;
}
.flight-clsm_rel {
position: relative;
}
.flight-clsmb_title {
font-size: 10px;
font-weight: 700;
color: #fff;
margin-bottom: 4px;
text-transform: uppercase;
margin-top: 1px;
margin: 0 auto;
text-align: left;
display: block;
}
.flight-clschkbtn {
float: right;
right: 0px;
top: -11px;
border: 1px solid var(--main-color);
border-top: 0;
color: var(--black-color);
font-weight: 600;
font-size: 12px;
padding: 5px 8px;
border-radius: 0 0 5px 5px;
position: absolute;
background: var(--input-feilds-bg);
background: var(--input-feilds-bg);
}
.flight-clsradio-toolbar-tp {
width: 100%;
float: left;
margin: 7px 0 2px 0;
}
.flight-clsradio-toolbar-tp input[type="radio"] {
display: none;
}
.flight-clsradio-toolbar-tp input[type="radio"]:checked+label {
background: var(--main-color);
color: #fff;
border-radius: 3px;
}
.flight-clsradio-toolbar-tp label {
cursor: pointer;
width: 10%;
float: left;
text-align: center;
font-size: 11px;
font-weight: 600;
color: #636464;
cursor: pointer;
padding: 4px 0;
margin-right: 10px;
margin: 0;
text-transform: uppercase;
background: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
margin-right: 5px;
}
.flight-clsfl {
float: left;
}
.flight-clswid46 {
width: 48%;
}
.flight-clsfr {
float: right;
}
.flight-clswid46 {
width: 13%;
float: left;
margin-right: 10px;
}
.flight-clslb_bg {
padding: 10px;
background: #f1f7fa;
border: 1px solid #3995ca;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: left;
width: 100%;
}
.flight-clsmgt13 {
margin-top: 13px;
}
.flight-clshgt93 {
height: 76px;
}
.flight-clstop_block {
width: 100%;
text-align: center;
}
.flight-clsinpttl {
font-size: 12px;
color: #3f3f3f;
text-transform: uppercase;
}
.flight-clsorigin_cd {
width: 100%;
float: left;
border: 0;
font-size: 23px;
color: var(--black-color);
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.flight-clsorigin_full {
width: 100%;
float: left;
border: 0;
font-size: 11px;
color: var(--black-color);
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
text-align: center;
}
.flight-clsoverlay_sc {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.65);
z-index: 2;
cursor: pointer;
}
#flight-clsselectClass {
position: fixed;
bottom: 0;
left: 0;
width: 40%;
padding-bottom: 0;
z-index: 12;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.flight-clsinner_wrap_bg {
background: #fff;
}
.flight-clstop_pnl {
width: 100%;
margin: 0 auto;
padding: 10px 6px;
background: var(--light-bg-color);
}
.flight-clsinnr_header_pd {
padding: 0 15px;
}
.flight-clslft_pnl {
float: left;
}
.flight-clssClass_ttl {
font-size: 17px;
font-weight: 600;
}
.flight-clsclose_class {
position: absolute;
cursor: pointer;
font-size: 29px;
color: #a5a5a5;
right: 10px;
top: 0;
}
.flight-clsinnr_pd10 {
padding: 15px;
}
.flight-clsradio_sclass {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 19px;
line-height: 22px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flight-clsradio_sclass input {
position: absolute;
opacity: 0;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass {
background-color: #fff;
}
.flight-clscheckmark_sclass {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #fff;
border: 1px solid var(--main-color);
border-radius: 50%;
}
.flight-clsBtnclass_v2 {
width: 100%;
height: 40px;
display: -webkit-box;
cursor: pointer;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: var(--main-color);
color: #fff;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
}
.flight-clsmain_frm_f2 {
background-color: #f1f1f1;
border-radius: 3px;
height: auto;
margin: 0 auto;
position: absolute;
top: 10px;
width: 100%;
z-index: 999;
left: 0;
}
.flight-clscntnt_f3_d {
width: 100%;
background-color: #fff;
}
.flight-clsfli_autosugst {
width: 100%;
background: #fff;
height: auto;
padding: 0;
float: left;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 1px 10px rgb(0 0 0 / 4%), 0 4px 5px rgb(0 0 0 / 6%);
position: relative;
z-index: 1;
}
.flight-clsfli-c-blv2 {
width: 90%;
margin: 0 auto;
}
.flight-clssel_fullblock {
width: 100%;
float: left;
}
.flight-clsarw_wrap {
width: 30px;
float: left;
}
.flight-clsarrBlack {
width: 15px;
height: 14px;
display: inline-block;
background: url(../images/left-arrow.svg) no-repeat 0 0;
background-size: 15px 15px;
margin: 19px 8px 0 0;
vertical-align: middle;
}
.flight-clsinput_autosugst {
float: left;
width: calc(100% - 30px);
}
.flight-clsinput_autosugst_inner {
font-size: 17px;
padding: 16px 0;
display: block;
width: 100%;
border: none;
/* border-bottom: 1px solid #a7a2a2; */
outline: none;
}
.flight-clsauto_saugg {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.flight-clsmn-atu-pg {
width: 100%;
}
.flight-clsauto_saugg ul {
margin: 0;
padding: 0;
}
.flight-clsblc_brd3 {
background-color: #fff;
cursor: pointer;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.flight-clsbx_f2 {
margin: 0;
width: 100%;
height: 100%;
}
.flight-clsmain_frm_f2 {
background-color: #f1f1f1;
border-radius: 3px;
height: auto;
margin: 0 auto;
position: absolute;
top: 10px;
width: 100%;
z-index: 999;
left: 0;
}
.flight-clscntnt_f3_d {
width: 100%;
background-color: #fff;
}
.flight-clsfli_autosugst {
width: 100%;
background: #fff;
height: auto;
padding: 0;
float: left;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 1px 10px rgb(0 0 0 / 4%), 0 4px 5px rgb(0 0 0 / 6%);
position: relative;
z-index: 1;
}
.flight-clsfli-c-blv2 {
width: 90%;
margin: 0 auto;
}
.flight-clssel_fullblock {
width: 100%;
float: left;
}
.flight-clsarw_wrap {
width: 30px;
float: left;
}
.flight-clsarrBlack {
width: 15px;
height: 14px;
display: inline-block;
background: url(../images/left-arrow.svg) no-repeat 0 0;
background-size: 15px 15px;
margin: 19px 8px 0 0;
vertical-align: middle;
}
.flight-clsinput_autosugst {
float: left;
width: calc(100% - 30px);
}
.flight-clsinput_autosugst_inner {
font-size: 17px;
padding: 16px 0;
display: block;
width: 100%;
border: none;
/* border-bottom: 1px solid #a7a2a2; */
outline: none;
}
.flight-clsauto_saugg {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.flight-clsmn-atu-pg {
width: 100%;
}
.flight-clsauto_saugg ul {
margin: 0;
padding: 0;
}
.flight-clsblc_brd3 {
background-color: #fff;
cursor: pointer;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.flight-clslb_bg {
padding: 10px 6px;
background: var(--input-feilds-bg);
border: 1px solid var(--main-color);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: left;
width: 100%;
position: relative;
height: 72px;
}
.flight-clsinpttl2 {
font-size: 12px;
color: #3f3f3f;
text-transform: uppercase;
display: block;
font-weight:700;
}
.flight-clshl-input2 {
width: 100%;
float: left;
border: 0;
color: var(--black-color);
outline: 0;
-webkit-appearance: none;
padding: 6px 6px 6px 34px;
background: url(../images/calender-hotel-icon.png) no-repeat 0 5px;
background-size: 23px 23px;
font-size: 14px;
font-weight: normal;
}
.flight-clsmgt13 {
margin-top: 13px;
}
#flight-clsrdateFade {
position: relative;
}
.flight-clscross_i {
width: 13px;
height: 14px;
background: url(../images/flight-hp-sprite.png) no-repeat -50px -4px;
background-size: 65px 21px;
display: inline-block;
position: absolute;
left: 82%;
top: 11px;
}
.flight-clsswap_icn {
width: 41px;
height: 41px;
display: inline-block;
position: absolute;
background: url(../images/swap-icon.png) no-repeat 0 0;
background-size: 41px 41px;
top: 42px;
right: -24px;
}
.flight-clstrvsc {
width: 100%;
float: left;
}
.travller_search.TravellersClass {
font-size: 14px;
color: #282727;
font-weight: bold;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
width: 100px;
float: left;
padding: 6px 6px 6px 0px;
}
.flight-clsmid_title {
font-size: 14px;
color: #282727;
font-weight: normal;
cursor: pointer;
width: auto;
float: left;
padding: 6px 6px 6px 0px;
}
.flight-clsdw_tringle {
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
transform: rotate( 45deg);
-webkit-transform: rotate( 45deg);
position: absolute;
right: 12px;
top: 12px;
}
.flight-clsoptclss {
width: 100%;
float: left;
}
.flight-clsoptclss select {
background: none;
border: 0;
font-size: 14px;
padding: 0;
outline: 0;
cursor: pointer;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.flight-clshg12 {
height: 20px;
display: none;
}
.flight-clscontainer_lgn {
display: inline-block;
position: relative;
padding-left: 25px;
margin: 0 0 5px 0;
cursor: pointer;
font-size: 13px;
color: var(--black-color);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 20px;
float: left;
margin-right: 14px;
top: auto;
right: auto;
}
.flight-clscontainer_lgn input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark_lgn {
position: absolute;
top: 0;
left: 0;
height: 19px;
width: 19px;
border-radius: 3px;
border: 1px solid #c3c3c3;
}
.flight-clsfs_btn {
width: 12%;
cursor: pointer;
background: var(--main-color);
float: left;
text-align: center;
padding: 15px 0;
/* display: block; */
color: #fff;
font-size: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: 0;
border: 0;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0px;
position: absolute;
right: 9%;
top: 38.6% !important;
height: 74px;
}
.flight-clsn-trvl-dtl {
background-color: #fff;
position: fixed;
/* bottom: 0; */
width: 50%;
z-index: 999999;
left: 50%;
min-width: 400px;
transform: translate(-50%, -50%);
top: 50%;
}
.flight-clsn-trvl-dtl-b {
width: 100%;
margin: 0 auto;
padding: 10px 16px;
/*border-bottom: 1px solid #ccc;*/
background: var(--light-bg-color);
}
.flight-clsn-trvl-dtl-l {
width: 60%;
float: left;
color: var(--black-color);
font-size: 16px;
font-weight: 600;
}
.flight-clsn-trvl-dtl-r,
.flight-clsn-trvl-dtl-r1 {
width: 30%;
float: right;
text-align: right;
color: var(--main-color);
font-size: 15px;
cursor: pointer;
}
.flight-clsadult1 {
width: 100%;
margin: 0;
}
.flight-clsadult1 ul {
margin: 0;
padding: 5px 0 10px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.flight-clsadult1 li {
border: 1px solid #ccc;
color: var(--black-color);
cursor: pointer;
display: inline-block;
float: left;
font-size: 15px;
margin: 0 4px 0 0;
text-align: center;
font-weight: 700;
width: 50px;
height: 50px;
line-height: 48px;
}
.flight-clsinfnt ul {
margin: 0;
padding: 5px 0 10px;
width: 100%;
}
.flight-clsinfnt {
/* width: 100%; */
/* margin: 0; */
/* padding: 3% 0; */
/* overflow-x: scroll; */
/* padding-bottom: 3%; */
}
.flight-clsinfnt li {
border: 1px solid #ccc;
color: var(--black-color);
cursor: pointer;
display: inline-block;
float: left;
font-size: 15px;
margin: 0 4px 0 0;
text-align: center;
width: 33px;
font-weight: 700;
width: 50px;
height: 50px;
line-height: 49px;
}
#flight-clsadultcnt li.active,
#flight-clsChildCnt li.active,
#flight-clsInfantCnt li.active {
display: block!important;
color: #fff!important;
background-color: var(--main-color) !important;
border: 1px solid var(--main-color)!important;
}
.flight-clsn-trvl-dtl-b2 {
width: 100%;
margin: 0 auto;
padding: 10px 16px;
}
.flight-clsinfnt-m {
width: 100%;
margin: 0 auto;
padding: 10px 16px;
}
.flight-clsinfnt {
width: 100%;
margin: 0;
}
.flight-clsfrm-b {
width: 100%;
float: left;
}
.flight-clsmm {
width: 100%;
float: left;
}
.flight-clsmobile-sec {
background: transparent!important;
}
.flight-clscontainer_lgn input:checked~.checkmark_lgn {
background-color: var(--black_color);
border: 1px solid #fff;
}
.flight-clscontainer_lgn input:checked~.checkmark_lgn:after {
display: block;
}
.flight-clscontainer_lgn .checkmark_lgn:after {
left: 7px;
top: 3px;
width: 5px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate( 45deg);
-ms-transform: rotate(45deg);
transform: rotate( 45deg);
}
.checkmark_lgn:after {
content: "";
position: absolute;
display: none;
}
#flight-clsselectClass {
z-index: 9999;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass:after {
display: block;
}
.flight-clsradio_sclass .flight-clscheckmark_sclass:after {
top: 3px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--black_color);
}
.flight-clscheckmark_sclass:after {
content: "";
position: absolute;
display: none;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass {
background-color: #fff;
}
.flight-clscheckmark_sclass {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #fff;
border: 1px solid var(--black_color);
border-radius: 50%;
}
.flight-clsmag2 {
margin-top: 20px;
}
.flight-clsfli-mlt {
width: 31%;
}
.flight-clspor {
position: relative;
}
.flight-clsfli-mlt {
width: 30%;
float: left;
margin-right: 3%;
}
.flight-clsog {
color: #3f3f3f;
}
.flight-clsog {
width: 100%;
float: left;
font-size: 14px;
color: #848282;
}
.flight-clsorr_mlt {
width: 100%;
float: left;
margin-top: 4px;
border: 0;
font-size: 19px;
color: #000000;
border-bottom: 1px solid #c5c2c2;
padding-bottom: 5px;
height: 44px;
}
.flight-clsfull_nme {
font-size: 12px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.flight-clsinpu-sec-n1 {
border: medium none;
cursor: pointer;
outline: medium none;
width: 100%;
font-size: 14PX;
color: #111;
background-color: rgba(255, 254, 254, 0);
margin-top: 2%;
}
.flight-clsbx_f2 {
margin: 0;
width: 100%;
height: 100%;
}
.flight-clsone_way_sug {
background: rgba(0, 0, 0, 0) url(../img/explore-n.gif) no-repeat scroll 1% 42%;
border: 1px solid #fff;
border-radius: 4px;
color: #555;
font-size: 14px;
margin: 0;
outline: medium none;
padding: 10px 0 10px 10%;
width: calc(90% - 10% - 10px);
margin-left: 10px;
}
.flight-clsdate-enable {
display: block;
opacity: 1 !important;
}
.flight-clsretu-date-n {
/*opacity: 0.4;*/
opacity: 0.8;
}
.flight-clsopct {
background: rgba(0, 0, 0, .7);
position: fixed;
top: 0;
height: 100%;
width: 100%;
display: none;
z-index: 99;
}
.flight-clsauto_saugg ul li {
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 12px 20px;
font-size: 13px;
position: relative;
width: calc(100% - 40px);
box-sizing: content-box;
-webkit-box-sizing: content-box;
border-bottom: 1px solid #eee;
background: #fff;
}
.autosugg-listitem:hover {
background: #eee;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: none !important;
background: none !important;
font-weight: normal;
color: #444 !important;
}
.autosugg-list-parent {
height: 400px !important;
overflow: scroll;
}
.autosugg-listitem {
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 12px 20px;
font-size: 13px;
position: relative;
width: calc(100% - 40px);
box-sizing: content-box;
-webkit-box-sizing: content-box;
border-bottom: 1px solid #eee;
background: #fff;
}
.flight-clsdest-nm {
width: 60%;
float: left;
}
.flight-clsdest-nm span {
color: var(--black-color);
font-size: 14px;
font-weight: 600;
line-height: 17px;
}
.flight-clsfnt-sz3 {
font-size: 12px!important;
color: var(--black_color) !important;
width: 100%;
float: left;
padding-top: 0;
font-weight: 400!important;
}
.flight-clsdest-nm2 {
width: 40%;
float: right;
text-align: right;
}
.flight-clsdest-nm2 span {
font-size: 14px;
font-family: open sans;
color: #fff;
font-weight: 600;
background: var(--main-color);
padding: 4px 5px;
border-radius: 3px;
width: 35px;
float: right;
text-align: center;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.flight-clsauto_saugg ul li::after {
content: "";
display: block;
height: 8px;
line-height: 30px;
position: absolute;
right: 5%;
top: 45%;
width: 15px;
}
.flight-clsauto_saugg ul li::after {
background: rgba(0, 0, 0, 0) url(/home-css-js/img/flight-icon-n.png) repeat scroll 0 0;
content: "";
display: block;
height: 8px;
line-height: 30px;
position: absolute;
right: 5%;
top: 45%;
width: 15px;
}
.flight-clsauto_saugg ul li:hover {
background: #eee;
}
.flight-clsbtn-botm {
width: 100%;
margin: 15px 0 0 0;
display: inline-block;
}
.flight-clsrmv_btn {
border-radius: 20px;
font-size: 12px;
padding: 3px 7px;
border: 1px solid #c5c2c2;
text-align: center;
color: #ababab;
float: right;
min-width: 72px;
text-decoration: none;
text-transform: uppercase;
}
.flight-clsadd_btn {
border-radius: 20px;
font-size: 12px;
padding: 3px 7px;
border: 1px solid #00a3d6;
text-align: center;
color: #00a3d6;
float: right;
min-width: 72px;
text-decoration: none;
text-transform: uppercase;
margin-right: 10px;
}
/*flight listing start*/
.flight-wrapper-clslist {
border: 1px solid #d7d7d7;
margin-bottom: 4px;
padding: 4px 4px;
width: 100%;
}
.flight-wrapper-clslist1 {
border: 1px solid #d7d7d7;
margin-bottom: 4px;
padding: 4px 4px;
width: 100%;
float: left;
}
.fltResult.active .fligt-cntnr
{
background: var(--light-bg-color);
width: 100%;
}
.booknow-btn:hover {
color: #fff;
border-radius: 3px;
}
.internation-flight-mobile {
background: #fff;
padding: 4px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
.sel1-bl {
width: 25px;
float: left;
margin-top: 5px;
}
.internation-flight-mobile .fa {
color: var(--back-arrow--icon);
text-decoration: none;
}
.fl_left {
float: left;
}
.txt-bs {
width: auto;
font-size: 16px;
color: var(--black_color);
font-weight: 700;
line-height: 25px;
}
.travel-inf {
width: 100%;
font-size: 12px;
color: var(--black_color);
}
.edit-icon i,
.filter-icon i {
font-size: 20px;
vertical-align: middle;
margin-top: 10px;
}
.edit-icon,
.filter-icon {
margin-left: 10px;
float: right;
}
.fligt-cntnr {
width: 100%;
padding: 0;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 6px;
margin-top: 7px;
/* box-shadow: 0 0 7px rgb(0 0 0 / 17%); */
/* border: 1px solid #eee; */
}
.padding-2 {
padding: 2px;
}
.padding-lf-0 {
padding-left: 0px;
}
.ctr-dv {
width: 100%;
margin: 0 auto;
box-shadow: none !important;
padding: 0 !important;
}
.fligt-cntnr .managlist1 {
padding: 0;
position: relative;
}
.fl_logo {
width: 32%;
float: left;
position: relative;
margin-top: 0;
}
.airimg6E {
background-position: -69px -1px!important;
height: 33px;
width: 36px;
}
.fl_info_col {
width: 38%;
float: left;
padding-left: 15px;
padding-right: 0;
position: relative;
}
img.arrow {
padding: 0 5px;
filter: invert(1);
}
.append_bottom10 {
margin-bottom: 3px;
}
.text-center {
text-align: center;
}
.duratn-bdr {
border-bottom: 2px solid #d8d7d7;
position: relative;
padding-bottom: 5px;
font-size: 11px;
}
.gray_dot--solid {
width: 8px;
height: 8px;
background: #fff;
border: 1px solid #d8d7d7;
border-radius: 50%;
}
.sml-dot-l {
position: absolute;
bottom: -6px;
left: 0;
}
.fl_deprt {
font-weight: 700;
float: left!important;
font-size: 15px;
color: var(--flight-time);
}
.text_gray {
color: var(--flight-time);
font-size: 13px;
vertical-align: sub;
font-weight: 600;
display: inline-block;
height: 18px;
}
.fl_arive {
font-weight: 700;
float: right!important;
font-size: 15px;
color: var(--flight-time);
}
.gray_dot--solid {
width: 8px;
height: 8px;
background: #fff;
border: 3px solid #d8d7d7;
border-radius: 50%;
}
.sml-dot-r {
position: absolute;
bottom: -6px;
right: -2px;
}
.text_gray_n {
color: var(--num-stops-color);
font-size: 13px;
font-weight: 600;
}
.fl_cost {
width: 30%;
margin-top: 0;
line-height: 22px;
float: left;
}
.fl_cost .cancel-price {
float: right;
color: var(--num-stops-color);
text-decoration: line-through;
font-weight: 600;
font-size: 12px;
}
.fl_cost .cancel-price .currency-icon {
padding-right: 3px;
}
.ti_prc {
float: right;
text-align: right;
width: 100%;
}
.red_Rs {
width: 12px;
height: 12px;
background: url(../images/left-arrow.svg/rupees-icn-red.svg) 0 0;
background-size: 12px 12px;
display: inline-block;
vertical-align: top;
margin-top: 6px;
}
.ttl_b_amt {
font-size: 17px;
display: inline-block;
font-weight: 600;
}
.pricecolor {
font-size: 20px;
color: var(--price-color);
font-weight: 600;
}
.fl-num {
color: var(--flightname-color);
font-size: 14px;
font-weight: 600;
float: left;
}
/*filter start*/
#slide_amount span {
color: var(--black_color);
font-weight: 600;
}
.sortlisting-flight {
background: #fff;
padding: 4px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
#flight-filter {
padding: 2px;
background: #fff;
}
.filter-title {
padding: 10px;
border-bottom: 1px solid #ccc;
}
.fl-title {
font-weight: 600;
color: var(--main-color);
font-size: 13px;
margin-bottom: 2px;
}
.cancel-btn {
position: absolute;
top: 15px;
line-height: 25px;
right: 14px !important;
background: var(--main-color);
display: none;
padding: 6px;
border: 1px solid var(--main-color);
}
.cancel-btn img {
width: 8px;
margin: 0 auto;
display: block;
}
#filters_col_bt {
font-size: 16px;
color: var(--main-color);
font-weight: 600;
}
.filter_type {
position: relative;
margin-top: 0;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.filter_type .fl-title {
color: var(--main-color);
position: relative;
margin: 0px 0 8px;
padding: 0;
font-size: 14px !important;
font-weight: bold;
}
#slide_amount {
margin-bottom: 5px;
}
#slide_amount .rightprice {
float: right;
}
#slider-range {
width: 96%;
margin: auto;
background: rgb(204, 204, 204);
z-index: 9 !important;
}
#slider-range span {
font-size: 14px;
font-weight: 600;
top: -2px;
color: var(--black_color);
width: 16px;
height: 16px;
border-radius: 100% !important;
}
.slider-range span.ui-slider-handle {
border: 2px solid #cccccc !important;
background: #ffffff !important;
font-weight: normal;
color: var(--main-color);
outline: none;
cursor: pointer;
top: -3px;
width: 16px;
height: 16px;
margin: 0!important;
border-radius: 100% !important;
margin-left: -3px !important;
}
.section.homebanner.homebanner2.fixed-header{
position: relative !important;
}
.filter_type {
position: relative;
margin-top: 0;
padding: 10px;
border-bottom: none;
}
.filter_type .fl-title {
color: var(--main-color) !important;
position: relative !important;
margin: 0px 0 8px !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: bold !important;
}
#slide_amount {
margin-bottom: 5px;
font-size: 13px;
}
#slide_amount .rightprice {
float: right;
}
#slider-range {
width: 96%;
margin: auto;
background: rgb(204, 204, 204);
float: left;
z-index: 9 !important;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
background: var(--main-color);
display: block;
border: 0;
background-position: 0 0;
}
#slider-range span {
font-size: 14px;
font-weight: 600;
top: -3px;
color: var(--black_color);
width: 16px;
height: 16px;
margin: 0!important;
border-radius: 100% !important;
margin-left: -3px !important;
}
.filter_type .custom-control.custom-checkbox {
padding-left: 0;
padding-right: 0;
}
.checkboxcontainerreviewaddons_filter_cls {
display: inline-block;
padding-left: 26px;
position: relative;
cursor: pointer;
user-select: none;
color: var(--black_color);
font-size: 14px;
width: 45%;
}
.checkboxcontainerreviewaddons_filter_cls input {
display: none;
}
.fl-checkbox input {
width: 20px;
height: 20px;
margin-top: 0;
box-shadow: 0px 2px 5px #eee;
float: left;
margin-right: 8px;
}
.checkboxcontainerreviewaddons_filter_cls .checkmark {
display: inline-block;
width: 20px;
height: 20px;
background: white;
position: absolute;
left: 0;
top: 0;
border: 2px solid #ccc;
border-radius: 0;
}
/*filter radio button css code*/
.selectaddonsradio-toolbar-filter {
margin: 10px 0;
}
/*.selectaddonsradio-toolbar-filter input[type="radio"] {opacity: 0;position: fixed;width: 0;}*/
.selectaddonsradio-toolbar-filter input[type="checkbox"] {
opacity: 0;
position: fixed;
width: 0;
}
.selectaddonsradio-toolbar-filter label {
display: inline-block;
background-color: #fff;
padding: 6px 0 1px;
font-size: 11px !important;
border: 2px solid #ccc;
border-radius: 0;
cursor: pointer;
width: 52px;
text-align: center;
margin-right: 1px;
color: #999 !important;
line-height: 17px;
height: 40px;
}
/*.selectaddonsradio-toolbar-filter label img { height: 18px;}*/
.selectaddonsradio-toolbar-filter label:hover {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filter label:focus {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
outline: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:focus+label {
border: 2px solid #444;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filter label img.mm-first {
display: inline-block;
height: 16px;
}
.selectaddonsradio-toolbar-filter label img.mm-second {
display: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label img.mm-first {
display: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label img.mm-second {
display: inline-block;
}
.selectaddonsradio-toolbar-filterdeparture {
margin: 10px 0;
}
/*.selectaddonsradio-toolbar-filterdeparture input[type="radio"] {opacity: 0;position: fixed;width: 0;}*/
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"] {
opacity: 0;
position: fixed;
width: 0;
}
.selectaddonsradio-toolbar-filterdeparture label {
display: inline-block;
background-color: #fff;
padding: 6px 0 1px;
font-size: 11px !important;
border: 2px solid #94A5A6;
border-radius: 9px;
cursor: pointer;
width: 23%;
text-align: center;
margin-right: 1px;
color: #94A5A6 !important;
line-height: 17px;
}
.selectaddonsradio-toolbar-filterdeparture label img {
height: 18px;
}
.selectaddonsradio-toolbar-filterdeparture label:hover {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filterdeparture label:focus {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
outline: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:focus+label {
border: 2px solid #444;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filterdeparture label img.mm-first {
display: inline-block;
}
.selectaddonsradio-toolbar-filterdeparture label img.mm-second {
display: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label img.mm-first {
display: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label img.mm-second {
display: inline-block;
}
/*check box css coding in 20-01-2020*/
.checkboxcontainerreviewaddons_filter_cls input {
display: none;
}
.checkboxcontainerreviewaddons_filter_cls {
display: inline-block;
padding-left: 30px;
position: relative;
cursor: pointer;
user-select: none;
color: var(--black_color);
font-size: 14px;
width: 45%;
}
.checkboxcontainerreviewaddons_filter_cls .checkmark {
display: inline-block;
width: 20px;
height: 20px;
background: white;
position: absolute;
left: 0;
top: 0;
border: 2px solid #ccc;
border-radius: 0;
}
.checkboxcontainerreviewaddons_filter_cls input:checked+.checkmark {
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
.checkboxcontainerreviewaddons_filter_cls input:indeterminate+.checkmark {
background-color: #27AE60;
border: 1px solid #27AE60;
}
.checkboxcontainerreviewaddons_filter_cls input:checked+.checkmark:after {
content: "";
position: absolute;
height: 6px;
width: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
top: 45%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.checkboxcontainerreviewaddons_filter_cls input:checked:disabled+.checkmark {
border: 1px solid grey;
background-color: grey;
}
.checkboxcontainerreviewaddons_filter_cls input:disabled+.checkmark {
border: 1px solid grey;
}
.checkboxcontainerreviewaddons_filter_cls input:indeterminate+.checkmark:after {
content: "";
position: absolute;
height: 0px;
width: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg);
}
/*filter radio button css code*/
.checkboxdis-cls {
position: relative;
margin-top: 0;
max-height: 190px;
/* overflow-y: scroll; */
overflow-x: hidden;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.filter_type .custom-control.custom-checkbox {
padding-left: 0;
}
.fl-checkbox input {
width: 20px;
height: 20px;
margin-top: 0;
box-shadow: 0px 2px 5px #eee;
float: left;
margin-right: 8px;
}
.checkboxdis-cls label {
margin-left: 24px;
}
.fl-checkbox label {
font-size: 13px;
font-weight: 600;
color: var(--black_color);
margin-bottom: 10px;
vertical-align: middle;
padding-top: 2px;
}
.filter-sec .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: var(--main-color) !important;
border: none;
box-shadow: none;
background: var(--main-color) !important;
}
.flight-filter-sec {
padding: 10px;
}
.checkboxdis-cls label {
margin-left: 24px;
}
.mobile_footer_bottomcontinuefixed {
display: none;
position: fixed;
width: 100%;
z-index: 99999;
background: var(--mobile-filter-footer);
bottom: 0;
padding: 6px 12px;
height: auto;
border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-ms-border-radius: 0;
}
.mobile_footer_bottomcontinuefixed .active {
background: var(--mobile-filter-btn-bg);
}
.flight-filter {
color: #fff;
font-size: 12px;
background: var(--mobile-filter-btn-bg);
padding: 4px;
border-radius: 4px;
margin: 0 auto;
display: block;
text-align: center;
}
.flight-filter i,
.flight-modify i {
margin-right: 10px;
}
.flight-sort {
color: #fff;
font-size: 12px;
background: var(--mobile-sort-btn-bg);
padding: 4px;
border-radius: 4px;
margin: 0 auto;
display: block;
text-align: center;
}
.flight-sort .fa {
margin-right: 10px;
}
.flight-filter:focus,
.flight-filter:hover {
background: #fff;
color: #444 !important;
}
.flight-sort:focus,
.flight-sort:hover {
background: #fff;
color: #444 !important;
}
.sortlisting-flight {
margin-top: 0 !important;
padding-top: 8px !important;
padding: 0px !important;
position: relative !important;
width: 100%;
z-index: 9;
display: block;
background: none !important;
left: 0;
bottom: 0;
height: auto;
overflow: hidden;
box-shadow: none !important;
}
.sortright-flight {
width: 100%;
list-style-type: none;
}
.cancel-btn-flight-bottom {
bottom: 8px;
top: auto;
}
.filter-box {
position: relative;
}
.cancel-btn-mb-sort {
position: absolute;
top: 18px;
z-index: 99999999;
line-height: 25px;
right: 12px;
background: var(--main-color);
padding: 2px;
border: 1px solid var(--main-color);
}
.cancel-btn-mb-sort {
position: absolute;
top: 18px;
z-index: 99999999;
line-height: 25px;
right: 12px;
padding: 2px;
margin-right: 10px;
border: 1px solid var(--main-color);
}
.cancel-btn-mb-sort img {
width: 12px;
margin: 0 auto;
display: block;
}
/*filter ends*/
.booknow-btn {
border: none;
float: right;
color: #fff;
font-size: 14px;
background: var(--booknow-btn-bg);
border-radius: 2px;
padding: 6px 16px;
margin-top: 2px;
}
/*collapse start*/
.info-box {
font-size: 13px;
font-weight: 600;
background: #888585;
padding: 1px 10px;
left: 50%;
color: #fff;
transform: translate(-50%, -10%);
top: 50%;
}
.refundtxt {
color: var(--refundcolor);
font-size: 12px;
font-weight: 500;
}
.multycity_wrapper {
width: 100%;
margin: 0;
padding: 0 !important;
border:none !important;
}
.multiciy_leftside {
float: left;
width: 70%;
padding-top: 5px;
}
span.smallsize {
font-size: 14px;
color: #333;
}
.multicity_radio_button {
display: inline-block;
position: relative;
user-select: none;
color: var(--black_color);
font-size: 16px;
text-align: left;
margin-bottom: 0px;
/* padding-bottom: 3px; */
/* padding-top: 5px; */
}
.published {
color: #121212;
font-size: 12px;
padding: 2px 5px;
border-radius: 4px;
text-transform: uppercase;
}
.fl-price-published .cancel-price {
color: var(--num-stops-color);
text-decoration: line-through;
font-weight: 600;
font-size: 12px;
margin-left: 3px;
margin-right: 10px;
}
.fl-price-published .cancel-price .currency-icon {
padding-right: 3px;
}
.flight-dt-icons {
float: right;
/* margin-left: 10px; */
}
.multicity_radio_button .economy-text {
font-size: 11px;
width: 100%;
line-height: 15px;
color: #121212;
}
.edit_multicity_icond img {
width: 24px;
float: left;
margin-right: 10px;
padding-top: 6px;
}
.multiciy_rightside a {
display: inline-flex;
}
label.checkboxcontainerreviewaddons_filter_cls.ss {
padding: 0 !important;
width: 20px !important;
top: -1px !important;
}
.multicity_form_boxshow {
position: absolute;
left: 48%;
bottom: -7px;
z-index: auto;
/* background: #fff; */
cursor: pointer;
}
img.arrow {
padding: 0 5px;
}
span.fl-price-published.ng-binding {
color: var(--price-icon);
font-weight: 600;
padding-right: 0;
padding-bottom: 10px;
display: inline-block;
}
.multiciy_rightside {
width: 30%;
margin-top: 0px;
float: right;
text-align: right;
}
.multiciy_rightside input {
position: relative;
top: 10px;
}
.economy-text {
font-size: 13px;
/*display: block;*/
font-weight: 600;
}
/*collapse ends*/
.flight-ads-banner img {
border-radius: 6px;
}
.flight-ads-banner {
height: 200px;
width: 100%;
padding: 0;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 6px;
margin-top: 7px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
.flight-ads-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*flight listing ends*/
/*flight review page start*/
.mobile_header {
color: #fff;
display: block;
margin-bottom: 0;
/*position: fixed;*/
width: 100%;
z-index: 999;
top: 0;
background: #fff;
padding: 10px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
.mobile_flight_title {
margin: 6px 0 10px;
padding: 0;
font-size: 14px;
color: var(--black_color);
font-weight: 600;
line-height: 25px;
width: 30%;
}
.mobile_flight_title a.backarrow {
color: #293143;
margin-right: 10px;
float: left;
line-height: 14px;
margin-left: 0;
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
}
.mobile_flight_title .fa {
color: var(--back-arrow--icon);
line-height: 26px;
margin-left: 0;
}
.contact-detail-cls {
padding: 10px;
border: 1px solid #eee;
background: #ffff;
border-radius: 5px;
width: 100%;
margin: 10px 0;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}
.contact-title-box .fa {
font-size: 24px;
color: var(--black_color);
}
.review-box-title {
font-size: 14px;
font-weight: 600;
padding-left: 2px;
color: var(--black_color);
}
.review-normal-txt {
font-size: 14px;
margin-top: 10px;
font-weight: 500;
color: var(--black_color);
}
.inputcls {
display: block;
width: 100%;
padding: 5px 0;
border: none;
border-radius: 0;
font-size: 15px;
color: var(--black_color);
margin-bottom: 20px;
border-bottom: 1px solid #c8c6c6;
}
.review-contact-form {
margin-top: 20px;
}
.inputcls:hover,
.inputcls:focus {
outline: none;
box-shadow: none;
}
.contact-box-1 {
width: 36%;
float: left;
}
.contact-box-2 {
width: 30%;
float: right;
text-align: right;
}
.contact-box-2 ul {
padding: 0;
margin: 0;
}
.contact-box-2 ul li {
display: inline-block;
padding-left: 0;
}
.contact-title-box-2 {
font-size: 13px;
}
.type-of-traveller {
display: block;
color: var(--black_color);
}
#flight-clsadultcnt input[type=radio],
#flight-clsChildCnt input[type=radio],
#flight-clsInfantCnt input[type=radio] {
display: none;
}
#flight-clsadultcnt label,
#flight-clsChildCnt label,
#flight-clsInfantCnt label {
width: 45px !important;
cursor: pointer;
}
.pul-cls {
float: right;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: var(--black_color);
}
.contact-title-box-2 .fa {
float: left;
width: 12px;
height: 25px;
color: var(--black_color);
margin: 4px 6px 0 0;
}
.padding-0 {
padding: 0;
}
.colord-bg {
background: var(--light-bg-color);
padding: 5px;
color: var(--main-color);
}
.travller_tile_bottom-cls {
border-bottom: 1px solid #e7e7e7;
width: 100%;
padding-top: 12px;
padding-bottom: 0px;
}
.review-box-title-cls {
color: var(--main-color);
font-size: 13px;
cursor: pointer;
font-weight: 600;
text-transform: uppercase;
text-align: right;
float: right;
}
.travller_tile_bottom-cls .review-box-title {
padding-left: 0;
}
.mb-page-name {
width: 70%;
color: var(--black_color);
float: right;
text-align: right;
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
}
.add-adults-popup-cls {
display: none;
}
/*add adults start*/
.add-meals-bg:hover {
text-decoration: none;
color: #fff;
background: var(--main-color);
}
.displaycancel {
display: block !important;
cursor: pointer;
}
.babyiconsize {
font-size: 14px;
}
.adulticonsize {
font-size: 22px;
}
.childreniconsize {
font-size: 16px;
}
.add-adults-popup-cls {
width: 50%;
height: auto;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
z-index: 9999;
transform: translate(-50%, -50%);
}
.open-popup-header {
width: 100%;
background: #ffffff !important;
-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
padding: 10px 20px !important;
}
/*.sal-rad-box {
width: 160px;
border: 1px solid var(--main-color);
border-radius: 3px;
float: left;
margin: 12px 0 0 0;
}*/
.sal-rad-box {
width: auto;
border: 1px solid var(--main-color);
border-radius: 3px;
float: left;
display: inline-flex;
}
.sal-rad-box input {
-webkit-appearance: none;
width: 15px;
height: 15px;
border: 1px solid #2196F3;
border-radius: 50%;
outline: 0;
}
.sal-rad-box input[type="radio"] {
display: none;
}
.sal-rad-box label {
cursor: pointer;
width: 52px;
float: left;
text-align: center;
font-size: 13px;
color: var(--main-color);
border-right: 1px solid var(--main-color);
cursor: pointer;
padding: 6px 0;
margin-bottom: 0;
}
.add-adults-body {
padding: 10px 20px;
}
.add-adults-body .review-normal-txt {
margin-top: 0;
}
.border-radio-last {
border-right: none !important;
width: 54px !important;
}
.sal-rad-box label.active {
background: var(--main-color);
color: #fff;
}
.add-meal-strip-cls {
background: var(--light-bg-color);
padding: 6px;
width: 100%;
float: left;
}
.add-meals-bg {
font-size: 11px;
background: var(--addmealsbtn);
border-radius: 4px;
padding: 7px 10px;
color: #fff;
text-transform: capitalize;
font-weight: 600;
}
.add-meal-strip-cls .review-normal-txt {
width: 25%;
font-size: 12px;
float: left;
color: var(--main-color);
margin-top: 4px;
font-weight: 600;
}
.add-meal-box-right {
width: 75%;
float: right;
margin-top: 0px;
text-align: right;
}
.add-meals-bg img {
width: 20px;
margin-right: 3px;
padding: 0;
}
.commonbtn {
border: none;
float: right;
color: #fff;
font-size: 14px;
background: var(--booknow-btn-bg);
border-radius: 2px;
padding: 3px 10px;
}
.save-traveller-btn {
margin: 0 auto;
display: block;
text-align: center;
float: none;
margin-top: 20px;
padding: 8px 20px;
width: 100%;
}
.edittravellers i {
font-size: 14px !important;
color: var(--main-color) !important;
}
.edittravellers {
font-size: 14px !important;
color: var(--main-color) !important;
float: right !important;
cursor: pointer;
}
.save-travveler-list ul {
padding: 0;
}
.common-text {
color: var(--black_color);
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
line-height: 23px;
}
.save-travveler-list {
margin-top: 10px;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.save-travveler-list .review-normal-txt {
margin-bottom: 10px;
}
.save-travveler-list ul li {
margin-bottom: 10px !important;
clear: both;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
}
/*add adults ends*/
/*gst start*/
.gst-contact-form {
display: none;
}
.contact-title-box {
display: block;
width: 100%;
float: left;
}
/*gst ends*/
/*insurance start*/
.insur-icons {
width: 40px;
text-align: center;
margin: 0 auto;
display: block;
}
.insurancebox {
display: none;
}
.insur-list-box li {
width: 24%;
border: 1px solid #ddd;
padding: 4px;
float: left;
border-radius: 3px;
margin: 0.5%;
background: #fff;
}
.insur-title {
font-size: 13px;
text-align: center;
font-weight: 600;
margin-top: 4px;
}
.insur-dt {
font-size: 12px;
text-align: center;
}
.insur-list-box ul {
padding: 0;
}
.insur-list-box {
margin-top: 10px;
}
/*insurance ends*/
/*grand total start footer*/
.review-payment-footer {
width: 100%;
position: sticky;
bottom: 0;
float: left;
z-index: 99;
background: #fff;
padding: 0;
}
.total-price {
width: 40%;
background: var(--black_color);
padding: 5px 10px;
float: left;
}
.total-price p {
font-size: 12px;
font-weight: 600;
color: #fff;
}
.total-price span {
font-size: 16px;
font-weight: 700;
}
.total-price-continue-btn {
width: 60%;
float: right;
background: var(--continuebtn);
color: #fff;
margin: 0 auto;
display: block;
}
.continue-btn {
border: none;
outline: none;
font-size: 14px;
text-transform: capitalize;
padding: 16px;
color: #fff;
color: #fff;
height: 53.72px;
font-weight: 600;
margin: 0 auto;
background: var(--continuebtn);
display: block;
}
/*grand total footer ends*/
/*flight review start*/
/*.sticky-form.fixedform {
z-index: 9;
position: fixed;
left: auto;
top: 20px;
width: 350px;
}*/
.review-detial-section-cls {
background: #f7f7f7;
padding: 20px 0;
}
.review-extra-txt {
font-size: 12px;
width: 80%;
margin-left: 0;
float: right;
}
.review-contact-form .padding-lf-0 {
padding-left: 15px;
}
.flight-logo-img img {
width: 38px;
}
.contact-title-box-review {
width: 6%;
float: left;
}
.contact-title-box-review img {
width: 100%;
}
.review-extra-txt .review-box-title {
display: block;
padding-left: 0;
}
.flight-logo-img {
width: 10%;
float: left;
}
.contact-box {
width: 100%;
float: left;
}
.flight-dt-cls {
width: 100%;
float: left;
position: relative;
margin-top: 10px;
}
.flight-full-details {
width: 100%;
float: left;
margin-top: 20px;
}
.flight-full-details .fl_deprt {
display: block;
width: 100%;
}
.departure-dt {
width: 34%;
float: left;
}
.flight-full-details .text_gray {
display: block;
width: 100%;
float: left;
text-align: left !important;
}
.review-day-date {
display: block;
width: 100%;
font-weight: 500;
float: left;
font-size: 13px;
}
.terminal-txt {
font-size: 12px;
font-weight: 500;
}
.arrival-dt {
width: 34%;
float: right;
text-align: right;
}
.arrival-dt .text_gray {
text-align: right !important;
}
.duration-dt {
width: 30%;
float: left;
margin: 0 auto;
display: block;
text-align: center;
}
.duration-img img {
width: 20px;
}
.duration-dt .fl_deprt {
margin-top: 10px;
font-size: 12px;
font-weight: 600;
}
.fair_details_title {
padding: 5px 10px 10px;
}
.destination_left_details {
width: 100%;
float: left;
}
.destination_left_details .destination_name {
font-size: 18px;
color: var(--black_color);
margin: 0;
padding: 0;
font-weight: bold;
}
.destination_left_details p {
font-size: 13px;
margin: 0;
padding: 0;
font-weight: 600;
}
.fligt_logo-content h6,
.fligt_logo-content h5 {
color: #444;
font-weight: 400;
margin-top: 5px;
font-size: 11px;
margin-left: 4px;
margin: 0;
padding: 0;
}
.flight_search_list_details .flight_cityname {
font-size: 12px;
color: #7f7f7f;
margin: 0;
padding: 0;
font-weight: bold;
}
.mytrip_linedot {
width: 5px !important;
height: 5px !important;
}
.flight_search_list_details .flight_cityname2 {
font-size: 13px;
color: #7f8c8d;
margin: 0px 0 0;
padding: 0;
font-weight: 600;
}
.bagg_info {
width: 100%;
margin: 10px 0 0 0;
padding: 3px 0px 8px;
}
.mytrip_bloginfo12 {
font-size: 12px;
}
.cabin_box1 {
font-size: 12px;
}
.mytrip_bloginfo12 .nonrefundable {
margin-top: -3px;
}
.nonrefundable {
float: right;
padding: 2px 10px;
border: 1px solid #ECF0F1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.layovercls {
border: 2px solid var(--main-color) !important;
padding: 5px 30px;
margin: 10px auto;
text-align: center;
color: var(--main-color) !important;
border-radius: 25px;
font-size: 13px;
font-weight: 500;
}
.gsttxt {
color: #ff0000 !important;
font-size: 11px;
}
.gstmargin {
margin-left: 8px;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-line-end {
right: -24px;
position: absolute;
text-align: center;
width: 30px;
left: auto;
top: 28px;
}
.flight_search_list_details .flight_time {
font-size: 13px;
color: var(--black_color);
margin: 0;
padding: 0;
font-weight: bold;
}
.flight_search_list_details .flight_cityname {
font-size: 12px;
color: #7f7f7f;
margin: 0;
padding: 0;
font-weight: bold;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-line {
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 2px;
background: #94a5a6;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-line-start {
position: absolute;
left: -20px;
text-align: center;
width: 30px;
top: 28px;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-line-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--main-color) !important;
margin-bottom: 10px;
margin-left: 10px;
-webkit-box-shadow: 0 0 0 2px #94a5a6;
box-shadow: 0 0 0 2px #94a5a6;
}
.flight_search_list_details .flight_cityname2 {
font-size: 13px;
color: #7f8c8d;
margin: 10px 0 0;
padding: 0;
font-weight: 600;
}
.flight_search_list_details .theme-search-results-item-flight-section-path {
position: relative;
height: 60px;
margin: 0 5px;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-fly-time {
text-align: center;
width: 100%;
position: absolute;
top: 7px;
left: 0;
}
.flight_search_list_details .theme-search-results-item-flight-section-path-fly-time p {
margin-bottom: 0;
color: #293143;
font-size: 12px;
font-weight: bold;
}
.flight_search_list_details .flight_details {
margin: 0;
padding: 0;
text-align: left;
}
.flight_search_list_details .flight_time {
font-size: 13px;
color: var(--black_color);
margin: 0;
padding: 0;
font-weight: bold;
}
.flight_search_list_details .flight_time2 {
font-size: 12px;
color: var(--black_color);
margin: 0;
padding: 0;
font-weight: bold;
}
.flight_search_list_details {
background: #fff;
padding: 8px;
position: relative;
margin: 0;
}
.flight_search_list_details .fligt_logo {
margin: 0;
width: auto;
margin-bottom: 10px;
height: 20px;
padding: 0;
text-align: left;
}
.flight_search_list_details .fligt_logo img {
margin: 0 7px 10px 0;
padding: 0;
height: auto;
width: 30px;
float: none;
}
.flight_details.review_left {
margin-left: 20px;
}
.mytrip_bloginfo12 span {
font-weight: 500;
color: #444;
font-size: 13px;
}
.fligt_logo-content {
margin-top: 38px;
}
.destination_right_details .destination_name {
font-size: 18px;
font-weight: bold;
}
.destination_right_details.mytip_deatilsalign p {
font-size: 11px;
color: #7f7f7f;
font-weight: 600;
margin-bottom: 0;
}
.fare_information {
font-size: 12px;
font-weight: bold;
padding: 4px 10px;
border-radius: 4px;
-moz-border-radius: 4px;
text-align: center;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.farepopup {
font-size: 13px;
font-weight: 600;
text-align: right;
/*margin-right: 20px;*/
color: var(--fare-color);
}
.domestround .fligt_logo-content h5,
.domestround .fligt_logo-content h6 {
color: #fff;
}
.domestround .fligt_logo-content {
margin-top: 0;
}
.baggagepopup {
font-size: 13px;
font-weight: 600;
text-align: right;
color: var(--fare-color);
}
.fare-dt-popup {
float: right;
width: 100%;
text-align: right;
}
/*flight review ends*/
/*flight review page ends*/
/*home search form web lyout start*/
.travller_search.TravellersClass {
font-size: 14px;
color: #282727;
font-weight: normal;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
width: 100px;
}
.webinput {
padding: 10px;
background: var(--input-feilds-bg);
border: 1px solid var(--main-color);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: left;
width: 14%;
height: 72px;
margin-right: 5px;
}
.webinput:focus {
background: var(--input-feilds-bg);
border: 1px solid var(--main-color);
box-shadow: none;
}
.search-main-title {
color: #fff;
font-size: 40px;
font-weight: 700;
text-align: left;
}
.search-sub-title {
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: left;
}
.banner-text-cls {
margin-bottom: 20px;
}
.flighthomeflight-clsfs_btn {
top: 48% !important;
}
.flighthomedirectf {
top: 34% !important;
}
.flight-clscont_pnl {
padding-bottom: 0;
}
/*home search form web lyout ends*/
/*review right section start*/
.fair_title {
width: 100%;
float: left;
background: var(--faretitle-bg);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-weight: 500;
font-size: 16px;
padding: 5px 10px;
color: #fff;
}
.priceside-icons {
width: 50%;
line-height: 17px;
}
span.price-summ-left {}
.pricesumm-content-table ul {
padding: 0;
margin: 0;
}
.pricesumm-content-table ul .price-summ-left {
float: left;
font-weight: 500;
font-size: 14px;
}
.pricesumm-content-table ul .price-summ-right {
float: right;
font-weight: 600;
}
.review-right-sec {
width: 100%;
float: left;
margin: 10px 0;
}
.pricesumm-content-table {
padding: 10px;
width: 100%;
float: left;
background: #fff;
}
.pricesumm-content-table ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.pricesumm-content-table ul li {
width: 100%;
display: block;
float: left;
padding-top: 7px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.redtxt {
color: #e12828 !important;
font-weight: 700 !important;
font-size: 16px !important;
}
.pagename-strip {
padding: 0;
background: var(--faretitle-bg);
padding: 10px;
margin: 10px 0;
color: #fff;
}
.pagename-strip li {
display: inline-block;
padding-right: 20px;
font-weight: 600;
font-size: 14px;
}
.priceside-icons ul li i {
color: #fff !important;
}
.priceside-icons .num-of-traveller {
color: #fff;
}
.coupon-section-cls {
width: 100%;
float: left;
display: none;
background: #fff;
margin-top: 20px;
}
.coupon-title {
width: 100%;
float: left;
background: var(--coupon-bg);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-weight: 500;
font-size: 16px;
padding: 10px 10px;
color: #fff;
}
.coupontxt {
width: 60%;
float: left;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
}
.coupontxt::placeholder {
font-weight: 700;
}
.couponbtn {
width: 32%;
float: right;
background: var(--main-color);
color: #fff;
border: none;
box-shadow: none;
outline: none;
font-size: 13px;
margin-top: 10px;
height: 26px;
line-height: 12px;
text-align: center;
}
.coupon-section-cls form {
padding: 10px;
width: 100%;
float: left;
margin-bottom: 0;
}
.couponbox {
width: 100%;
float: left;
padding: 4px;
}
.review-cont-btn {
width: 100%;
float: left;
margin-top: 20px;
}
/*review right section ends*/
/*web dropdown list start*/
.webcity-list,
.webcity-list2 {
width: 317px !important;
position: absolute !important;
margin: 0 auto !important;
background: #fff;
z-index: 99;
top: 69% !important;
margin-top: 0;
max-height: 266px;
border: 1px solid #c2c7cb;
overflow-y: scroll;
left: auto !important;
}
#flight-clsdivDepartauto .flight-clsblc_brd3,
#flight-clsdivArrauto .flight-clsblc_brd3 {
display: none;
}
.sourcecityboxlist,
.sourcecityboxlist2 {
display: none;
}
#flight-clsdivDepartauto,
#flight-clsdivArrauto {
height: auto !important;
}
.addclearclass {
clear: inherit !important;
}
.addcls-addflight-clsbx_f2 {
height: auto !important;
}
.flight-clsauto_saugg ul li {
cursor: pointer;
}
.webcity-list2 {
left: 21.5%;
}
.homeicon {
left: 18.8%;
top: 59%;
width: 30px;
height: 30px;
background-position: center;
background-size: contain;
z-index: 9;
cursor: pointer;
}
.flightinnericon {
top: 56%;
}
/*web dropdown list ends*/
.couponbtn:hover {
color: #fff;
text-decoration: none;
background: #444;
cursor: pointer;
}
/*round trip result footer start*/
.fltResult.active .ctr-dv {
background: aliceblue;
}
.roundtripselectflight.active {
background: var(--light-bg-color);
width: 100%;
}
.roundoneselfirst.active,
.roundtwoselfirst.active {
background: aliceblue;
}
.round_multiciy_leftside {
width: 100%;
border: 1px solid #ddd;
margin: 3px 0;
padding: 2px 6px;
}
.select_flight_result {
background: #000;
border-top: 1px solid #fff;
bottom: 0;
color: #fff;
padding-bottom: 10px;
padding-top: 10px;
position: fixed;
width: 100%;
z-index: 1000;
}
.fligt_logo-content h5 {
color: #fff;
}
.fligt_logo-content h6 {
color: #fff;
}
.flight_price.ng-binding {
border-right: none;
}
.booknow {
background: var(--maincolor) !important;
border-radius: 4px;
color: var(--black_color);
cursor: pointer;
font-size: 13px;
/* height: 40px; */
/* line-height: 40px; */
margin-right: 2%;
margin-top: 5px;
text-align: center;
/* width: 150px; */
padding: 5px 10px;
color:#333 !important;
float: right;
width: 50%;
}
.flight_search_list.final_result {
padding-bottom: 10px;
border-right: 1px solid #fff !important;
}
.fligt_logo-content {
margin-top: 38px;
display: inline;
}
.multicity_button_wrapper.flight-wrapper-cls.ng-scope {
border: 1px solid #d7d7d7;
margin-bottom: 4px;
padding: 4px 4px;
width: 100%;
}
.flight_time {
font-weight: 600;
font-size: 12px;
}
.flight_cityname {
font-weight: 600;
font-size: 12px;
}
.theme-search-results-item-flight-section-path-fly-time p {
font-weight: 600;
font-size: 12px;
}
.flight_price span {
font-weight: 600;
font-size: 12px;
}
.desktop_align_paddingresult {
padding: 0;
}
.fligt_logo-content h5 {
font-weight: 500;
font-size: 12px;
margin-bottom: 2px;
}
.fligt_logo-content h6 {
font-weight: 500;
font-size: 12px;
}
.fligt_logo.flight_img_chnage {
width: 50px;
float: left;
}
.fligt_logo {
float: left;
width: 50px;
}
.grandtotal h5 {
font-size: 12px;
font-weight: 600;
width: 100%;
float: left;
}
.grandtotal .flight_price {
font-size: 13px;
font-weight: 700;
width: 100%;
float: right;
}
.grandtotal {
width: 40%;
float: left;
}
.booknow:hover {
background: var(--main-color);
color: var(--black_color);
}
/*round trip result footer ends*/
/*flight select on click*/
/*.onewayflightshow.active,
.fltResult-oneway.active .fligt-cntnr {
background: aliceblue;
}*/
/*flight select on click ends*/
/*datepicker start*/
.ui-datepicker-multi .ui-datepicker-group table {
width: 100%;
margin: 0;
}
span.rightprice {
float: right;
}
.ui-widget-header {
/* border: 1px solid #fff !important; */
background: var(--black_color) !important;
color: #fff !important;
font-weight: bold !important;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 100% !important;
margin: 0 !important;
background: #eee;
z-index: 99999;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100%;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
width: 100%;
}
.ui-state-default.ui-state-hover {
background: var(--main-color) !important;
color: #fff !important;
}
.ui-state-default.ui-state-active {
background: var(--main-color) !important;
color: #fff !important;
}
.ui-state-default.ui-state-highlight {
background: var(--black_color) !important;
color: #fff !important;
}
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons_444444_256x240.png) !important;
}
.fligt_logo-content h5 {
color: #444 !important;
}
.fligt_logo-content h6 {
color: #444 !important;
}
/*datepicker ends*/
label.checkboxcontainerreviewaddons_filter_cls {
padding-left: 26px !important;
}
.fl-checkbox.filter_type {
padding: 10px;
}
.fl-checkbox.filter_type::-webkit-scrollbar {
width: 4px;
}
.ui-datepicker-group.ui-datepicker-group-first {
width: 48% !important;
margin-right: 3% !important;
}
.ui-datepicker-group.ui-datepicker-group-last {
margin-right: 0 !important;
width: 49% !important;
}
.flightdt-text {
font-size: 13px;
/* display: block; */
/* width: 100%; */
text-align: left;
margin-top: 5px;
margin-right: 10px;
}
.fa-inr {
padding-right: 4px;
}
/*desktop sorting start*/
.fligthdeskcancel {
display: none;
}
.fligthdesk-sorting {
background: #fff;
position: absolute;
top: 0px;
margin: 8px;
z-index: 999;
width: 95%;
border: 1px solid #e1dede;
padding: 8px;
left: 0;
}
.fligthdesk-sorting {
position: relative !important;
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
.fligthdesk-sorting .sortingnames-flight {
font-size: 13px;
color: var(--main-color);
position: relative;
margin: 0px 0 8px;
padding: 0;
border: none;
}
.roundflightone .sortingnames-flight,
.roundflighttwo .sortingnames-flight {
display: none;
}
.roundflightone .fligthdesk-sorting,
.roundflighttwo .fligthdesk-sorting {
width: 100%;
}
.fligthdesk-sorting li {
display: inline-block;
border: 1px solid #ddd;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
}
.fligthdesk-sorting li a {
color: #444;
cursor: pointer;
}
.roundflightone .sortingnames-flight,
.roundflighttwo .sortingnames-flight {
display: none;
}
/*desktop sorting ends*/
.checkboxcontainerreview-round input {
display: none;
}
.checkboxcontainerreview-round input:checked+.checkmark {
background-color: #27ae60;
border: 1px solid #27ae60;
}
.checkboxcontainerreview-round .checkmark {
display: inline-block;
width: 20px;
height: 20px;
background: white;
position: absolute;
left: 0;
top: 2px;
border: 2px solid #ccc;
border-radius: 100%;
}
.checkboxcontainerreview-round input:checked+.checkmark:after {
content: "";
position: absolute;
height: 6px;
width: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
top: 45%;
left: 50%;
transform: translate(-50%, -50%) rotate( -45deg);
}
.checkboxcontainerreview-round {
font-size: 12px;
display: inline-block;
padding-left: 30px;
position: relative;
user-select: none;
color: #2c3e50;
}
.internationaltriprow {
margin-top: 10px;
}
/*16th july start*/
#Salutation {
padding: 6px 8px;height: 38px;
}
.sort-item-cls.active,
.sort-item-cls.active a {
background: #444 !important;
color: #fff !important;
}
.sort-item-cls2.active,
.sort-item-cls2.active a {
background: #444 !important;
color: #fff !important;
}
.round-leftcls-new {
width: 90%;
float: left;
}
.newinfo-icon {
width: 10%;
float: right;
}
.gst-contact-form .col-lg-4.col-md-4.col-sm-12.col-12 {
float: left;
}
.review-cont-btn:hover,
.review-cont-btn:focus {
background: var(--btn-hover-bg);
color: #fff !important;
box-shadow: none !important;
}
/*16th july ends*/
@media only screen and (max-width: 992px) {
.homesliderloop {
display: none !important;
}
.srch_form {
position: relative;
width: 100%;
bottom: 0;
z-index: 9999;
}
.mobile_footer_bottomcontinuefixed {
bottom: 0 !important;
}
/*20th july start*/
.flight-ads-banner {
display: none;
}
.custommodal .fareetails-box-navlink {
padding: 2px 5px !important;
font-size: 13px !important;
}
.mytrip_flight_search_list_details .pl-0 {
padding-left: 15px !important;
}
#addmealspopup1 .col-lg-12.col-sm-12.col-md-12.col-xs-12,
#addbaggagepopup1 .col-lg-12.col-sm-12.col-md-12.col-xs-12,
#addmealspopup1 .col-lg-6.col-sm-6.col-md-6.col-xs-12,
#addbaggagepopup1 .col-lg-6.col-sm-6.col-md-6.col-xs-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.addmeal-text {
width: 86% !important;
}
.add-meals-list-items label {
width: 83% !important;
}
.fare-dt-popup .textcolor {
float: right;
text-align: right;
}
.fare-dt-popup .textcolor {
float: right;
text-align: right;
}
.contact-box .col-12,
.contact-box .col-8,
.contact-box .col-4 {
padding-left: 0;
padding-right: 0;
}
/*20th july ends*/
#filter-box {
padding-bottom: 30px;
}
#farepopupmodal {
overflow: scroll;
padding: 0;
margin: 0;
z-index: 999999;
}
#farepopupmodal .custommodal {
position: relative;
top: auto;
left: auto;
transform: translate(0, 0) !important;
max-width: 100% !important;
}
.layovercls {
font-size: 12px;
padding: 5px;
}
.flight_details.review_left {
margin-left: 0;
}
.destination_left_details {
width: 100%;
}
.destination_left_details .destination_name {
font-size: 14px;
}
.destination_right_details .destination_name {
font-size: 14px;
}
.fare_information_mytrip {
text-align: left;
padding-left: 0px !important;
}
.fair_details_title {
padding: 5px;
}
.fligthdesk-sorting .sortingnames-flight {
display: block !important;
}
.fl_logo.roundtripfl_logo {
margin-bottom: 12px;
}
.checkboxcontainerreview-round {
padding-left: 0;
}
.fl-price-published {
margin-right: 0;
}
.checkboxcontainerreview-round .checkmark {
width: 15px;
height: 15px;
display: block;
position: relative;
}
.checkboxcontainerreview-round input:checked+.checkmark:after {
height: 5px;
width: 8px;
}
.fligthdesk-sorting .sortingnames-flight {
border: none;
}
.autosugg-list-parent {
width: 100% !important;
left: 0 !important;
height: 400px !important;
overflow: scroll;
z-index: 99999999;
}
.ui-datepicker-group.ui-datepicker-group-first {
width: 100% !important;
margin-right: 0% !important;
}
.ui-datepicker-group.ui-datepicker-group-last {
margin-right: 0 !important;
width: 100% !important;
}
.mobile-footer-menus {
display: block !important;
}
.ui-datepicker.ui-datepicker-multi {
width: 100% !important;
top: 0 !important;
left: 0 !important;
/*position: fixed !important;*/
height: 100% !important;
z-index: 99999 !important;
background-color: #fafafa;
}
.sticky-form.fixedform {
z-index: 9;
position: relative;
left: auto;
top: auto;
width: auto;
}
.flighthomeflight-clsfs_btn {
margin-bottom: 20px;
}
.review-contact-form .col-sm-12.col-12,
.review-contact-form .col-sm-4.col-4,
.review-contact-form .col-sm-8.col-8 {
padding-left: 0;
padding-right: 0;
}
.review-cont-btn {
margin-bottom: 20px !important;
}
.deskpadding {
padding-left: 0;
padding-right: 0;
}
.review-detial-section-cls .row {
margin-left: 0;
margin-right: 0;
}
.airimgI5 {
margin-top: 0;
}
.round-mb-cls-footer {
display: block;
}
.select_flight_result {
display: none;
}
.flt-result-boxroundtrip {
overflow-y: scroll;
max-height: 600px;
margin-bottom: 10px;
}
.priceside-icons {
width: 50% !important;
}
.coupontxt {
margin-bottom: 0 !important;
}
.homeicon {
display: none !important;
}
#flight-clsdivDepartauto .flight-clsblc_brd3,
#flight-clsdivArrauto .flight-clsblc_brd3 {
display: block;
}
.pagename-strip {
display: none;
}
.review-right-sec {
margin: 10px auto;
width: 100%;
/*float: none;*/
}
.coupontxt {
width: 60% !important;
}
footer .offset-1 {
margin-left: auto;
}
.copyright {
margin-bottom: 50px;
}
.Poweredtxt {
float: none;
}
.flt-result-box .fl_sub_inf {
left: 0;
margin-top: 6px;
}
#flight-filter hr {
margin-top: 5px;
margin-bottom: 5px !important;
}
.banner-text-cls {
display: none;
}
.homeflight-clscontainer_lgn {
position: relative !important;
top: auto !important;
right: auto !important;
margin-top: 20px !important;
}
.round-flight-result .container {
padding-left: 2px;
padding-right: 2px;
}
.roundtripbox {
padding-left: 0 !important;
padding-right: 0 !important;
}
.whyuscls {
display: block !important;
}
.desticls {
display: none !important;
}
.homebanner {
background: #fff !important;
padding: 0 !important;
float: none !important;
position: inherit !important;
}
.flight-clsclr.homeclear {
clear: both;
}
.footer_stick_bottom {
display: block;
}
.travellers-sec .padding-2 {
padding: 2px !important;
}
/*.travellers-sec .container {
padding-left: 15px !important;
padding-right: 15px !important
}*/
.review-detial-section-cls {
padding: 0px 0;
}
.review-detial-section-cls .container {
padding-left: 0;
padding-right: 0;
}
.contact-detail-cls .padding-2 {
padding: 0 6px;
}
.fl_arive_citycls {
font-size: 11px;
}
.fl_deprt_citycls {
font-size: 11px;
}
.price-icon {
font-size: 15px !important;
}
.flight-result .col-12.padding-2 {
padding-left: 2px;
padding-right: 2px;
}
.fl_sub_inf {
position: relative;
top: auto;
margin-top: 0;
left: auto;
}
.flight-result {
padding: 0;
}
.flight-clscont_pnl-home {
padding-bottom: 0 !important;
}
.flight-mobile-mnblock {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 0;
white-space: nowrap;
display: inline-block;
}
.flight-mobile-mnblock .mb-tp_sc {
float: none !important;
display: inline-block;
}
.mobilehide {
display: none;
}
.mobile-back-btn i {
color: var(--mobile-back-icon);
}
.flight-tabbing-list {
width: 100%;
float: left;
margin-top: 10px;
padding-bottom: 10px;
}
.flight-clscont_pnl {
float: left;
padding-bottom: 60px;
width: 100%;
}
.flight-clspd20_n {
background: #fff !important;
padding: 10px 15px !important;
display: block !important;
width: 100% !important;
}
.flight-clsm_rel {
position: relative;
}
.flight-clsmb_title {
font-size: 10px;
font-weight: 700;
color: var(--black-color);
margin-bottom: 4px;
text-transform: uppercase;
margin-top: 1px;
margin: 0 auto;
text-align: center;
display: block;
}
.flight-clschkbtn {
float: right;
right: 0px;
top: -11px;
border: 1px solid var(--main-color);
border-top: 0;
color: var(--black-color);
font-weight: 600;
font-size: 12px;
padding: 5px 8px;
border-radius: 0 0 5px 5px;
position: absolute;
background: var(--input-feilds-bg);
background: var(--input-feilds-bg);
}
.flight-clsradio-toolbar-tp {
width: 100%;
float: left;
margin: 7px 0 2px 0;
}
.flight-clsradio-toolbar-tp input[type="radio"] {
display: none;
}
.flight-clsradio-toolbar-tp input[type="radio"]:checked+label {
background: var(--main-color);
color: #fff;
border-radius: 3px;
}
.flight-clsradio-toolbar-tp label {
cursor: pointer;
width: 33.33%;
float: left;
text-align: center;
font-size: 11px;
font-weight: 600;
color: #636464;
cursor: pointer;
padding: 4px 0;
margin: 0;
text-transform: uppercase;
}
.flight-clsfl {
/* float: none; */
margin-right: 0px !important;
}
.flight-clswid46 {
width: 48%;
margin-right: 0;
}
.flight-clsfr {
float: right;
}
.flight-clswid46 {
width: 48%;
}
.flight-clslb_bg {
padding: 10px;
background: #f1f7fa;
border: 1px solid #3995ca;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: left;
width: 100%;
}
.flight-clsmgt13 {
margin-top: 13px;
}
.flight-clshgt93 {
height: 93px;
}
.flight-clstop_block {
width: 100%;
text-align: left;
}
.flight-clsinpttl {
font-size: 12px;
color: #3f3f3f;
text-transform: uppercase;
}
.flight-clsorigin_cd {
width: 100%;
float: left;
border: 0;
font-size: 34px;
color: var(--black-color);
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
min-height: 30px;
}
.flight-clsorigin_full {
width: 100%;
float: left;
border: 0;
font-size: 12px;
color: var(--black-color);
font-weight: 600;
text-transform: uppercase;
text-align: left;
}
.flight-clsoverlay_sc {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.65);
z-index: 2;
cursor: pointer;
}
#flight-clsselectClass {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 0;
z-index: 12;
transform: none;
top: auto;
display: none;
}
.flight-clsinner_wrap_bg {
background: #fff;
}
.flight-clsinnr_header_pd {
padding: 0 15px;
}
.flight-clslft_pnl {
float: left;
}
.flight-clssClass_ttl {
font-size: 15px;
font-weight: 600;
}
.flight-clsclose_class {
position: absolute;
font-size: 30px;
color: #a5a5a5;
right: 10px;
top: 0px;
}
.flight-clsinnr_pd10 {
padding: 15px;
}
.flight-clsradio_sclass {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 19px;
line-height: 22px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flight-clsradio_sclass input {
position: absolute;
opacity: 0;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass {
background-color: #fff;
}
.flight-clscheckmark_sclass {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #fff;
border: 1px solid var(--main-color);
border-radius: 50%;
}
.flight-clsBtnclass_v2 {
width: 100%;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: var(--main-color);
color: #fff;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
}
.flight-clsbx_f2 {
margin: 0;
width: 100%;
height: 100%;
}
.flight-clsmain_frm_f2 {
background-color: #f1f1f1;
border-radius: 3px;
height: auto;
margin: 0 auto;
position: absolute;
top: 10px;
width: 100%;
z-index: 999;
left: 0;
}
.flight-clscntnt_f3_d {
width: 100%;
background-color: #fff;
}
.flight-clsfli_autosugst {
width: 100%;
background: #fff;
height: auto;
padding: 0;
float: left;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 1px 10px rgb(0 0 0 / 4%), 0 4px 5px rgb(0 0 0 / 6%);
position: relative;
z-index: 1;
}
.flight-clsfli-c-blv2 {
width: 90%;
margin: 0 auto;
}
.flight-clssel_fullblock {
width: 100%;
float: left;
}
.flight-clsarw_wrap {
width: 30px;
float: left;
}
.flight-clsarrBlack {
width: 15px;
height: 14px;
display: inline-block;
background: url(../images/left-arrow.svg) no-repeat 0 0;
background-size: 15px 15px;
margin: 19px 8px 0 0;
vertical-align: middle;
}
.flight-clsinput_autosugst {
float: left;
width: calc(100% - 30px);
}
.flight-clsinput_autosugst_inner {
font-size: 17px;
padding: 16px 0;
display: block;
width: 100%;
border: none;
/* border-bottom: 1px solid #a7a2a2; */
outline: none;
}
.flight-clsauto_saugg {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.flight-clsmn-atu-pg {
width: 100%;
}
.flight-clsauto_saugg ul {
margin: 0;
padding: 0;
}
.flight-clsblc_brd3 {
background-color: #fff;
cursor: pointer;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.flight-clsbx_f2 {
margin: 0;
width: 100%;
height: 100%;
}
.flight-clsmain_frm_f2 {
background-color: #f1f1f1;
border-radius: 3px;
height: auto;
margin: 0 auto;
position: fixed;
top: 10px;
width: 100%;
z-index: 999;
left: 0;
}
.flight-clscntnt_f3_d {
width: 100%;
background-color: #fff;
}
.flight-clsfli_autosugst {
width: 100%;
background: #fff;
height: auto;
padding: 0;
float: left;
box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 1px 10px rgb(0 0 0 / 4%), 0 4px 5px rgb(0 0 0 / 6%);
position: relative;
z-index: 1;
}
.flight-clsfli-c-blv2 {
width: 90%;
margin: 0 auto;
}
.flight-clssel_fullblock {
width: 100%;
float: left;
}
.flight-clsarw_wrap {
width: 30px;
float: left;
}
.flight-clsarrBlack {
width: 15px;
height: 14px;
display: inline-block;
background: url(../images/left-arrow.svg) no-repeat 0 0;
background-size: 15px 15px;
margin: 19px 8px 0 0;
vertical-align: middle;
}
.flight-clsinput_autosugst {
float: left;
width: calc(100% - 30px);
}
.flight-clsinput_autosugst_inner {
font-size: 17px;
padding: 16px 0;
display: block;
width: 100%;
border: none;
/* border-bottom: 1px solid #a7a2a2; */
outline: none;
}
.flight-clsauto_saugg {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.flight-clsmn-atu-pg {
width: 100%;
}
.flight-clsauto_saugg ul {
margin: 0;
padding: 0;
}
.flight-clsblc_brd3 {
background-color: #fff;
cursor: pointer;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.flight-clslb_bg {
padding: 10px;
background: var(--input-feilds-bg);
border: 1px solid var(--main-color);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: left;
/* width: 100%; */
}
.flight-clsinpttl2 {
font-size: 12px;
color: #3f3f3f;
text-transform: uppercase;
display: block;
}
.flight-clshl-input2 {
width: 100%;
float: left;
border: 0;
font-size: 16px;
color: var(--black-color);
outline: 0;
font-weight: bold;
-webkit-appearance: none;
padding: 6px 6px 6px 34px;
background: url(../images/calender-hotel-icon.png) no-repeat 0 5px;
background-size: 23px 23px;
}
.flight-clsmgt13 {
margin-top: 13px;
}
#flight-clsrdateFade {
position: relative;
}
.flight-clscross_i {
width: 13px;
height: 14px;
background: url(../images/flight-hp-sprite.png) no-repeat -50px -4px;
background-size: 65px 21px;
display: inline-block;
position: absolute;
left: 82%;
top: 11px;
}
.flight-clsswap_icn {
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
/*background: url(../images/swap-icon.png) no-repeat 0 0;*/
background-size: 30px 30px;
top: 27px;
right: -24px;
z-index: 9;
}
.flight-clstrvsc {
width: 100%;
float: left;
}
.flight-clsmid_title {
font-size: 14px;
color: #282727;
font-weight: bold;
width: auto;
float: left;
}
.flight-clsdw_tringle {
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 4px;
transform: rotate( 45deg);
-webkit-transform: rotate( 45deg);
position: absolute;
right: 12px;
top: 29px;
}
.flight-clsoptclss {
width: 100%;
float: left;
}
.flight-clsoptclss select {
background: none;
border: 0;
font-size: 14px;
padding: 0;
outline: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.flight-clshg12 {
height: 20px;
}
.flight-clscontainer_lgn {
display: inline-block;
position: relative;
padding-left: 25px;
margin: 0 0 15px 0;
cursor: pointer;
font-size: 13px;
color: var(--black-color);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 20px;
float: left;
margin-right: 14px;
right: auto;
}
.flight-clscontainer_lgn input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark_lgn {
position: absolute;
top: 0;
left: 0;
height: 19px;
width: 19px;
border-radius: 3px;
border: 1px solid #c3c3c3;
}
.flight-clsfs_btn {
width: 100%;
cursor: pointer;
background: var(--main-color);
float: right;
text-align: center;
padding: 15px 0;
display: block;
color: #fff;
font-size: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline: 0;
border: 0;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0px;
top: auto;
right: auto;
height: auto;
position: relative;
}
.flight-clsn-trvl-dtl {
background-color: #fff;
padding: 0px 0 20px;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999999;
left: 0;
top: auto;
transform: none;
min-width: 300px;
}
.flight-clsn-trvl-dtl-b {
width: 100%;
margin: 0 auto;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.flight-clsn-trvl-dtl-l {
width: 60%;
float: left;
color: var(--black-color);
font-size: 15px;
}
.flight-clsn-trvl-dtl-r,
.flight-clsn-trvl-dtl-r1 {
width: 30%;
float: right;
text-align: right;
color: var(--main-color);
font-size: 15px;
cursor: pointer;
}
.flight-clsn-trvl-dtl-b2 {
width: 89%;
margin: 0 auto;
padding: 5% 0 0;
}
.flight-clsadult1 {
width: 100%;
margin: 0;
padding: 3% 0;
overflow-x: auto;
padding-bottom: 3%;
}
.flight-clsadult1 ul {
margin: 0;
padding: 5px 0 10px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.flight-clsadult1 li {
border: 1px solid #ccc;
color: var(--black-color);
cursor: pointer;
display: inline-block;
float: left;
font-size: 15px;
margin: 0 4px 0 0;
/* padding: 8px 0; */
text-align: center;
font-weight: 700;
/* flex: 1 1 auto; */
width: 40px;
height: 40px;
line-height: 40px;
}
.flight-clsinfnt ul {
margin: 0;
padding: 5px 0 10px;
width: 100%;
}
.flight-clsinfnt {
width: 100%;
margin: 0;
padding: 3% 0;
overflow-x: scroll;
padding-bottom: 3%;
}
.flight-clsinfnt li {
border: 1px solid #ccc;
color: var(--black-color);
cursor: pointer;
display: inline-block;
float: left;
font-size: 15px;
margin: 0 4px 0 0;
/* padding: 8px 0; */
text-align: center;
width: 30px;
font-weight: 700;
height: 40px;
line-height: 40px;
}
#flight-clsadultcnt li.active,
#flight-clsChildCnt li.active,
#flight-clsInfantCnt li.active {
display: block!important;
color: #fff!important;
background-color: var(--main-color) !important;
border: 1px solid var(--main-color)!important;
}
.flight-clsn-trvl-dtl-b2 {
width: 96%;
margin: 0 auto;
padding: 5% 0 0;
}
.flight-clsinfnt-m {
width: 96%;
margin: 0 auto;
padding: 5% 0 0;
}
.flight-clsinfnt {
width: 100%;
margin: 0;
padding: 3% 0;
overflow-x: auto;
padding-bottom: 3%;
}
.flight-clsfrm-b {
width: 100%;
float: left;
}
.flight-clsmm {
width: 100%;
float: left;
}
.flight-clsmobile-sec {
background: transparent!important;
}
.flight-clscontainer_lgn input:checked~.checkmark_lgn {
background-color: var(--main-color);
border: 1px solid #fff;
}
.flight-clscontainer_lgn input:checked~.checkmark_lgn:after {
display: block;
}
.flight-clscontainer_lgn .checkmark_lgn:after {
left: 7px;
top: 3px;
width: 5px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate( 45deg);
-ms-transform: rotate(45deg);
transform: rotate( 45deg);
}
.checkmark_lgn:after {
content: "";
position: absolute;
display: none;
}
#flight-clsselectClass {
z-index: 999999;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass:after {
display: block;
}
.flight-clsradio_sclass .flight-clscheckmark_sclass:after {
top: 3px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--main-color);
}
.flight-clscheckmark_sclass:after {
content: "";
position: absolute;
display: none;
}
.flight-clsradio_sclass input:checked~.flight-clscheckmark_sclass {
background-color: #fff;
}
.flight-clscheckmark_sclass {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #fff;
border: 1px solid var(--main-color);
border-radius: 50%;
}
.flight-clsmag2 {
margin-top: 20px;
}
.flight-clsfli-mlt {
width: 31%;
}
.flight-clspor {
position: relative;
}
.flight-clsfli-mlt {
width: 30%;
float: left;
margin-right: 3%;
}
.flight-clsog {
color: #3f3f3f;
}
.flight-clsog {
width: 100%;
float: left;
font-size: 14px;
color: #848282;
}
.flight-clsorr_mlt {
width: 100%;
float: left;
margin-top: 4px;
border: 0;
font-size: 19px;
color: #000000;
border-bottom: 1px solid #c5c2c2;
padding-bottom: 5px;
height: 44px;
}
.flight-clsfull_nme {
font-size: 12px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.flight-clsinpu-sec-n1 {
border: medium none;
cursor: pointer;
outline: medium none;
width: 100%;
font-size: 14PX;
color: #111;
background-color: rgba(255, 254, 254, 0);
margin-top: 2%;
}
.flight-clsbx_f2 {
margin: 0;
width: 100%;
height: 100%;
}
.flight-clsone_way_sug {
background: rgba(0, 0, 0, 0) url(../img/explore-n.gif) no-repeat scroll 1% 42%;
border: 1px solid #fff;
border-radius: 4px;
color: #555;
font-size: 14px;
margin: 0;
outline: medium none;
padding: 10px 0 10px 10%;
width: calc(90% - 10% - 10px);
margin-left: 10px;
}
.flight-clsdate-enable {
display: block;
opacity: 1 !important;
}
.flight-clsretu-date-n {
opacity: 0.4;
}
.flight-clsopct {
background: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
height: 100%;
width: 100%;
display: none;
z-index: 99;
}
.flight-clsauto_saugg ul li {
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 12px 20px;
font-size: 13px;
position: relative;
width: calc(100% - 40px);
box-sizing: content-box;
-webkit-box-sizing: content-box;
border-bottom: 1px solid #eee;
background: #fff;
}
.flight-clsdest-nm {
width: 60%;
float: left;
}
.flight-clsdest-nm span {
color: var(--black-color);
font-size: 14px;
font-weight: 600;
line-height: 17px;
}
.flight-clsfnt-sz3 {
font-size: 12px!important;
color: #adacac!important;
width: 100%;
float: left;
padding-top: 0;
font-weight: 400!important;
}
.flight-clsdest-nm2 {
width: 40%;
float: right;
text-align: right;
}
.flight-clsdest-nm2 span {
font-size: 14px;
font-family: open sans;
color: #fff;
font-weight: 600;
background: var(--main-color);
padding: 4px 5px;
border-radius: 3px;
width: 35px;
float: right;
text-align: center;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.flight-clsauto_saugg ul li::after {
content: "";
display: block;
height: 8px;
line-height: 30px;
position: absolute;
right: 5%;
top: 45%;
width: 15px;
}
.flight-clsauto_saugg ul li::after {
background: rgba(0, 0, 0, 0) url(/home-css-js/img/flight-icon-n.png) repeat scroll 0 0;
content: "";
display: block;
height: 8px;
line-height: 30px;
position: absolute;
right: 5%;
top: 45%;
width: 15px;
}
.flight-clsauto_saugg ul li:hover {
background: #eee;
}
.flight-clsbtn-botm {
width: 100%;
margin: 15px 0 0 0;
display: inline-block;
}
.flight-clsrmv_btn {
border-radius: 20px;
font-size: 12px;
padding: 3px 7px;
border: 1px solid #c5c2c2;
text-align: center;
color: #ababab;
float: right;
min-width: 72px;
text-decoration: none;
text-transform: uppercase;
}
.flight-clsadd_btn {
border-radius: 20px;
font-size: 12px;
padding: 3px 7px;
border: 1px solid #00a3d6;
text-align: center;
color: #00a3d6;
float: right;
min-width: 72px;
text-decoration: none;
text-transform: uppercase;
margin-right: 10px;
}
/*flight listing start*/
.fltResult.active .fligt-cntnr,
.round-fltResult-1.active .fligt-cntnr,
.round-fltResult-2.active .fligt-cntnr {
background: var(--light-bg-color);
width: 100%;
}
.booknow-btn:hover,
.booknow-btn:focus {
color: #fff;
}
.internation-flight-mobile {
background: #fff;
padding: 4px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
display: block;
}
.sel1-bl {
width: 25px;
float: left;
margin-top: 5px;
}
.internation-flight-mobile .fa {
color: var(--back-arrow--icon);
text-decoration: none;
vertical-align: middle;
display: flex;
align-items: center;
}
.multiciy_rightside input {
position: relative;
top: 0;
}
.radiobtn {
position: absolute;
top: 5px;
left: -5px;}
.fl_left {
float: left;
}
.txt-bs {
width: auto;
font-size: 16px;
color: var(--black_color);
font-weight: 700;
line-height: 25px;
}
.travel-inf {
width: 100%;
font-size: 12px;
color: var(--black_color);
}
.edit-icon i,
.filter-icon i {
font-size: 20px;
vertical-align: middle;
margin-top: 10px;
}
.edit-icon,
.filter-icon {
margin-left: 10px;
float: right;
}
.fligt-cntnr {
width: 100%;
padding: 0;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 6px;
margin-top: 7px;
/* box-shadow: 0 0 7px rgb(0 0 0 / 17%); */
border: 1px solid #eee;
}
.padding-2 {
padding: 2px;
}
.padding-lf-0 {
padding-left: 0px;
}
.ctr-dv {
width: 100%;
margin: 0 auto;
padding: 4px 10px;
}
.fligt-cntnr .managlist1 {
padding: 0;
}
.fl_logo {
width: 12%;
float: left;
}
.airimg6E {
background-position: -69px -1px!important;
height: 33px;
width: 36px;
}
.fl_info_col {
width: 60%;
float: left;
padding-left: 15px;
padding-right: 0;
position: relative;
}
.append_bottom10 {
margin-bottom: 3px;
}
.text-center {
text-align: center;
}
.duratn-bdr {
border-bottom: 1px solid #d8d7d7;
position: relative;
padding-bottom: 5px;
font-size: 11px;
}
.gray_dot--solid {
width: 8px;
height: 8px;
background: #fff;
border: 1px solid #d8d7d7;
border-radius: 50%;
}
.sml-dot-l {
position: absolute;
bottom: -5px;
left: 0;
}
.fl_deprt {
font-weight: 700;
float: left!important;
font-size: 14px;
color: var(--flight-time);
}
.text_gray {
color: var(--flight-time);
font-size: 12px;
vertical-align: sub;
font-weight: 600;
display: inline-block;
height: 18px;
}
.fl_arive {
font-weight: 600;
float: right!important;
font-size: 13px;
color: var(--flight-time);
}
.gray_dot--solid {
width: 8px;
height: 8px;
background: #fff;
border: 1px solid #d8d7d7;
border-radius: 50%;
}
.sml-dot-r {
position: absolute;
bottom: -5px;
right: -2px;
}
.text_gray_n {
color: var(--num-stops-color) !important;
font-size: 12px;
font-weight: 600;
}
.fl_cost {
width: 28%;
float: left;
}
.ti_prc {
float: right;
text-align: right;
width: 100%;
/*line-height: 0;*/
}
.red_Rs {
width: 12px;
height: 12px;
background: url(../images/left-arrow.svg/rupees-icn-red.svg) 0 0;
background-size: 12px 12px;
display: inline-block;
vertical-align: top;
margin-top: 6px;
}
.ttl_b_amt {
font-size: 17px;
display: inline-block;
font-weight: 600;
}
.pricecolor {
font-size: 17px;
color: var(--price-color);
font-weight: 600;
}
.fl-num {
color: var(--flightname-color);
font-size: 11px;
font-weight: 600;
float: left;
}
/*filter start*/
.sticky-filter.fixedform {
z-index: 99;
position: fixed;
left: auto;
top: -80px;
width: 350px;
}
.fl-txt {
font-size: 14px;
}
#slide_amount span {
color: var(--black_color);
font-weight: 600;
}
.sortlisting-flight {
background: #fff;
padding: 4px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
#flight-filter {
padding: 2px;
background: #fff;
}
.filter-title {
padding: 10px;
border-bottom: 1px solid #ccc;
}
.fl-title {
font-weight: 600;
color: var(--main-color);
font-size: 13px;
margin-bottom: 2px;
}
.cancel-btn {
position: absolute;
top: 15px;
line-height: 25px;
background: var(--black_color);
padding: 6px;
border: 1px solid var(--black_color);
}
.cancel-btn img {
width: 8px;
margin: 0 auto;
display: block;
}
#filters_col_bt {
font-size: 16px;
color: var(--main-color);
font-weight: 600;
}
.filter_type {
position: relative;
margin-top: 0;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.filter_type .fl-title {
color: var(--main-color);
position: relative;
margin: 0px 0 8px;
padding: 0;
font-size: 14px !important;
font-weight: bold;
}
#slide_amount {
margin-bottom: 5px;
}
#slide_amount .rightprice {
float: right;
}
#slider-range {
width: 96%;
margin: auto;
background: rgb(204, 204, 204);
z-index: 999 !important;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
background: rgb(53, 132, 189);
display: block;
border: 0;
background-position: 0 0;
}
.slider-range span.ui-slider-handle {
border: 2px solid #cccccc !important;
background: #ffffff !important;
font-weight: normal;
color: var(--main-color);
outline: none;
cursor: pointer;
top: -3px;
}
.filter_type {
position: relative;
margin-top: 0;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.filter_type .fl-title {
color: var(--main-color);
position: relative;
margin: 0px 0 8px;
padding: 0;
font-size: 14px !important;
font-weight: bold;
}
#slide_amount {
margin-bottom: 5px;
font-size: 13px;
}
#slide_amount .rightprice {
float: right;
}
#slider-range {
width: 96%;
margin: auto;
background: rgb(204, 204, 204);
z-index: 999 !important;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
background: var(--main-color);
display: block;
border: 0;
background-position: 0 0;
}
#slider-range span {
font-size: 14px;
font-weight: 600;
top: -4px;
color: var(--black_color);
width: 16px;
height: 16px;
border-radius: 100% !important;
}
.filter_type .custom-control.custom-checkbox {
padding-left: 0;
}
.checkboxcontainerreviewaddons_filter_cls {
display: inline-block;
padding-left: 26px;
position: relative;
cursor: pointer;
user-select: none;
color: var(--black_color);
font-size: 14px;
width: 45%;
}
.checkboxcontainerreviewaddons_filter_cls input {
display: none;
}
.fl-checkbox input {
width: 20px;
height: 20px;
margin-top: 0;
box-shadow: 0px 2px 5px #eee;
float: left;
margin-right: 8px;
}
.checkboxcontainerreviewaddons_filter_cls .checkmark {
display: inline-block;
width: 20px;
height: 20px;
background: white;
position: absolute;
left: 0;
top: 0;
border: 2px solid #ccc;
border-radius: 0;
}
/*filter radio button css code*/
.selectaddonsradio-toolbar-filter {
margin: 10px 0;
}
/*.selectaddonsradio-toolbar-filter input[type="radio"] {opacity: 0;position: fixed;width: 0;}*/
.selectaddonsradio-toolbar-filter input[type="checkbox"] {
opacity: 0;
position: fixed;
width: 0;
}
.selectaddonsradio-toolbar-filter label {
display: inline-block;
background-color: #fff;
padding: 6px 0 1px;
font-size: 11px !important;
border: 2px solid #ccc;
border-radius: 0;
cursor: pointer;
width: 60px;
text-align: center;
margin-right: 1px;
color: #999 !important;
line-height: 17px;
height: 40px;
}
/*.selectaddonsradio-toolbar-filter label img { height: 18px;}*/
.selectaddonsradio-toolbar-filter label:hover {
background-color: #fff;
border-color: var(--black_color);
color: var(--black_color) !important;
}
.selectaddonsradio-toolbar-filter label:focus {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
outline: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:focus+label {
border: 2px solid #444;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label {
background-color: #fff;
border-color: var(--black_color);
color: var(--black_color) !important;
}
.selectaddonsradio-toolbar-filter label img.mm-first {
display: inline-block;
height: 16px;
}
.selectaddonsradio-toolbar-filter label img.mm-second {
display: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label img.mm-first {
display: none;
}
.selectaddonsradio-toolbar-filter input[type="checkbox"]:checked+label img.mm-second {
display: inline-block;
}
.selectaddonsradio-toolbar-filterdeparture {
margin: 10px 0;
}
/*.selectaddonsradio-toolbar-filterdeparture input[type="radio"] {opacity: 0;position: fixed;width: 0;}*/
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"] {
opacity: 0;
position: fixed;
width: 0;
}
.selectaddonsradio-toolbar-filterdeparture label {
display: inline-block;
background-color: #fff;
padding: 6px 0 1px;
font-size: 11px !important;
border: 2px solid #94A5A6;
border-radius: 9px;
cursor: pointer;
width: 23%;
text-align: center;
margin-right: 1px;
color: #94A5A6 !important;
line-height: 17px;
}
.selectaddonsradio-toolbar-filterdeparture label img {
height: 18px;
}
.selectaddonsradio-toolbar-filterdeparture label:hover {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filterdeparture label:focus {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
outline: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:focus+label {
border: 2px solid #444;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label {
background-color: #fff;
border-color: var(--main-color);
color: var(--main-color) !important;
}
.selectaddonsradio-toolbar-filterdeparture label img.mm-first {
display: inline-block;
}
.selectaddonsradio-toolbar-filterdeparture label img.mm-second {
display: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label img.mm-first {
display: none;
}
.selectaddonsradio-toolbar-filterdeparture input[type="checkbox"]:checked+label img.mm-second {
display: inline-block;
}
/*check box css coding in 20-01-2020*/
.checkboxcontainerreviewaddons_filter_cls input {
display: none;
}
.checkboxcontainerreviewaddons_filter_cls {
display: inline-block;
padding-left: 30px;
position: relative;
cursor: pointer;
user-select: none;
color: var(--black_color);
font-size: 14px;
width: 45%;
}
.checkboxcontainerreviewaddons_filter_cls .checkmark {
display: inline-block;
width: 20px;
height: 20px;
background: white;
position: absolute;
left: 0;
top: 0;
border: 2px solid #ccc;
border-radius: 0;
}
.checkboxcontainerreviewaddons_filter_cls input:checked+.checkmark {
background-color: var(--black_color);
border: 1px solid var(--black_color);
}
.checkboxcontainerreviewaddons_filter_cls input:indeterminate+.checkmark {
background-color: #27AE60;
border: 1px solid #27AE60;
}
.checkboxcontainerreviewaddons_filter_cls input:checked+.checkmark:after {
content: "";
position: absolute;
height: 6px;
width: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
top: 45%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.checkboxcontainerreviewaddons_filter_cls input:checked:disabled+.checkmark {
border: 1px solid grey;
background-color: grey;
}
.checkboxcontainerreviewaddons_filter_cls input:disabled+.checkmark {
border: 1px solid grey;
}
.checkboxcontainerreviewaddons_filter_cls input:indeterminate+.checkmark:after {
content: "";
position: absolute;
height: 0px;
width: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg);
}
/*filter radio button css code*/
.checkboxdis-cls {
position: relative;
margin-top: 0;
height: 190px;
overflow-y: scroll;
overflow-x: hidden;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.filter_type .custom-control.custom-checkbox {
padding-left: 0;
}
.fl-checkbox input {
width: 20px;
height: 20px;
margin-top: 0;
box-shadow: 0px 2px 5px #eee;
float: left;
margin-right: 8px;
}
.checkboxdis-cls label {
margin-left: 24px;
}
.fl-checkbox label {
font-size: 13px;
font-weight: 600;
color: var(--black_color);
margin-bottom: 10px;
vertical-align: middle;
padding-top: 2px;
}
.filter-sec .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: var(--main-color) !important;
border: none;
box-shadow: none;
background: var(--main-color) !important;
}
.flight-filter-sec {
padding: 10px;
}
.checkboxdis-cls label {
margin-left: 24px;
}
.mobile_footer_bottomcontinuefixed {
display: block !important;
position: fixed !important;
width: 100% !important;
z-index: 99999 !important;
background: var(--mobile-filter-footer) !important;
bottom: 0px !important;
padding: 8px 12px !important;
height: auto !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-ms-border-radius: 0 !important;
}
.mobile_footer_bottomcontinuefixed .active {
background: var(--mobile-filter-btn-bg);
}
.flight-filter {
color: var(--black_color);
font-size: 12px;
background: var(--mobile-filter-btn-bg);
padding: 4px;
border-radius: 4px;
margin: 0 auto;
display: block;
text-align: center;
}
.flight-filter i,
.flight-modify i {
margin-right: 10px;
}
.flight-sort {
color: #fff;
font-size: 12px;
background: var(--mobile-sort-btn-bg);
padding: 4px;
border-radius: 4px;
margin: 0 auto;
display: block;
text-align: center;
}
.flight-sort .fa {
margin-right: 10px;
}
.flight-filter:focus,
.flight-filter:hover {
background: #fff;
color: #444 !important;
}
.flight-sort:focus,
.flight-sort:hover {
background: #fff;
color: #444 !important;
}
.sortlisting-flight {
margin-top: 0 !important;
padding-top: 8px !important;
padding: 10px !important;
position: fixed !important;
width: 100%;
z-index: 999999;
display: none;
background: #fff !important;
left: 0;
bottom: 0;
height: auto;
overflow: hidden;
}
.sortright-flight {
width: 100%;
list-style-type: none;
}
.cancel-btn-flight-bottom {
bottom: -26px;
top: auto !important;
}
.filter-box {
position: relative;
}
.cancel-btn-mb-sort {
position: absolute;
top: 18px;
z-index: 99999999;
line-height: 25px;
right: 12px;
background: var(--black_color);
padding: 2px;
border: 1px solid var(--black_color);
}
.sortright-flight ul,
.sortlisting-flight-round ul {
background: #fff;
position: absolute;
top: 0px;
margin: 8px;
z-index: 999999;
width: 100%;
border: 1px solid #e1dede;
padding: 8px;
left: 0;
}
.cancel-btn-mb-sort {
position: absolute;
top: 10px;
z-index: 99999999;
line-height: 25px;
right: 12px;
padding: 2px;
margin-right: 10px;
border: 1px solid var(--black_color);
}
.cancel-btn-mb-sort img {
width: 12px;
margin: 0 auto;
display: block;
}
/*filter ends*/
.booknow-btn {
border: none;
float: right;
color: #fff;
font-size: 12px;
background: var(--booknow-btn-bg);
border-radius: 2px;
padding: 3px 10px;
margin-top: 0;
}
/*collapse start*/
.info-box {
font-size: 11px;
font-weight: 600;
background: #888585;
padding: 1px 10px;
left: 50%;
transform: translate(-50%, 25%);
top: 50%;
color: #fff;
}
.refundtxt {
color: var(--refundcolor);
font-size: 11px;
}
.multycity_wrapper {
width: 100%;
margin: 5px 0 5px 0;
padding: 12px 15px;
border: 1px solid #eee;
}
.multiciy_leftside {
float: left;
width: 65%;
padding-top: 0;
}
.multicity_radio_button {
display: inline-block;
position: relative;
user-select: none;
color: var(--black_color);
font-size: 16px;
text-align: left;
margin-bottom: 0px;
/* padding-bottom: 3px; */
/* padding-top: 5px; */
}
.published {
color: #121212;
font-size: 11px;
padding: 2px 5px;
border-radius: 4px;
text-transform: uppercase;
}
.flight-dt-icons {
float: right;
/* margin-left: 10px; */
}
.multicity_radio_button .economy-text {
font-size: 11px;
width: 100%;
line-height: 15px;
color: #121212;
}
.edit_multicity_icond img {
width: 20px;
float: none;
margin-right: 0px;
padding-top: 3px;
}
.multicity_form_boxshow {
position: absolute;
left: 48%;
bottom: -4px;
z-index: auto;
/* background: #fff; */
cursor: pointer;
}
.multiciy_rightside {
width: 35%;
float: right;
margin-top: 5px !important;
}
.economy-text {
font-size: 11px;
display: block;
}
/*collapse ends*/
.flight-ads-banner img {
border-radius: 6px;
}
.flight-ads-banner {
display: none;
}
.flight-ads-banner {
height: 100px;
width: 94%;
padding: 0;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 6px;
margin-top: 7px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
.flight-ads-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*flight listing ends*/
/*flight review page start*/
.mobile_header {
color: #fff;
display: block !important;
margin-bottom: 0;
/*position: fixed;*/
width: 100%;
z-index: 999;
top: 0;
background: #fff;
padding: 10px 10px;
box-shadow: 0 0 7px rgb(0 0 0 / 17%);
}
.mobile_flight_title {
margin: 6px 0 10px;
padding: 0;
font-size: 14px;
color: var(--black_color);
font-weight: 600;
line-height: 25px;
width: 30%;
}
.mobile_flight_title a.backarrow {
color: #293143;
margin-right: 10px;
float: left;
line-height: 14px;
margin-left: 0;
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
}
.mobile_flight_title .fa {
color: var(--back-arrow--icon);
line-height: 26px;
margin-left: 0;
}
.contact-detail-cls {
padding: 4px;
border: 1px solid #eee;
background: #fff;
border-radius: 5px;
width: 94%;
margin: 10px auto;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}
.contact-title-box .fa {
font-size: 24px;
color: var(--black_color);
}
.review-box-title {
font-size: 14px;
font-weight: 600;
padding-left: 2px;
color: var(--black_color);
}
.review-normal-txt {
font-size: 12px;
margin-top: 10px;
color: var(--black_color);
}
.inputcls {
display: block;
width: 100%;
padding: 5px 0;
border: none;
border-radius: 0;
font-size: 15px;
color: var(--black_color);
margin-bottom: 20px;
border-bottom: 1px solid #c8c6c6;
}
.review-contact-form {
margin-top: 10px;
}
.inputcls:hover,
.inputcls:focus {
outline: none;
box-shadow: none;
}
.contact-box-1 {
width: 36%;
float: left;
}
.contact-box-2 {
width: 64%;
float: right;
}
.contact-box-2 ul {
padding: 0;
margin: 0;
}
.contact-box-2 ul li {
display: inline-block;
padding-left: 0;
}
.contact-title-box-2 {
font-size: 13px;
}
.type-of-traveller {
display: block;
color: var(--black_color);
}
#flight-clsadultcnt input[type=radio],
#flight-clsChildCnt input[type=radio],
#flight-clsInfantCnt input[type=radio] {
display: none;
}
#flight-clsadultcnt label,
#flight-clsChildCnt label,
#flight-clsInfantCnt label {
width: 15px !important;
margin-bottom: 0;
}
.pul-cls {
float: right;
font-size: 10px;
text-transform: uppercase;
color: var(--black_color);
}
.contact-title-box-2 .fa {
float: left;
width: 12px;
height: 25px;
color: var(--black_color);
margin: 4px 6px 0 0;
}
.padding-0 {
padding: 0;
}
.colord-bg {
background: var(--light-bg-color);
padding: 5px;
color: var(--main-color);
}
.travller_tile_bottom-cls {
border-bottom: 1px solid #e7e7e7;
width: 100%;
padding-top: 12px;
padding-bottom: 0px;
}
.review-box-title-cls {
color: var(--main-color);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
float: right;
}
.travller_tile_bottom-cls .review-box-title {
padding-left: 0;
}
.mb-page-name {
width: 70%;
color: var(--black_color);
float: right;
text-align: right;
font-size: 14px;
text-transform: capitalize;
font-weight: 600;
}
.add-adults-popup-cls {
display: none;
}
/*add adults start*/
.babyiconsize {
font-size: 14px;
}
.adulticonsize {
font-size: 22px;
}
.childreniconsize {
font-size: 16px;
}
.add-adults-popup-cls {
width: 90%;
height: auto;
position: fixed;
top: 50%;
left: 48%;
background: #fff;
z-index: 9999;
transform: translate(-50%, -50%);
margin: 0 auto;
}
.open-popup-header {
width: 100%;
background: #ffffff !important;
-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
padding: 14px 10px !important;
}
.sal-rad-box {
width: 160px;
border: 1px solid var(--main-color);
border-radius: 3px;
float: left;
margin: 12px 0 0 0;
}
.sal-rad-box input {
-webkit-appearance: none;
width: 15px;
height: 15px;
border: 1px solid #2196F3;
border-radius: 50%;
outline: 0;
}
.sal-rad-box input[type="radio"] {
display: none;
}
.sal-rad-box label {
cursor: pointer;
width: 52px;
float: left;
text-align: center;
font-size: 13px;
color: var(--main-color);
border-right: 1px solid var(--main-color);
cursor: pointer;
padding: 6px 0;
margin-bottom: 0;
}
.add-adults-body {
padding: 10px;
}
.add-adults-body .review-normal-txt {
margin-top: 0;
}
.border-radio-last {
border-right: none !important;
width: 54px !important;
}
.sal-rad-box label.active {
background: var(--main-color);
color: #fff;
}
.add-meal-strip-cls {
background: var(--light-bg-color);
padding: 6px;
width: 100%;
float: left;
}
.add-meals-bg {
font-size: 10px;
background: var(--addmealsbtn);
border-radius: 4px;
padding: 5px 6px;
color: #fff;
text-transform: capitalize;
}
.add-meal-strip-cls .review-normal-txt {
width: 25%;
font-size: 11px;
float: left;
color: var(--main-color);
}
.add-meal-box-right {
width: 75%;
float: right;
margin-top: 2px;
text-align: right;
}
.add-meals-bg img {
width: 20px;
margin-right: 3px;
padding: 0;
}
.commonbtn {
border: none;
float: right;
color: #fff;
font-size: 14px;
background: var(--booknow-btn-bg);
border-radius: 2px;
padding: 3px 10px;
}
.save-traveller-btn {
margin: 0 auto;
display: block;
text-align: center;
float: none;
margin-top: 20px;
padding: 8px 20px;
width: 100%;
}
.save-travveler-list ul {
padding: 0;
}
.common-text {
color: var(--black_color);
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
line-height: 23px;
}
.save-travveler-list {
margin-top: 10px;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.save-travveler-list .review-normal-txt {
margin-top: 0;
}
.save-travveler-list ul li {
margin-bottom: 10px !important;
clear: both;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
}
/*add adults ends*/
/*gst start*/
.gst-contact-form {
display: none;
}
/*gst ends*/
/*insurance start*/
.insur-icons {
width: 40px;
text-align: center;
margin: 0 auto;
display: block;
}
.insur-list-box li {
width: 48%;
border: 1px solid #ddd;
padding: 4px;
float: left;
border-radius: 3px;
margin: 1%;
}
.insur-title {
font-size: 13px;
text-align: center;
font-weight: 600;
margin-top: 4px;
}
.insur-dt {
font-size: 12px;
text-align: center;
}
.insur-list-box ul {
padding: 0;
}
.insur-list-box {
margin-top: 10px;
}
/*insurance ends*/
/*grand total start footer*/
.review-payment-footer {
width: 100%;
position: sticky;
bottom: 0;
float: left;
z-index: 99;
display: block;
background: #fff;
padding: 0;
}
.total-price {
width: 40%;
background: var(--black_color);
padding: 5px 10px;
float: left;
}
.total-price p {
font-size: 12px;
font-weight: 600;
color: #fff;
}
.total-price span {
font-size: 16px;
font-weight: 700;
}
.total-price-continue-btn {
width: 60%;
float: right;
background: var(--continuebtn);
color: #fff;
margin: 0 auto;
display: block;
}
.continue-btn {
border: none;
outline: none;
font-size: 14px;
text-transform: capitalize;
padding: 16px;
color: #fff;
color: #fff;
height: 53.72px;
font-weight: 600;
margin: 0 auto;
background: var(--continuebtn);
display: block;
}
/*grand total footer ends*/
/*flight review start*/
.review-extra-txt {
font-size: 12px;
width: 80%;
margin-left: 2%;
float: right;
}
.contact-title-box-review {
width: 12%;
float: left;
}
.contact-title-box-review img {
width: 100%;
}
.review-extra-txt .review-box-title {
display: block;
padding-left: 0;
}
.flight-logo-img {
width: 10%;
float: left;
}
.contact-box {
width: 100%;
float: left;
}
.flight-dt-cls {
width: 100%;
float: left;
margin-top: 10px;
}
.flight-full-details {
width: 100%;
float: left;
margin-top: 10px;
}
.flight-full-details .fl_deprt {
display: block;
width: 100%;
}
.departure-dt {
width: 35%;
float: left;
}
.flight-full-details .text_gray {
display: block;
width: 100%;
float: left;
text-align: left !important;
}
.review-day-date {
display: block;
width: 100%;
font-weight: 500;
float: left;
font-size: 13px;
}
.terminal-txt {
font-size: 12px;
font-weight: 500;
}
.arrival-dt {
width: 35%;
float: right;
text-align: right;
}
.arrival-dt .text_gray {
text-align: right !important;
}
.duration-dt {
width: 30%;
float: left;
margin: 0 auto;
display: block;
text-align: center;
}
.duration-img img {
width: 20px;
}
.duration-dt .fl_deprt {
margin-top: 10px;
font-size: 12px;
font-weight: 600;
}
.farepopup {
font-size: 13px;
font-weight: 600;
text-align: right;
margin-right: 20px;
color: var(--fare-color);
}
.baggagepopup {
font-size: 13px;
font-weight: 600;
text-align: right;
color: var(--fare-color);
}
.fare-dt-popup {
float: right;
width: 100%;
text-align: right;
}
/*flight review ends*/
/*flight review page ends*/
/*round trip start*/
.round-flight-result .row {
margin-left: 0;
margin-right: 0;
}
.round-mb-cls-footer {
width: 100%;
position: sticky;
bottom: 40px;
float: left;
z-index: 99;
background: #fff;
padding: 0;
}
.round-total-price {
width: 40%;
background: var(--black_color);
padding: 5px 10px;
float: left;
}
.round-total-price p {
font-size: 12px;
font-weight: 600;
color: #fff;
}
.round-total-price span {
font-size: 16px;
font-weight: 700;
}
.round-mb-total-price-continue-btn {
width: 60%;
float: right;
background: var(--maincolor);
color: #fff;
margin: 0 auto;
display: block;
}
.roundbook-btn {
border: none;
outline: none;
font-size: 14px;
text-transform: capitalize;
color: var(--black_color);
font-weight: 600;
margin: 0 auto;
width:100%;
background: var(--continuebtn);
display: block;
line-height: 50px;
}
.round-info-dropdown {
bottom: -17px;
left: 50%;
transform: translate(-50%, -50%);
}
.round_fl_info_col {
width: 100% !important;
padding-left: 0;
margin-top: 10px;
}
.round_fl_deprt {
font-size: 12px;
}
.round_fl_arive {
font-size: 12px;
}
.round-text-gray {
font-size: 11px;
}
.round_text_gray_n {
font-size: 11px;
}
.round_fl_cost {
float: right;
position: absolute;
top: 0px;
width: 40% !important;
right: 0;
margin-right: 8px;
}
.round_fl_sub_inf {
position: absolute !important;
top: 0px !important;
left: 0 !important;
margin-left: 20% !important;
width: 40% !important;
margin-top: 0 !important;
}
.round_duratn-bdr {
width: 100%;
margin: 0 auto;
}
.round_multiciy_leftside {
width: 100% !important;
}
/*round trip ends*/
/*collapse section start*/
.flt-result-box {
padding-bottom: 50px;
}
.flight-wrapper-cls {
margin-top: 10px;
}
.multicity_radio_button .economy-text {
width: 100%;
font-size: 10px;
float: left;
font-size: 10px !important;
/* border-top: 1px solid #eeee; */
}
.flight-dt-icons {
margin-left: 0;
float: none;
/* margin-top: 6px; */
/* float: none; */
line-height: 26px;
}
.published {
background: none;
color: #444;
padding: 0;
font-size: 11px;
}
.fl-price-published {
margin-right: 10px;
font-weight: bold;
font-size: 12px;
}
.fl-price-published {
font-weight: 600;
display: none;
}
.multicity_radio_button .fl-price-published {
font-size: 14px;
}
.multycity_wrapper {
margin: 0 0 10px;
padding: 6px 5px;
}
.international_image img {
max-width: 30px;
max-height: 30px;
margin-bottom: 0;
}
/*collapse section ends*/
.sortright-flight ul li a.active_sort:before {
position: absolute;
content: "";
width: 12px;
height: 12px;
background-image: url(../images/sorticon-down.png);
left: 4px;
background-size: 100%;
top: 4px;
background-repeat: no-repeat;
}
.cancel-btn-mb-sort {
display: block;
}
.sortright-flight ul li,
.sortlisting-flight-round ul li {
display: block;
width: 100% !important;
float: none;
text-align: left;
font-size: 13px;
}
.sortingnames-flight {
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 6px;
font-weight: 600 !important;
}
.sortright-flight li a,
.sortlisting-flight-round li a {
padding-left: 0;
width: auto;
display: block;
}
.sortright-flight li a {
color: var(--black_color);
padding: 2px 4px 2px 2px;
font-weight: 600;
text-decoration: none;
font-size: 14px;
}
.sortright-flight li a.active {
background: #666;
position: relative;
color: #fff;
}
.sortright-flight ul li a.active:before {
left: auto !important;
right: 4px;
}
.sortright-flight ul li a.active:before {
position: absolute;
content: "";
width: 12px;
height: 12px;
background-image: url(../images/sorticon.png);
left: 4px;
background-size: 100%;
top: 4px;
background-repeat: no-repeat;
}
#flight-filter {
position: fixed;
width: 100%;
z-index: 999999;
background: #fff;
left: 0;
top: 0;
height: 100%;
overflow: scroll;
}
.cancel-btn {
display: block !important;
}
#flight-filter {
display: none;
z-index: 999 !important;
}
.filter-list-cls li {
display: list-item;
width: 80px;
height: 60px;
border: 1px solid #eee;
margin: 3px;
padding: 0;
position: relative;
margin: 4px auto;
background: #eee;
}
.filter-list-cls li .filter-text {
position: absolute;
top: 58%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
color: #999;
}
.filter-list-cls li i {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
text-transform: uppercase;
font-weight: 5;
color: #999;
display: block !important;
}
.filter-section .col-lg-12.col-md-12.col-snm-12.col-12 {
padding: 0;
}
.flight-mb-search {
padding-top: 10px;
}
}
@media only screen and (max-width: 768px) {
/*4th july start*/
.fl_logo_2 {
width: 16% !important;
margin-top: 0;
}
.fl_cost_2 {
width: 15% !important;
margin-top: 0;
}
.flightresult-flt-result-box {
max-height: inherit !important;
overflow-y: auto;
}
.edit_multicity_icond img {
padding-top: 4px;
}
/*4th july ends*/
}
@media only screen and (max-width:580px) {
.flight-clshgt93 {
height: 80px;
}
/*4th july start*/
.flight-mb-search {
text-align: right;
padding-top: 10px;
float: right;
}
.flightresult-flt-result-box {
max-height: initial;
overflow-y: auto;
}
.fl_logo_2 {
width: 10% !important;
}
.fl_info_col_2 {
margin-top: 0;
width: 40% !important;
}
.fl_info_col_2 .text_gray {
display: none;
}
.fl_info_col_2 .fl_deprt {
font-size: 11px;
margin-top: -13px;
}
.fl_info_col_2 .fl_arive {
font-size: 11px;
margin-top: -13px;
}
.fl_info_col_2 .text_gray_n {
display: none;
}
.fl_info_col_2 .append_bottom10 {
margin-top: 10px;
}
.fl_info_col_2 .fl_deprt_citycls {
top: 11px;
font-size: 11px;
}
.fl_info_col_2 .fl_arive_citycls {
top: 11px;
font-size: 11px;
}
.fl_info_col_2 .booknow-btn {
float: left;
display: block;
}
.booknow-btn {
width: 70%;
float: right;
display: block;
padding: 6px;
text-align: center;
font-size: 13px;
}
.multiciy_rightside_2 {
display: block;
margin-top: 0;
width: 34% !important;
}
.edit_multicity_icond img {
width: 24px;
float: right;
padding-right: 3px;
padding-top: 3px;
}
.fl_cost_2 .pricecolor {
font-size: 15px;
font-weight: 700;
margin-top: 0;
}
.price-icon {
padding-right: 0;
font-size: 16px !important;
}
.fl_cost_2 {
width: 16% !important;
text-align: center;
margin-top: 0px;
}
.ctr-dv {
padding: 4px 4px;
}
.international_fligt_logo .international_image {
width: 30px;
height: 30px;
}
h5.name_plane.name_planeshow.mulitcity_name_mobile.ng-binding {
word-break: break-word;
}
.rowmulticity_btm .saerch_height_handle {
margin-top: 5px;
}
.international_flight_time.ng-binding {
font-size: 11px;
}
.flight_stop1 {
top: 22px;
}
.theme-search-results-item-flight-section-path-fly-time1 p {
font-size: 12px;
display: flex;
white-space: nowrap;
}
.theme-search-results-item-flight-section-path1 {
margin-top: 8px;
}
/*4th july ends*/
}
@media only screen and (max-width: 417px) {
.multiciy_leftside {
float: left;
width: 60%;
}
.multiciy_rightside {
width: 40%;
float: right;
margin-top: 0;
}
.gst-contact-form .col-sm-12.col-12,
.gst-contact-form .col-sm-8.col-8,
.gst-contact-form .col-sm-4.col-4 {
padding-left: 0;
}
}
@media only screen and (max-width: 359px) {
.flight-mb-search {
padding-top: 18px !important;
}
}
@media only screen and (max-width: 320px) {
/*4th july start*/
.fl_logo_2 {
width: 10% !important;
}
.fl_info_col_2 {
margin-top: 0;
width: 40% !important;
}
.fl_info_col_2 .text_gray {
display: none;
}
.fl_info_col_2 .fl_deprt {
font-size: 10px;
margin-top: -13px;
}
.fl_info_col_2 .fl_arive {
font-size: 10px;
margin-top: -13px;
}
.fl_info_col_2 .text_gray_n {
display: none;
}
.fl_info_col_2 .append_bottom10 {
margin-top: 10px;
}
.fl_info_col_2 .fl_deprt_citycls {
top: 11px;
font-size: 10px;
}
.fl_info_col_2 .fl_arive_citycls {
top: 11px;
font-size: 10px;
}
.fl_info_col_2 .booknow-btn {
float: left;
display: block;
}
.booknow-btn {
width: 70%;
float: right;
display: block;
padding: 3px;
text-align: center;
margin-top: -2px;
}
.multiciy_rightside_2 {
display: block;
width: 34% !important;
}
.edit_multicity_icond img {
width: 20px;
float: right;
padding-right: 3px;
padding-top: 0px;
}
.fl_cost_2 .pricecolor {
font-size: 12px;
font-weight: 700;
}
.price-icon {
padding-right: 0;
font-size: 12px !important;
}
.fl_cost_2 {
width: 15% !important;
text-align: center;
margin-top: 0;
}
.ctr-dv {
padding: 4px 4px;
}
/*4th july ends*/
.multiciy_leftside {
float: left;
width: 60%;
}
.multiciy_rightside {
width: 40%;
float: right;
margin-top: 0;
}
/*round trip start*/
.round-info-box {
font-size: 10px;
}
.pricecolor {
font-size: 13px;
}
.round_fl_info_col {
width: 100%;
padding-left: 0;
margin-top: 10px;
}
.round_fl_deprt {
font-size: 12px;
}
.round_fl_arive {
font-size: 12px;
}
.round-text-gray {
font-size: 11px;
}
.round_text_gray_n {
font-size: 11px;
}
.round_fl_cost {
float: right;
position: absolute;
top: 0px;
width: 40%;
right: 0;
margin-right: 2px;
}
.round_fl_sub_inf {
position: absolute;
top: 4px;
left: 0;
margin-left: 20%;
width: 40%;
}
.round_duratn-bdr {
width: 96%;
margin: 0 auto;
padding-top: 0px;
}
.round_multiciy_leftside {
width: 100%;
}
/*round trip ends*/
.flight-clsradio-toolbar-tp {
margin: 3px 0 0 0;
}
.flight-clslb_bg {
padding: 7px;
}
.flight-clsorigin_cd {
font-size: 20px;
}
.flight-clslb_bg {
padding: 7px;
}
.flight-clshl-input2 {
font-size: 14px;
}
.flight-clsswap_icn {
top: 35%;
}
.flight-clshg12 {
height: 16px;
}
}
@media only screen and (min-width: 768px) {
/*4th july start*/
.addmeal-text {
width: 60%;
float: none;
}
.meals-icon-img {
margin-right: 10px;
}
.add-meals-list-items {
overflow-y: auto !important;
}
.airimgI5 {
margin-top: 0;
}
.multiciy_rightside.multiciy_rightside_2 {
margin-top: 0;
width: 20% !important;
}
.booknow-btn {
font-size: 14px;
padding: 4px 10px;
}
.fl_logo_2 .airimgI5 {}
.fl_info_col_2 {
width: 40% !important;
}
/*4th july ends*/
}
@media only screen and (min-width: 200px) and (max-width: 320px) {
.flight-clsog {
font-size: 12px;
}
}
/*flight ends*/
/*home start*/
/*offer css start*/
.customsectioncls {
padding: 30px 0;
}
.maintitle {
font-size: 18px !important;
color: #444 !important;
margin: 0;
padding: 0;
font-weight: 600 !important;
text-transform: uppercase !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
font-family: 'Open Sans', sans-serif !important;
}
.customsectioncls {
padding: 40px 0;
float: left;
width: 100%;
}
#offer-homeslider {
margin-top: 30px;
}
#offer-homeslider .item {
border-radius: 14px;
margin-bottom: 31px;
background: #fff;
padding-bottom: 8px;
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
-moz-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
-o-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
#offer-homeslider .item img {
width: 100%;
border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
-o-border-radius: 12px 12px 0 0;
display: block;
}
.offer_content_warp {
width: 100%;
margin: 0;
padding: 10px 10px 0 10px;
min-height: 136px;
position: relative;
}
.offer_content_warp .blogbtn {
background:var(--main-color);
color: #fff;
font-size: 12px;
padding: 5px 10px;
position: absolute;
right: 9px;
bottom: 27px;
}
.offer_content_warp .expires_date {
font-size: 12px;
margin-top: 10px;
position: absolute;
bottom: 4px;
left: 9px;
}
.offer_content_warp h3 {
font-size: 14px;
color: var(--black_color);
margin: 0 0 5px 0;
font-weight: 600;
line-height: 1.2;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 17px;
display: -webkit-box;
word-break: break-all;
}
.offer_content_warp p {
color: var(--para-txt);
font-size: 13px;
margin: 6px 0 7px 0;
}
.owl-carousel-offer-homeslider .owl-next span {
right: -80px;
border: none;
line-height: 47px;
text-align: center;
vertical-align: middle;
background: #fff;
/* position: relative; */
position: absolute;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
border-radius: 100%;
width: 50px;
top: 28%;
height: 50px;
font-size: 30px;
}
.owl-carousel-offer-homeslider .owl-prev span {
border: none;
line-height: 47px;
text-align: center;
vertical-align: middle;
background: #fff;
/* position: relative; */
position: absolute;
left: -80px;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
border-radius: 100%;
width: 50px;
top: 38%;
height: 50px;
font-size: 30px;
}
.owl-carousel-offer-homeslider .owl-nav {
display: none !important;
}
.owl-carousel-offer-homeslider .owl-prev span:hover,
.owl-carousel-offer-homeslider .owl-next span:hover {
background: var(--main-color) !important;
color: #fff !important;
}
.owl-carousel-offer-homeslider .owl-dots .owl-dot.active {
background: var(--main-color);
width: 10px;
height: 10px;
margin: 20px auto;
display: inline-block;
margin-right: 5px;
border-radius: 0;
}
.owl-carousel-offer-homeslider .owl-dots .owl-dot {
background: #ddd;
width: 10px;
height: 10px;
margin: 10px auto;
display: inline-block;
border-radius: 0;
margin-right: 5px;
margin-bottom: 0 !important;
}
.owl-carousel-offer-homeslider .owl-dots {
display: block;
margin: 0 auto;
text-align: center;
position: absolute;
left: 50%;
bottom: 0 !important;
transform: translate(-50%, 0%);
}
.greybg {
background: #fafafa;
}
/*offer ends*/
/*home banner start*/
/*.homebanner {
background: #444;
position: relative;
height: 400px;
}
.homebanner .flight-clscont_pnl-home {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}*/
/*home banner ends*/
/*domestic start*/
.theme-box {
background: #fff;
border-radius: 5px;
position: relative;
margin: auto;
overflow: hidden;
box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
margin-bottom: 20px;
}
.theme-box .th-1 {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
height: 160px;
}
.th-1 img {
border-radius: 5px 5px 0 0;
height: 100%;
width: 100%;
object-position: center center;
object-fit: cover;
}
.theme-content {
padding: 10px;
}
.theme-title2 {
color: #444;
}
.paddingtop-home {
margin-top: 30px;
}
.theme-title2 {
font-size: 13px;
font-weight: 600;
white-space: nowrap;
width: 250px;
overflow: hidden;
text-overflow: ellipsis;
}
/*domestic ends*/
@media only screen and (max-width: 992px) {
.whyuscls {
display: block !important;
}
}
/*home ends*/
/*add meal start*/
/*coupon section start*/
ul.coupon-list {
padding: 0;
width: 100%;
float: left;
}
.coupn_col-box {
padding-bottom: 7px;
padding-top: 7px;
border-bottom: 1px solid #ebebeb;
width: 100%;
float: left;
}
label.coupn_radio-box {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.coupn_ttl-box {
font-size: 14px;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.coupn_para-box {
line-height: 16px;
margin: 0;
font-weight: 500;
font-size: 12px;
color: #4a4a4a;
}
.tcnd-box {
color: #007bff;
font-size: 11px;
font-weight: 5;
text-decoration: underline;
padding-left: 0;
float: left;
}
.coupn_radio-box input {
position: absolute;
opacity: 0;
cursor: pointer;
top: 15px;
}
.coupn_checkmark-box {
color: #d63b05;
font-size: 12px;
font-weight: bold;
}
.coupn_checkmark-box {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #d5d5d5;
}
.coupn_radio-box input:checked~.coupn_checkmark-box {
background-color: var(--main-color);
border: 1px solid var(--main-color);
}
.coupn_radio-box input:checked~.coupn_checkmark-box:after {
display: block;
}
.coupn_radio-box .coupn_checkmark-box:after {
left: 8px;
top: 4px;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate( 45deg);
-ms-transform: rotate(45deg);
transform: rotate( 45deg);
}
.coupn_checkmark-box:after {
content: "";
position: absolute;
display: none;
}
.coupon-apply-sec-listbox {
width: 100%;
float: left;
padding: 10px;
max-height: 250px;
overflow-y: scroll;
}
.coupon-coorect-apply {
float: left;
font-size: 12px;
color: #1A942B !important;
width: 94%;
padding: 0 10px;
}
/*coupon ends*/
/*add meals start */
.custommodal {
width: 95% !important;
margin: 0 !important;
}
.depart-arrive-city {
font-weight: 600;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
background-color: #fff;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 5px 5px;
transition: 0.3s;
font-size: 12px;
text-align: center;
border-radius: 4px;
background: var(--main-color);
color: #fff;
}
.skip-meals-cls {
color: var(--main-color);
float: right;
font-size: 13px;
font-weight: 600;
position: absolute;
right: 40px;
top: 19px;
text-align: right;
}
label.addmeals-addons_radio {
position: relative;
padding-right: 30px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: calc(100% - 30px);
float: left;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
padding-bottom: 5px;
}
.addmeals-mealItem img {
float: left;
width: 76px;
}
.addmeals-foodName {
float: left;
margin-top: 7px;
width: 62%;
}
.addmeals-foodText {
font-size: 12px;
color: #6b6b6b;
display: block;
text-align: left;
}
.addmeals-mealPrice {
font-size: 17px;
color: #000;
display: table;
}
.addmeals-mealPrice:before {
content: '';
width: 12px;
height: 12px;
float: left;
background: url(https://flight.easemytrip.com/Content/img/rupee-indian.svg) no-repeat;
background-size: 12px 12px;
margin: 6px 1px 0 0;
}
.addmeals-AddOnItemNo {
position: absolute;
opacity: 0;
cursor: pointer;
top: 15px;
}
input[type=radio]:before {
content: '';
display: block;
width: 53%;
height: 53%;
margin: 20% auto;
border-radius: 50%;
outline: 0;
}
span.addmeals-addons_checkmark {
position: absolute;
top: 16px;
right: 10px;
height: 18px;
width: 18px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #2196f3;
}
.add-meals-list-items ul {
padding: 0;
}
.addmeals-addons_radio input:checked~.addmeals-addons_checkmark {
background-color: #ffffff;
border: 1px solid #2196f3;
}
.addmeals-addons_radio input:checked~.addmeals-addons_checkmark:after {
display: block;
}
.add-meals-addons_radio .add-meals-addons_checkmark:after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #2196f3;
}
.add-meals-addons_checkmark:after {
content: "";
position: absolute;
display: none;
}
.custommodal {
position: absolute;
top: 50%;
left: 50%;
max-width: 800px;
width: 100%;
transform: translate(-50%, -50%) !important;
width: 100% !important;
margin: 0 auto;
float: none;
}
#farepopupmodal .custommodal {
max-height: 100vh;
}
/*add meal radio button design start*/
.add-meals-list-items [type="radio"]:checked,
.add-meals-list-items [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.add-meals-list-items [type="radio"]:checked+label,
.add-meals-list-items [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
.add-meals-list-items [type="radio"]:checked+label:before,
.add-meals-list-items [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
}
.add-meals-list-items [type="radio"]:checked+label:after,
.add-meals-list-items [type="radio"]:not(:checked)+label:after {
content: '';
width: 12px;
height: 12px;
background: var(--main-color);
position: absolute;
top: 9px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.add-meals-list-items [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.add-meals-list-items [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*add meal Radio button design ends*/
.add-meals-list-items label {
text-align: left;
width: 100%;
padding-bottom: 5px;
font-size: 13px;
position: relative;
cursor: pointer;
float: left;
border-bottom: 1px solid #eee;
margin-bottom: 0;
padding-top: 5px;
}
.add-meals-list-items {
width: 100%;
float: left;
max-height: 400px;
overflow-y: scroll;
}
.add-meals-list-items li div {
width: 100%;
float: left;
}
.custommodal .modal-body {
padding: 8px 10px;
}
.add-meals-list-items li div .mealPrice {
display: block;
font-weight: 600;
font-size: 16px;
}
.meals-icon-img {
float: right;
width: 10%;
text-align: right;
margin-right: 0;
}
.addmeal-text {
width: 80%;
float: left;
}
#addmealspopup,
#addbaggagepopup {
z-index: 9999;
}
.baggagesubmit-btn,
.mealssubmit-btn {
background: var(--main-color);
color: #fff;
font-size: 13px;
}
.baggagesubmit-btn:focus,
.baggagesubmit-btn:hover,
.mealssubmit-btn:focus,
.mealssubmit-btn:hover {
box-shadow: none;
outline: none;
background: var(--btn-hover-bg);
color: #fff;
}
.add-meals-list-items li:hover {
background: #fafafa;
}
.add-meals-list-items li {
width: 100%;
float: left;
}
/*add meals ends*/
/*fare details start*/
.custommodal .modal-header {
padding: 2px 10px;
background: var(--light-bg-color);
}
.custommodal .fareetails-box-navlink.active {
background: no-repeat;
color: var(--black_color);
font-size: 14px;
font-weight: 600;
border-bottom: 2px solid var(--black_color);
border-radius: 0;
}
.custommodal .fareetails-box-navlink {
background: no-repeat;
color: var(--black_color);
font-size: 14px;
font-weight: 600;
border-radius: 0;
padding: 6px 10px;
}
.fareetails-box .tab-content {
width: 100%;
float: left;
}
.fareetails-box .tab-content .tab-pane {
width: 100%;
float: left;
padding: 0px 10px;
margin-top: 10px;
border: 1px solid #ddd;
border-radius: 10px;
margin-bottom: 20px;
}
.fareetails-box .tab-content .pricesumm-content-table {
padding: 0;
}
.fareetails-box .pricesumm-content-table ul li:last-child {
padding-bottom: 10px;
}
.faresummary-table th,
.fare-rules th {
font-size: 14px;
border-bottom: 1px solid #dee2e6 !important;
padding: 6px;
background: #eee;
width: 25%;
}
.faresummary-table td,
.fare-rules td {
font-size: 14px;
font-weight: 500;
padding: 6px;
}
/*16th july start*/
.checkboxcontainerreviewaddons_savedlist {
font-size: 14px;
}
.adult_listtitle {
float: left;
font-weight: 500;
font-size: 12px;
margin-left: 18px;
}
.donebtnnew {
font-size: 13px !important;
color: #fff;
float: right;
width: auto;
top: 10px !important;
margin-bottom: 20px;
padding: 0 10px !important;
position: relative !important;
}
.ui-widget.ui-widget-content {
width: auto;
}
.addnewtravellersAttr {
margin: 0;
font-size: 13px;
}
/*16th july ends*/
/*fare details ends*/
/*add meals ends*/
/*responsive start*/
@media (max-width: 767px) {
/*offer start*/
.owl-carousel-offer-homeslider .owl-nav {
display: none !important;
}
.maintitle {
font-size: 14px;
}
#offer-homeslider {
margin-top: 13px;
}
.offer_content_warp p {
font-size: 12px;
}
.owl-carousel-offer-homeslider .owl-dots {
display: block !important;
}
/*offer ends*/
}
/*responsive ends*/
.image_box_nav {
display: block;
text-align: center;
margin-bottom: 13px;
margin-top: 3px;
}
.mobileimage {
display: block;
text-align: center;
margin-bottom: 22px;
margin-top: 4px;
}
.desktop_hide {
display: none;
}
@media(max-width:992px) {
/*27th aug start*/
.booking {
top: 0 !important;
}
.fl_sub_inf {
left: auto !important;
top: 0 !important;
position: relative !important;
}
.multicity_searchbox .nav-tabs>li>a{
padding: 10px 10px 10px 15px !important;
}
/*.ui-widget.ui-widget-content {
width: auto !important;
left: 0 !important;
}*/
.fligthdesk-sorting li {
margin: 0;
}
.fligthdesk-sorting li:nth-child(4) {
margin-left: 0;
}
.fligthdesk-sorting li:nth-child(5) {
margin-left: 0;
}
/*27tha ug ends*/
/*19th aug start*/
.profiletab {
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 0px;
white-space: nowrap;
display: inline-block;
}
.profiletab-list {
display: inline-block !important;
float: none !important;
}
.profiletab {
margin-top: 0;
}
.profiletab li {
margin-right: 1px;
}
.about-section .tab_container {
padding: 5px;
}
.all-wrapper-content {
min-height: 300px;
}
.onewayfilter-fixed {
left: 0 !important;
top: 0 !important;
width: 100% !important;
}
.roundflighttwo {
min-height: 600px;
}
.roundflightone {
min-height: 600px;
}
/*datepicker close btn start 992 */
.ui-datepicker .ui-datepicker-buttonpane {
display: block;
}
.ui-datepicker-close::after {
/* content: "close"; */
content: "x";
background: var(--main-color);
left: 4px;
position: absolute;
width: 100%;
color: #fff;
margin: 0;
width: 33px;
height: 28px;
line-height: 27px;
font-size: 20px;
border-radius: 4px;
top: 0;
}
.ui-datepicker-close {
position: relative;
background: red;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
line-height: 20px;
}
.ui-datepicker-close {
width: 20px !important;
height: 10px !important;
}
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
display: none;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary {
background: none !important;
border: none !important;
}
.ui-datepicker-buttonpane.ui-widget-content {
border: none;
}
.ui-datepicker-buttonpane.ui-widget-content {
border: none;
position: absolute;
top: -7px;
right: 20px;
background: none !important;
}
/*datepicker close btn ends*/
.mobile-mnblock {
overflow-y: hidden;
overflow-x: auto;
margin-bottom: 0px;
white-space: nowrap;
display: inline-block;
width: 100%;
}
.mb-tp_sc {
display: inline-block !important;
float: none;
width: 20%;
}
.sect_tp {
margin-top: 10px;
padding-bottom: 5px;
}
.mb-tp_sc i {
margin-bottom: 5px;
}
.add-adults-body .col-lg-2.col-md-2.col-sm-12.col-12,
.add-adults-body .col-lg-6.col-md-6.col-sm-12.col-12,
.add-adults-body .col-lg-5.col-md-5.col-sm-12.col-12 {
padding-left: 0;
padding-right: 0;
}
#getseatpage {
width: 100%;
float: left;
}
.mobile-mnblock {
display: none;
}
.box h1 {
font-size: 14px;
margin-top: 0;
}
.overlay .breadcrumb {
margin: 0;
}
.overlay .breadcrumb a {
font-size: 12px !important;
}
.bannerclsnewcls {
height: 150px;
}
.bannerclsnewcls img {
height: 100%;
object-fit: cover;
}
/*19th aug ends*/
.desktop_hide {
display: block;
}
.image_box_nav {
display: inline-flex;
text-align: center;
margin-bottom: 13px;
margin-top: 3px;
margin-right: 13px;
}
}
@media (min-width: 768px) and (max-width:992px) {
.navbar-expand-md .navbar-toggler {
display: block;
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid,
.navbar-expand-md>.container-lg,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-sm,
.navbar-expand-md>.container-xl {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: block!important;
-ms-flex-preferred-size: auto;
flex-basis: 100%;
}
.navbar-nav {
display: block;
}
.collapse:not(.show) {
display: none !important;
}
}
.getticket-title {
margin-bottom: 0;
font-size: 20px;
font-weight: 600!important;
margin-top: 10px;
color: #000;
text-transform: capitalize;
}
.all-wrapper-content {
min-height: 500px;
}
.registerno_line:after {
background: #fff !important;
}
@media(max-width:992px) {
.registerno_line:after {
margin-top: 10px !important;
}
}
#bannerslider {
position: relative;
}
#bannerslider .owl-prev {
font-size: 70px;
width: 30px;
top: 40%;
color: #fff;
left: 15px;
height: 30px;
line-height: 0;
position: absolute;
z-index: 100000;
}
#bannerslider .owl-prev {
padding: 0;
margin: 0;
}
#bannerslider .owl-next {
font-size: 70px;
width: 30px;
top: 40%;
color: #fff;
right: 15px;
height: 30px;
line-height: 0;
position: absolute;
z-index: 100000;
}
#bannerslider .owl-next {
padding: 0;
margin: 0;
}
@media(min-width:993px) and (max-width:1080px) {
.flight-clsinpttl2 {
font-size: 11px;
color: #3f3f3f;
text-transform: uppercase;
display: block;
}
#bannerslider .owl-prev {
font-size: 70px;
width: 30px;
top: 60%;
color: #fff;
left: 44%;
height: 30px;
line-height: 30px;
position: absolute;
}
#bannerslider .owl-next {
font-size: 70px;
width: 30px;
top: 60%;
color: #fff;
right: 5%;
height: 30px;
line-height: 30px;
position: absolute;
}
}
.modal{z-index: 10000;}
.member_login_register:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #fff;
top: 0;
right: -14px;
}
.pd_right_0{padding-right: 0px !important;}
.pd_left_0{padding-left: 0px !important;}
.mb_pd_left_0{padding-left:0px !important;}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}
.reset_text_head{font-size: 20px;font-weight: 600;}
.autosugg-list-parent {
height: 100% !important;
}
.fl_sub_inf {
left: 6%;
top: 0;
position: absolute;
}
.multicity_searchbox {
margin-top: 0px;
padding-bottom: 100px;
}
.horizontal-scrollable {
overflow-x: auto;
white-space: nowrap;
display: flex;
}
img.img-fluid.airasia-icon {
width: 35px !important;
}
span.fl-price-published.roundtrip-price-color.ng-binding {
font-size: 15px;
color: #fff;
}
.horizontal-scrollable {
overflow-y: hidden;
}
.multicity_searchbox .nav-tabs>li {
float: left;
margin-bottom: 0px;
}
.multicity_searchbox .nav-tabs>li>a.active {
color: #fff !important;
background: var(--main-color) !important;
}
.multicity_searchbox .nav-tabs>li>a {
margin-right: 4px;
background: aliceblue;
line-height: 22px;
border: 1px solid transparent !important;
border-radius: 0 0 0 0;
color: #333;
font-size: 12px;
font-weight: 600;
display: block;
width: auto;
padding: 10px 15px 10px 15px;
letter-spacing: 1px;
border-radius: 0px 0px 0 0 !important;
}
.mb_flightadd_city{position: absolute !important;top: 0;left: 0;}
@media only screen and (max-width: 992px) {
.member_login_register{border-top: 1px solid #d7d7d7;margin-top: 15px;padding-top: 15px;}
.pd_right_0{padding-right: 15px !important;}
.pd_left_0{padding-left: 15px !important;}
.mb_pd_left_0{padding-left:0px !important;}
.mb_fstname_pd_left_0{padding-left:0px !important;}
.paading_top_0rese{padding-top: 0 !important;}
}
.mb_flightadd_city{position: relative !important;top: 0;left: 0;}
.popupheight .modal-body {
overflow: auto !important;
height: 450px !important;
}