
.bannerMain{
    width:100%;
    padding:450px 0 20px;
    height: 100%;
    min-height: 600px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.banner_text h1 {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    text-shadow: 3px 3px 5px #00000075;
}
.searchMain{
    width:100%;
    margin-top:40px;
}
.HmLogo {
    height: 50px;
    background: url(../images/logo.png) no-repeat left;
    background-size: contain;
}
.SearchBoxMain{
    background:#FFF;
    border-radius:0px 15px 15px 15px;
    padding:25px;
    width:100%;
    display:flex;
    justify-content:center;
}
.Flight_SrchBox{
    width:100%;
}
.flight_tabs_wrpr{
    margin-top:0px;
    margin-bottom:15px;
}
.flight_tabs li a{
    padding:6px 22px;
    line-height:18px;
    transition:all .3s;
    position:relative;
    font-size:14px;
    font-weight:normal;
    color:#4a4a4a;
}
.flight_tabs li a:hover{
    color:#6ecff6;
}
.hm_listMenu a:hover{
    color:#6ecff6;
}
.flight_tabs li a:before {
    border-radius: 50%;
    background: #fff;
    border: 2px solid #b6b6b6;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}
.flight_tabs li a.active:before {
    border-radius: 50%;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    background: #fff;
    border: 2px solid #6ecff6;
}
.flight_tabs li a.active:after {
    border-radius: 50%;
    background-color: #6ecff6;
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 65%;
    margin-top: -8px;
}
.SrchArea{
    width:100%;
}
.FlightArea{
    width:100%;
    position:relative;
}
.HotelArea{
    width:100%;
}
.Insurance_SrchBox{
    width:100%;
    padding-top:0px;
}
.Hotel_SrchBox{
    width:100%;
    padding-top:0px;
}
.Hotel_SrchBox .hmcabinClass label{
	padding: 10px 15px;
}
.Transfers_SrchBox{
	width:100%;
	padding-top:0px;
}

.hm_tran_pic1{
	width:100%;
	display:flex;
	align-items: center;
}


.hm_htl_col_02 .hmfrm{
	width:100%;
}
.hm_htl_col_02 label {
    padding-left: 45px !important;
} 
.Frm_locationIcon {
    background: url(../images/htl_location_icon.svg);
    background-size: contain;
    width: 17px;
    height: 20px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.hm_htl_pd_l label{
	padding-left:15px !important;
}
.hm_htl_col_02.hmArrow:before{
	top: 25px;
	right: 15px;
	z-index:1;
}

.hmtranscol01 {
    width: 50%;
/*    display: flex;*/
    border: 2px solid #ccc;
    border-radius: 12px;
    align-items: center;
}
.hmtranscol01 label {
	padding-left:50px !important;
}


.hmtranscol02 {
    width: 50%;
    display: flex;
    border: 2px solid #ccc;
    border-radius: 12px;
    align-items: center;
    margin-left: 20px;
	position:relative;
}
.hmtranstime{
	display:flex;
	width:50%;
}
.hmtranstime .hmcal {
    width: 45%;
}
.Search_LftOur{
    width:100%;
}
.fl_row {
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
.fl_row:last-child{margin-bottom:5px}
.hmflcol01 {
    width: 65%;
    display: flex;
    border: 2px solid #ccc;
    border-radius: 12px;
    align-items: center;
}
.hmflcol02 {
    width:35%;
    display: flex;
    border: 2px solid #ccc;
    border-radius: 12px;
    align-items: center;
    margin-left: 20px;
    position: relative;
}
.hmfrm {
    width: 48%;
    position: relative;
}
.hmto {
    width: 48%;
    position: relative;
}
.hmflArrow {
    width: 43px;
    background: #f5f6f9;
    border-radius: 5px;
    padding: 5px;
    height: 43px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.hmflonewayArow{
    background: url(../images/flsinglearow.png);
    background-size: contain;
    width:12px;
    height:10px;
    display: inline-block;
    background-repeat: no-repeat;
}
.hmflroundtripArow{
    background: url(../images/fldoublearow.png);
    background-size: contain;
    width:21px;
    height:16px;
    display: inline-block;
    background-repeat: no-repeat;
}
.hmcalIcon {
    background: url(../images/hmcalIcon.png);
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}
.FrmIcon {
    background: url(../images/flfromIcon.png);
    background-size: contain;
    width: 28px;
    height: 22px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.toIcon{
    background: url(../images/ftoIcon.png);
    background-size: contain;
    width: 26px;
    height: 24px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.hmflFrmIcon {
    position: absolute;
    top: 18px;
    left: 15px;
}
.Search_LftOur .hmflcol01 label {
    padding-left: 55px;
}
.hmcal {
    width: 45%;
}
.hmHtlNights {
    width: 20%;
    font-size: 15px;
}
.hmflcol02.hm_htl_col_02.hm_htl_pd_l.hmArrow {
    width: 30%;
}

.hm_col_03 {
    width: 24%;
    display: flex;
    border: 2px solid #ccc;
    border-radius: 12px;
    align-items: center;
    padding: 8px 0;
    margin-right: 20px;
	position:relative;
}
.flsecondRow {
    display: flex;
    width: 85%;
}
.Search_Rht {
    width: 15%;
}
.hm_nonstop input[type=checkbox] + label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    margin-top:16px;
    font-size: 14px;
    position: relative;
}
.hm_nonstop input[type=checkbox] {
    display: none;
}
.hm_nonstop input[type=checkbox] + label:before {
    content: "";
    border-radius: 50%;
    display: inline-block;
    width:22px;
    height:22px;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    background: #fff;
    border:2px solid #b6b6b6;
}
.hm_nonstop input[type=checkbox] + label:active:before {
    transform: scale(0);
}
.hm_nonstop input[type=checkbox]:checked + label:before {
    background: #fff;
    border:2px solid #b6b6b6;
}
.hm_nonstop input[type=checkbox]:checked + label:after {
    background: #6ecff6;
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    left:6px;
    top: 6px;
    border-radius: 50%;
}
.MultiCityRepeat .hmflcol01 {
    width: 60%;
}
.MultiCityRepeat .hmflcol02 {
    width: 25%;
}
.flmultiplusMinus{display: flex; align-items: center;}
button.multiPlus {
    background: #6ecff6;
    border: none;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    margin-left: 20px;
}
button.multiMinus {
    background: #6ecff6;
    border: none;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    margin-left: 20px;
}
.searchBtn {
    background-color: #6ecff6;
    outline: none;
    border: none;
    color: #FFF;
    padding: 15px 30px;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    min-height: 60px;
    border-radius: 12px;
}

.disable{
    opacity:.5;
    pointer-events:none;
}
.Search_LftOur label{
    padding:10px 15px;
    display:flex;
    flex-direction:column;
    cursor:pointer;
    margin:0;
    height:100%;
    justify-content: center;
    width: 100%;
}
.Transfers_SrchBox .Search_LftOur label{
    padding:10px 0px 10px 15px;
}
.hm_col_03.HmTravel.transfersPassengers label{
    padding:10px 15px;
}

.Search_LftOur label input {
    border: 0;
    font-size: 14px;
    color: #4c4c4c;
    font-weight: bold;
    width: 100%;
    height: 25px;
    line-height: 28px;
}
.Search_LftOur label input::placeholder{
    color:#4c4c4c;
}
.Search_LftOur label select {
    border: 0;
    font-size: 14px;
    color: #4c4c4c;
    font-weight: bold;
    width: 100%;
    height: 25px;
    line-height: 28px;
}
.Search_LftOur label select::placeholder{
    color:#4c4c4c;
}

.Search_LftOur label span.AirpCity{
    font-size:14px;
    color:#4a4a4a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.Search_LftOur label span.Frm{
    font-size:14px;
    color:#636363;
    line-height: 16px;
}
.Search_LftOur .daysformay {
    border: 0;
    font-size: 15px;
    color: #4c4c4c;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
     font-weight: bold;
}

.psngerBox{
    margin-top:0px;
    position:absolute;
    z-index:3;
    background:#ffffff;
    left:-1px;
    top:100%;
    padding:15px;
    width:225px;
    color:#2e3738;
    border-radius:10px;
    -webkit-border-radius:10px;
    border:solid #cccccc 1px;
}
.psngerBox .close{
    color:#FFF;
    padding:0;
    margin:0;
    background-image:url(../images/close.svg);
    position:absolute;
    right:10px;
    top:10px;
    border-radius:50%;
    width:22px;
    height:22px;
    opacity:1;
    font-size:25px;
    font-weight:normal;
    background-size:contain;
}
.trvelrsList h4{
    font-size:16px;
    color:#4a4a4a;
    margin:0 0 5px 0;
     font-weight:bold;
}
.trvelrsList .traveller_rows{
    padding:5px 0px;
    border-bottom:solid 1px #e0e0e0;
}
.trvelrsList .travelersLHalf p{
    font-size:14px;
    text-transform:capitalize;
    margin:0 0 0 0;
    line-height:18px;
}
.trvelrsList .travelersLHalf p span{
    font-size:12px;
    opacity:.8;
    display:block;
}
.trvelrsList .travelersRHalf{
    padding-top:5px;
}
.plus-minus-button{
    width:25px;
    height:25px;
    color:#fff;
    padding:0;
    background-color: var(--lightBlue);
    margin:0;
    font-size:18px;
    line-height:17px;
    border:none;
}
.trvelrsList .psnrs_travel{
    width:30px;
    height:25px;
    text-align:center;
    line-height:25px;
}
.passengerBox-cabin{
    margin-top:10px;
}
.passengerBox-cabin select.cabinSelect{
    width:100%;
    height:45px;
    border:solid 1px #ccc;
    margin-bottom:10px;
    border-radius:5px;
    padding-left:10px;
    background-image:url(../images/downArrow.svg);
    box-shadow:none !important;
    outline:0 !important;
    background-position:95%;
    background-size:7px;
    background-repeat:no-repeat;
}
.psngr_applyBox{
 padding-top:10px;
}
.psngr_applyBox button{
    background-color: var(--lightBlue);
    text-align:center;
    color:#FFF;
    border-radius:5px;
    border:none;
}
.hm_colum_01{
    width:20%;
}
.hmOmaniN input[type=checkbox] + label{
    display:block;
    margin:0;
    cursor:pointer;
    padding:0;
    margin-top:12px;
    font-size:14px;
}
.hmOmaniN input[type=checkbox]{
    display:none;
}
.hmOmaniN input[type=checkbox] + label:before{
    content:"\123";
    border:1px solid #ccc;
    border-radius:0;
    display:inline-block;
    width:22px;
    height:22px;
    padding-left:0;
    padding-bottom:0;
    margin-right:5px;
    vertical-align:middle;
    color:transparent;
    transition:.2s;
    background:#f4f4f4;
}
.hmOmaniN input[type=checkbox] + label:active:before{
    transform:scale(0);
}
.hmOmaniN input[type=checkbox]:checked + label:before{
    background-color:#076cb2;
    border-color:#ccc;
    color:transparent;
}
.Fclity_Box_main{
    width:100%;
    padding:50px 0 16px 0;
}
.Fclity_Box ul{
    display:flex;
    justify-content:space-between;
}
.Fclity_Box ul li{
    width:30%;
    position:relative;
}
.Fclity_Box_round{
    width:38px;
    height:38px;
    background:#FFF;
    border:solid var(--darkBlue) 1px;
    position:absolute;
    content:'';
    left:-15px;
    top:-15px;
    border-radius:50%;
    font-size:17px;
    color:var(--darkBlue);
     font-weight:bold;
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:0;
    box-shadow:0px 0px 6px 0px rgb(177 177 177), 8px 0px 16px 25px rgb(60 64 67 / 0%);
}
.Fclity_Box{
    width:100%;
    min-height:90px;
}
.Fclity_Box h2{
    font-size:15px;
    color:#fff;
     font-weight:bold;
}
.Fclity_Box p{
    font-size:14px;color:#fff;font-weight:normal;}
.Fclity_Box_clr1{
    background-color: #388ba7;
    padding:30px 20px 15px 35px;
    border-radius: 5px;
}
.Fclity_Box_clr2{
    background-color: var(--darkBlue);
    padding:30px 20px 15px 35px;
    border-radius: 5px;
}
.Fclity_Box_clr3{
    background-color: var(--lightBlue);
    padding:30px 20px 15px 35px;
    border-radius: 5px;
}
.Fclity_Box2_main{
    width:100%;
    padding:18px 0 18px 0;
}
.Fclity_Box2 ul{
    display:flex;
    justify-content:space-between;
}
.Fclity_Box2 ul li{
    width:30%;
    position:relative;
}
.Fclity_Box2{
    width:100%;
    min-height:90px;
}
.Fclity_Box_clmLft{
    width:60px;
    border-right:solid #999 1px;
}
.Fclity_Box_clm{
    margin-left:60px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-left:solid #cccccc 1px;
}
.customer_support_icon{}
.customer_support_icon::before{
    position:absolute;content:'';
    background:url(../images/customer_support.svg);
    background-size:contain;
    width:30px;
    height:46px;
    left:10px;
    top:10px;
    position:absolute;
    top:50%;
    transform:translate(0%, -50%);
}
.customer_secure_icon{}
.customer_secure_icon::before{
    position:absolute;
    content:'';
    background:url(../images/secure.svg);
    background-size:contain;
    width:35px;
    height:46px;
    left:10px;
    top:10px;
    position:absolute;
    top:50%;
    transform:translate(0%, -50%);
}
.customer_affordable_icon{}
.customer_affordable_icon::before{
    position:absolute;
    content:'';
    background:url(../images/affordable.svg);
    background-size:contain;
    width:44px;
    height:40px;
    left:5px;
    top:10px;
    position:absolute;
    top:50%;
    transform:translate(0%, -50%);
}
.Fclity_Box2 h2{
    font-size:20px;
    line-height:18px;
    color:#4a4a4a;
     font-weight:bold;
    padding-bottom:10px;
}
.Fclity_Box2 p{
    font-size:14px;
    line-height:18px;
    color:#4a4a4a;
    font-weight:normal;margin:0;
}
.SupperOffersMain{
    width:100%;
    padding:18px 0 18px 0;
}
.SupperOffersBox{
    border:solid #cccccc 1px;
    padding:25px 22px 20px 22px;
    box-shadow:1px 3px 10px -3px rgb(217 217 217), 76px 43px 24px 20px rgb(255 255 255);
    border-radius: 5px;
    background:#FFF;
}
.SupperOffersBox h2{
     font-weight:bold;
    font-size:24px;
    line-height:18px;
    color:#4a4a4a;
    padding-bottom:25px;
}
.SupperOffersBox h2 span{
    font-weight:normal;
    font-size:14px;
    color:#076cb2;
    padding-left:18px;
}
.SupperOfrSlide{
    background-color:#fff;
    border:solid #cccccc 1px;
    overflow:hidden;
    border-radius: 5px;
    display:flex;
    box-shadow: 1px 3px 10px -3px rgb(217 217 217), 76px 43px 24px 20px rgb(255 255 255);
}
.SupperOfrSlideIMG{
    width:150px;
    height:201px;
    overflow:hidden;
    position:relative;
}
.SupperOfrSlideIMG img{
    height:100%;
    width:100%;
}
.picFxd{
    position:absolute;
    width:33px;
    height:40px;
    background:#FFF;
    top:0;
    right:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.SupperOfrSlideDtls{
    padding-left:20px;
    padding-top:25px;
    width:70%;
    padding-right:20px;
}
.SupperOfrSlideDtls h5{
    color:#3d454e;
    font-size:17px;
     font-weight:bold;
}
.SupperOfrSlideDtls p{
    color:#3d454e;
    font-size:14px;
    margin-bottom:8px;
}
.SupperOfrSlideCopn{
    width:70%;
    color: var(--lightBlue);
    font-size:14px;
}
.SupperOfrSlideDtls h4{
    color:#ffffff;
    font-size:14px;
     font-weight:bold;
    background-color:#6ecff6;
    padding:10px 10px;
    position:absolute;
    right:0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    
}
.SupperOfrSlide hr{
    border:0;
    height:1px;
    margin-top:15px;
    margin-bottom:15px;
    background-color: var(--lightBlue);
    background:linear-gradient(to right, var(--lightBlue) 30%,#ffffff 30%);
}
.SupperOffersBox .owl-carousel .owl-nav.disabled, .SupperOffersBox .owl-carousel .owl-dots.disabled{
    width:100%;
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:30%;
}
.SupperOffersBox .owl-nav{
    display:flex;
    justify-content:space-between;
    top:-50px;
    position:absolute;
    top:70px;
    width:100%;
    z-index: -2;
}
.SupperOffersBox .owl-carousel .owl-nav button.owl-prev{
    position:relative;
    left:-70px;
}
.SupperOffersBox .owl-carousel .owl-nav button.owl-next{
    position:relative;
    right:-70px;
}
.RL_arrow{
    width:47px;
    height:47px;
    border-radius:10px;
    border:solid #121b25 1px;
    line-height:54px;
    background:#FFF;
}
.Rl_flight{
    width:21px;
    height:15px;
    background:url(../images/flight_slide.png);
    background-size:contain;
    display:inline-block;
}
.Rl_hotel{
    width:22px;
    height:22px;
    background:url(../images/hotel_slide.png);
    background-size:contain;
    display:inline-block;
}
.RlRhtArw{
    width:25px;
    height:21px;
    background:url(../images/slidearrow_lft.png);
    background-size:contain;
    display:inline-block;
    margin-right:-2px;
}
.RlLftArw{
    width:25px;
    height:21px;
    background:url(../images/slidearrow_rht.png);
    background-size:contain;
    display:inline-block;
    margin-left:-2px;
}
.SupperOffersBox h2 .moreIcon{
    width:11px;
    height:11px;
    background:url(../images/slidearrow_rht.png);
    background-size:contain;
    display:inline-block;
    margin: 0 3px;
    top: 1px;
    position: relative;
}
.bestdealsMain{
    width:100%;
    padding:40px 0 18px 0;
}
.bestdealsBox h2{
    color:#121b25;
    font-size:30px;
    font-weight:bold;
}
section.hmHotelDeals h2{
    color:#121b25;
    font-size:30px;
    font-weight:bold;
}

.bestdealsSlideIMG{
    width:100%;
    height:300px;
    overflow:hidden;
    position:relative;
    border-radius: 10px;
}
.bestdealsSlideIMG img{
    height:100%;
    width:100%;
}
.bestdealsSlideDtls {
    padding: 15px 22px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background:url(../images/dealShade.png);
    background-size: cover;
}
.bestdealsSlideDtls h1{
    color:#fff;
    font-size:14px;
     font-weight:bold;
    text-align:center;
    line-height:20px;
}
.bestdealsSlideDtls h2{
    color:#6ecff6;
    font-size:17px;
    font-weight:bold;
    text-align:center;
}
.bestdealsDate{
    width:100%;
    color:#4a4a4a;
    font-size:13px;
    text-align:center;
}
.bstdls_center{
    padding:0 8px;
     font-weight:bold;
    font-size:16px;
}
.bstdealsPrice p{
    text-align:center;
    font-size:18px;
        color: var(--lightBlue);
    margin:0;
    padding-top:5px;
}
.bstdealsPrice p span{
    text-align:center;
    font-size:18px;
    color: var(--lightBlue);
    padding:0 2px;
}
.bestdealsBox .owl-nav {
    display: flex;
    position: absolute;
    top: -90px;
    width: auto;
    z-index: 2;
    right: 0px;
}
.bestdealsBox .owl-carousel .owl-nav button.owl-prev{
    position:relative;
    left:-10px;
}
.bestdealsBox .owl-carousel .owl-nav button.owl-next{
    position:relative;
    right:0px;
}
.bestdealsBox .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.bestdealsBox .owl-dots {
    text-align: center;
    margin-top: 15px;
}
.bestdealsBox .owl-dots button.owl-dot {
    background: #c0c6ca;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 5px;
}
.bestdealsBox button.owl-dot.active {
    background: #6ecff6;
}
.BestDlsTabFlight{
    width:100%;
    padding-top: 30px;
}

.hmhtlDeals01 {
    width:48%;
    margin-right: 20px;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}
.hmhtlDeals01 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDeals02 {
    width:24%;
     margin-right: 20px;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}
.hmhtlDeals02 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDeals03 {
    width:24%;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
     cursor: pointer;
}
.hmhtlDeals03 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDeals04 {
    width:23%;
    margin-top: 20px;
     margin-right: 20px;
     overflow: hidden;
    border-radius: 10px;
     cursor: pointer;
}
.hmhtlDeals04 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDeals05 {
    width:23%;
    margin-top: 20px;
     margin-right: 20px;
     overflow: hidden;
    border-radius: 10px;
     cursor: pointer;
}
.hmhtlDeals05 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDeals06 {
    width: 50%;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
     cursor: pointer;
}
.hmhtlDeals06 img {
    height: 244px;
    width: 100%;
    border-radius: 10px;
}
.hmhtlDealDtls {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    background: url(../images/dealShade2.png);
    background-size: cover;
    width: 100%;
    padding-bottom:15px;
}
.hmhtlDealDtls h1{
    font-size:16px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 5px;
}
.hmhtlDealDtls  h3{
    font-size:16px;
    color: #6ecff6;
    font-weight: bold;
}
.hmhtlDealDtls h3 span.perroom{
    font-size:13px;
    color: #fff;
    font-weight: normal;
    padding-left: 5px;
}

.hmhtlStar {
    background-image: url(../images/star_rating_home.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 15px;
    display: inline-block;
    margin: 0px 0;
}
.hmhtlStar.fivestar {
    background-position: 0px 0px;
    width: 80px;
    height: 15px;
    background-size: cover;
}
.hmhtlStar.fourstar {
    background-position:0px -18px;
    width: 80px;
    height: 15px;
    background-size: cover;
}
.hmhtlStar.threestar {
    background-position:0px -34px;
    width: 80px;
    height: 15px;
    background-size: cover;
}
.hmhtlStar.twostar {
    background-position:0px -50px;
    width: 80px;
    height: 15px;
    background-size: cover;
}
.hmhtlStar.onestar {
    background-position:0px -68px;
    width: 80px;
    height: 15px;
    background-size: cover;
}
.hmhtlStar.zerostar {
    background-position:0px -86px;
    width: 80px;
    height: 15px;
    background-size: cover;
}



.BstDlsstar{
    background-image:url(../images/hmstar.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:100px;
    height:40px;
    margin:0 auto;
}
.BstDlsstar.fivestar{
    background-position:-2px 2px;
    width:73px;
    height:20px;
    background-size:cover;
}
.BstDlsstar.fourstar{
    background-position:-2px -17px;
    width:73px;
    height:20px;
    background-size:cover;
}
.BstDlsstar.threestar{
    background-position:-2px -37px;
    width:73px;
    height:20px;
    background-size:cover;
}
.BstDlsstar.twostar{
    background-position:-2px -56px;
    width:73px;
    height:20px;
    background-size:cover;
}
.BstDlsstar.onestar{
    background-position:-2px -76px;
    width:73px;
    height:20px;
    background-size:cover;
}
.BstDlsstar.zerostar{
    background-position:-2px -95px;
    width:73px;
    height:20px;
    background-size:cover;
}

.hmsubscribeBox {
    border-radius: 10px;
    padding:25px 20px;
    background: #fff;
    box-shadow: 0px 1px 7px #00000073;
}
.hmsubscribeicon img{width: 62px; height: 49px;}
.subScribetext h2{font-size: 22px; font-weight: bold; color:#475158; padding-bottom:6px}
.subScribetext p{font-size: 14px; color: #475158}
.hmsubscribeicon {
    margin-right: 20px;
}
section.hmSubscribes {
    padding: 50px 0;
}
.subscription_form.d-flex {
    width: 100%;
}
.txtfldLeft {
    width: 70%;
}
.btnRight {
    width: 30%;
}
button.subscribeBtn {
    background:#6ecff6;
    color: #fff;
    height: 58px;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.subscription_form input {
    border-radius: 10px 0 0 10px;
    border: 1px solid #ccc;
    height: 58px !important;
    font-size: 14px;
}
.foot_bg{
    background-image:url(../images/footer_bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;
    width:100%;
    height:100%;
}
.appBg {
    background-image: url(../images/app_downloadBanner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 407px;
    padding-top: 125px;
    padding-left: 50px;
    margin-bottom:40px;
    border-radius: 10px;
}
.appBg h2{
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px;
}
.appBg p{
    font-size:14px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 30px;
}
.qrcode {
    margin-right: 25px;
}
.apps span{font-size:16px; font-weight: bold; color: #fff;padding-left: 20px}
.foot_top{width: 100%; border-bottom: 1px solid #95745a;}
img.footerLogo{width: 120px; height: 105px}
.socialMedia img{width: 36px; height: 36px}

ul.socialMedia li {
    padding-left:7px;
}
.foot_center{width: 100%; border-bottom: 1px solid #95745a;padding:30px 0}
.foot_mail {
    text-align: center;
    width: 30%;
}
.foot_mail h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 5px;
}
.foot_mail p{font-size:14px; font-weight: normal; color: #fff;}
.foot_bottom {
    padding: 25px 0;
}
.foot_bottom ul li a {
   color: #fff;
   font-size: 13px;
}
.foot_menu li{padding-right: 15px}
.Copyright {
    color: #fff;
    font-size: 13px;
}

.hmArrow {
  position: relative;
}
select.form-control.Frm {
    border: none;
    padding: 0px 15px;
    font-size: 14px;
}
.hmcabinClass label{padding:0px}
.hmArrow:before {
    content: '';
    position: absolute;
    top: 5px;
    right: -5px;
    background-image: url(../images/downArrow.svg) !important;
    width: 11px;
    height: 11px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.hmcabinClass.hmArrow:before {
    content: '';
    position: absolute;
    top: 25px;
    right:15px;
    background-image: url(../images/downArrow.svg) !important;
    width: 11px;
    height: 11px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.hmArrow.show:before{
    background-image: url(../images/upArrow.svg);
}
.sticky .hmArrow:before {
  content: '';
  position: absolute;
  top: 4px;
  right: -8px;
  background-image: url(../images/downArrow-blue.svg) !important;
  width: 11px;
  height: 11px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
 
.FmulticityBtn {
  font-size: 18px;
  margin-right: 4px;
  font-weight: bold;
}
.FmulticityBtn button {
  min-width: 40px;
  height: 40px;
  width: 40px;
    background:#fff;
    border:solid 2px var(--lightBlue);;
    margin-right: 5px;
    color:var(--darkBlue);;
}
.FmulticityBtn button i{
  font-style:normal;
}

.insu_hm {
    display: flex;
    padding-bottom: 10px;
}
.insu_hm [type="radio"]:checked + label:before, .insu_hm [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background: none;
    margin-top: 0px;
}
.insu_hm [type="radio"]:checked + label, .PassngerBox .insu_hm [type="radio"]:not(:checked) + label {
    color: #2e3738;
    margin-bottom: 0;
}
.insu_hm [type="radio"]:checked + label, .insu_hm [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 0px;
    display: inline-block;
    color: #000000;
}
.insu_hm [type="radio"]:checked + label:after, .PassngerBox .insu_hm [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: var(--lightBlue);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
}
.insu_hm [type="radio"]:checked, .insu_hm [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.insu_hm [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.room-repeat {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    padding-top: 0px;
	margin-bottom: 10px;
}
.room-repeat h3 {
	font-size: 14px;
	color: #4a4a4a;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bold;
}
.room-repeat ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.room-repeat ul li {
    margin-bottom: 5px;
    width: 48%;
}
.room-repeat p {
    margin-bottom: 5px;
    font-size: 12px;
}
.addRoom, .addRoom:hover, .addRoom:focus {
    color: #272a68 !important;
    text-decoration: none !important;
    cursor: pointer;
	font-size: 13px;
}
.removeRoom, .removeRoom:hover, .removeRoom:focus {
    color: #076cb2 !important;
    text-decoration: none !important;
    cursor: pointer;
	font-size: 13px;
}
.room-repeat .psnrs_travel {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
}
.home_FaretypeList {
    width: 100%;
    padding: 12px 0 0 0;
}
.home_FaretypeList ul {
    width: 100%;
    display: flex;
    justify-content: end;
}
.home_FaretypeList ul li {
    width: 10%;
    margin-right: 8px;
}
.home_FaretypeList ul li:first-child {
    width: 6%;
}
.home_FaretypeList h3 {
    font-size: 13px;
}
.FaretypeListRdo {
    display: flex;
    padding-bottom: 0px;
}
.FaretypeListRdo [type="radio"]:checked + label:before, .FaretypeListRdo [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: none;
    margin-top: 0px;
}
.FaretypeListRdo [type="radio"]:checked + label, .PassngerBox .FaretypeListRdo [type="radio"]:not(:checked) + label {
    color: #2e3738;
    margin-bottom: 0;
}
.FaretypeListRdo [type="radio"]:checked + label, .FaretypeListRdo [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 5px;
    padding-left: 23px;
    cursor: pointer;
    line-height: 16px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    background-color: #093b55;
    border-radius: 5px;
    margin-bottom: 0;
}
.FaretypeListRdo [type="radio"]:checked + label:after, .PassngerBox .FaretypeListRdo [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 13px;
    height: 13px;
    background-color: var(--lightBlue);
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
}
.FaretypeListRdo [type="radio"]:checked, .FaretypeListRdo [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.FaretypeListRdo [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.superOffer_more {
    text-align: center;
    color: #076cb2;
}
.superOffer_more a {
    text-align: center;
    color: var(--lightBlue);
    display: block;
    padding-top: 15px;
}
.moreIcon {
    width: 12px;
    height: 12px;
    background: url(../images/slidearrow_rht.svg);
    background-size: contain;
    display: inline-block;
    margin-right: 0;
    position: relative;
    top:3px;
}
.bestdealsPrice {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    color: #FFF;
    font-size: 16px;
    padding: 8px 10px;
    background-color:rgba(0,0,0,0.5);
}
.bestHlf {
    width: 50%;
}
.bestHlf:nth-child(1) {
    text-align: left;
}
.bestHlf:nth-child(2) {
    text-align: right;
}
.bestHlf:nth-child(2) span:nth-child(1){
    padding-right: 5px;
}
.clearBtn {
    font-size: 0;
    background: url(../images/hm_clear.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 10px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    background-size: contain;
}




.FlightHotel_SrchBox {
    width: 100%;
    padding-top: 15px;
}
.flightineedMain {
    position: relative;
    flex-direction: column;
    display: inherit;
}
.flightineed {
    display: flex;
    align-items: center;
}
.Search_Rht_FH {
    width: 12%;
    position: absolute;
    top: 0;
    right: 0;
}
.hm_col_01_FH {
    width: 25%;
    position: relative;
}
.hm_col_02_FH {
    width: 100%;
    padding: 10px;
    position: relative;
}
.fh_ineed-show {
    width: 22%;
    display: flex;
    margin-top: 10px;
    border: solid #cccccc 1px;
    border-radius: 5px;
}
.htlNeed {
}
.hmStops input[type=checkbox] + label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    margin-top: 12px;
    font-size: 14px;
}
.hmStops input[type=checkbox] {
    display: none;
}
.hmStops input[type=checkbox] + label:before {
    content: "\123";
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    width: 1em;
    height: 1em;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    background: #f4f4f4;
}
.hmStops input[type=checkbox] + label:active:before {
    transform: scale(0);
}
.hmStops input[type=checkbox]:checked + label:before {
    background-color: #6ecff6;
    border-color: #6ecff6;
    color: transparent;
}
.Package_SrchBox{
    width: 100%;
    padding-top: 15px;
}
.categry .dropdown {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
 
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
      color: #000000;
  height: 100%;
  display: flex;
    align-items: center;
}
.categry .dropdown .select {
    cursor: pointer;
    display: block;
    
    font-size:18px;
}
.categry .dropdown .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}
 
.categry .dropdown:active {
    
}
.categry .dropdown.active:hover,
.categry .dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.categry .dropdown.active .select > i {
    transform: rotate(-90deg)
}
.categry .dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.categry .dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.categry .dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.categry .dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.categry .dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}

.MultiCityRepeat .hmcal {
    width: 100%;
}



.hm_preferedMain .hm_col_01 {
    width: 20%;
    position: relative;
}

.hm_preferedMain{
    width:100%;
    position:absolute;
    bottom: -5px;

}
.hm_preferedMain label span.Frm {
    font-size: 14px;
    color: #4a4a4a;
    text-transform: uppercase;
}

.hm_preferedMain label {
    border-radius: 5px;
    border: solid #cccccc 1px;
    padding: 5px 15px;
}

.hm_preferedMain label input {
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    height: 20px;
    line-height: 28px;
}

.hm_preferedMain label input::placeholder{
    color:#000000;
}

.hm_prferdbox{
    display:flex;
    
}
.hm_nonstop label {
    border: none;
    padding:0!important;
}
.hm_pckg_dropdown{
	width:300px;
	background:#FFF;
	border:solid #6ecff6 2px;
	position: absolute;
    z-index: 1;
	border-radius:12px;
	padding:5px 15px;
}
.hm_pckg_dropdown ul{
}
.hm_pckg_dropdown ul li i{
	padding-right:8px;
}
.hm_pckg_dropdown ul li a {
    font-size:14px;
    color:#4c4c4c;
    padding: 0px;
}
.hm_pckg_dropdown ul li {
    padding: 10px 0;
    border-bottom:solid #cccccc 1px;
    font-size:14px;
    color:#4c4c4c;
}
.hm_pckg_dropdown ul li:last-child {
    border-bottom:none;
}
.hm_pckg_dropdown::after {
	background:url(../images/pckg_arrow.png) no-repeat;
    bottom: 100%;
    content: " ";
    left: 25%;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    width: 18px;
	height: 14px;
}
li.agency_Wallet img {
    width: 20px;
}

li.agency_Wallet {
    display: inline-block;
    /*width: 100%;*/
    color: #3a4550;
    font-size: 16px;
    font-weight: 600;
    /*padding: 10px 0;*/
}
.bestdealsBox p{margin-bottom: 0px}
.hmHotelDeals p{margin-bottom: 0px}
.trans_auto_pd label{
	padding-left: 48px !important;
}

span.Frm.hmArrow {
    color: #4c4c4c;
    font-weight: bold;
}

#hotelSearchBox .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#hotelSearchBox .location_icon_auto{
	background-position: right;
}

#insSerchBox .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#insSerchBox .location_icon_auto{
	background-position: right;
}

#insSerchBoxTo .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#insSerchBoxTo .location_icon_auto{
	background-position: right;
}

.comingSoon p {
    margin-bottom: 0;
    font-size: 16px;
    color: #6ecff6;
}
.menuLinks .agency_Wallet .dropdown-menu {
    padding: 10px 15px 10px 15px;
}
.menuLinks .agency_Wallet .dropdown-item {
    padding: 5px 0;
}
p.mb-0.hmcabinCls {
    font-size: 13px;
    color: #4c4c4c;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: bold;
}




