@import url('color-theme.css');

.iconcal {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    background-position: -31px -50px;
    background-image: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/headerstrip.png);
    background-repeat: no-repeat
}

.calicindiv {
    background-color: #fff;
    position: relative
}

.carousel-inner,
.slider_wrap .addcarousel_slide .item img {
    min-height: 406px
}

.br_tabblue,
.formElement2,
.hdetails,
.hdetails>.col2,
.hroom-box,
.hroom-l,
.hroom-r,
.pager .previous a,
.rating,
.rating ul li {
    float: left
}

.br_colorline::before,
.cen::after,
.cen::before,
.destination_div::before,
.drop_down_field ul::before,
.markup_div::before,
.nationalityhotel_div::before,
.packdestination_div1::before,
.rating_new .soap-icon-star-1,
.save_price_banner:before,
.ser_circle4,
.ser_circle5,
.strike>.test::after,
.strike>.test::before {
    content: ""
}

.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.br_tabblue,
.child_age,
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lg-pr0 {
    padding-right: 0
}

.wd50 {
    width: 50%
}

.pt0 {
    padding-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb6 {
    margin-bottom: 6px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl0 {
    padding-left: 0 !important
}

.pr5 {
    padding-right: 5px !important
}

.mt5 {
    margin-top: 5px
}

.mt15 {
    margin-top: 15px
}

.mb40 {
    margin-bottom: 40px
}

.mt25 {
    margin-top: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.mr50 {
    margin-right: 50px !important
}

.p0 {
    padding: 0 !important
}

.ml0 {
    margin-left: 0
}

.font-13 {
    font-size: 13px !important
}

.font-14 {
    font-size: 14px !important
}

.font-36 {
    font-size: 36px
}

.pl7 {
    padding-left: 7px !important
}

.font-18 {
    font-size: 18px
}

.lg-pl5 {
    padding-left: 5px
}

.mb5 {
    margin-bottom: 5px !important
}

ul {
    padding: 0;
    list-style-type: none
}

.drop_down_name,
.lg-pl10 {
    padding-left: 10px
}

.col_wh,
.pref_bw {
    color: #fff
}

.mb17 {
    margin-bottom: 17px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.pr0 {
    padding-right: 0 !important
}

.mr10 {
    margin-right: 10px !important
}

.mainsearch_section {
    position: relative;
    z-index: 1
}

.active,
.carousel,
.carousel-inner,
.item {
    height: 100%
}

.addcarousel_slide {
    border-top: 2px solid var(--main-web-color)
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right,
.carousel-control.left,
.fa-times {
    background: 0 0 !important
}

.appclosebtn::before {
    z-index: 1 !important
}

.fa .fa-chevron-down,
.fa-angle-left,
.fa-angle-right,
.fa-times {
    font-family: FontAwesome;
    font-style: normal
}

.fa-times::before {
    content: "\f00d"
}

.fa .fa-chevron-down:before {
    content: "\f078";
    font-style: normal
}

.fa-angle-left::before {
    content: "\f104"
}

.fa-angle-right::before {
    content: "\f105"
}

.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: .5;
    padding-top: 10.25%;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 0;
    width: 5%;
    display: none
}

.slider_wrap .fa-angle-left,
.slider_wrap .fa-angle-right {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    position: absolute;
    top: 40%;
    z-index: 5
}

.slider_wrap .tab-container .tabs li {
    width: 150px
}

.tab_back ul.tabs li.active>a,
.tab_back ul.tabs li:hover>a {
    background: rgba(0, 0, 0, .4) !important
}

.tab-container ul.tabs li.active>a,
.tab-container ul.tabs li:hover>a {
    background: #fff;
    color: #333
}

.hotelbanmain .rotate3 {
    background-position: -100px -36px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 13px;
    top: 15px;
    width: 30px
}

.strike>.test::after,
.strike>.test::before {
    border: 1px solid #e7e7e7;
    height: 1px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 9999px
}

.ser_circle4_new {
    left: -17px
}

.tab_back ul.tabs li.active>a,
.tab_back ul.tabs li:hover>a {
    border: 2px solid rgba(0, 183, 241, .8);
    border-bottom: none;
    color: #fff !important
}

.slider_wrap .tab_back ul.tabs li a {
    color: #1a2b49
}

.tab_back ul.tabs li a {
    background-color: #fff;
    border: 2px solid #fff;
    color: #75787b
}

.tab-container .text_lower li a {
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important
}

.author .name,
.box-title,
.breadcrumbs,
.icon-box.style1,
.icon-box.style2,
.icon-box.style3 .description,
.icon-box.style5,
.mile,
.post-meta,
.post-title,
.price,
.price-wrapper,
.s-title,
.search-results-title,
.title,
a.button,
button,
dl,
label,
span.info,
ul.tabs a {
    letter-spacing: normal !important
}

.slider_wrap .tab-content {
    border: 2px solid rgba(0, 183, 241, .8);
    border-top: none
}

.quottabpane-ht {
    min-height: 180px !important
}

.serach_back {
    background: rgba(0, 0, 0, .4) !important
}

.empty_cart,
.icon_addr .travelo-box,
.left_contact .travelo-box,
.over_fl,
.search_loading,
.sort_wrap,
.step,
.step li,
.step_div,
.txt-wrap-hide {
    overflow: hidden
}

.wd100 {
    width: 100% !important
}

.br_lf142 {
    margin-left: 142px
}

.br_tabblue {
    border: 1px solid rgba(0, 183, 241, .8);
    width: 100%
}

.dest_wh {
    width: 350px
}

.check_wh,
.dest_wh,
.nation_wh {
    height: 39px !important
}

.lg-pos-rel {
    position: relative
}

.location_img {
    background-position: -26px -165px;
    height: 34px;
    position: absolute;
    right: 12px;
    top: 2px;
    width: 32px
}

.serrestobook {
    float: left;
    height: 30px;
    margin-top: 0 !important;
    width: 35px
}

.drop_down_name,
.ht39px {
    height: 39px !important
}

.reasonwrapper .livechatsupp {
    background-position: -44px -138px !important
}

.reasonwrapper .easytrans {
    background-position: -99px -138px !important
}

.reasonwrapper .securetrans {
    background-position: -131px -138px !important
}

.reasonwrapper .guestrevrate {
    background-position: -169px -138px !important;
    margin-right: 12px;
    width: 24px
}

.change_sercal .selector span.custom-select::before,
.lg-change_sercal .selector span.custom-select::after,
.lg-change_sercal .selector span.custom-select::before {
    background: #fff
}

.check_wh {
    width: 175px
}

.mt-310px {
    margin-top: -310px
}

.input_br {
    border: thin solid #e9e9e9
}

.nation_wh {
    width: 195px
}

.rotate3 {
    position: absolute;
    right: 13px;
    top: 12px
}

.drop_down_name {
    background-color: #fff;
    border-left: 1px solid #e9e9e9;
    color: #767676;
    cursor: pointer;
    line-height: 38px;
    position: relative
}

.pref_show,
.rotate3 {
    z-index: 1
}

.tbl_row input.input-text,
.tbl_row_hotel input.input-text,
select,
span.custom-select,
textarea {
    padding-left: 5px !important
}

.change_sercal span.custom-select {
    background: #fff;
    height: 39px
}

.selector span.custom-select::after {
    border: none !important;
    height: 9px;
    top: 12px;
    width: 11px
}

.drop_down_field ul {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    display: block;
    margin: 26px 0 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.drop_down_field ul::before {
    border-bottom: 20px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    display: block;
    height: 0;
    margin: -20px 0 0 326px;
    position: absolute;
    width: 0
}

.add_room_btn_wrapper .addroom_btn,
.add_room_btn_wrapper .doneadded,
.add_room_btn_wrapper .removeroom {
    background-color: #f6f6f6;
    line-height: 25px;
    margin-top: 10px;
    color: #434343;
    float: left;
    cursor: pointer;
    text-align: center
}

.addroom,
.addroom1 {
    width: 366px !important;
    z-index: 2
}

.drop_down_field ul li {
    height: auto;
    transition: all .5s ease 0s
}

.add_room_wrapper {
    margin-bottom: 30px
}

.add_room_btn_wrapper .addroom_btn {
    border-radius: 3px;
    margin-right: 10px
}

.add_room_btn_wrapper .addroom_btn,
.add_room_btn_wrapper .removeroom {
    border: thin solid #ccc;
    height: 26px;
    width: 110px !important
}

.add_room_btn_wrapper {
    border-top: 1px solid #d2d2d2;
    height: 46px;
    padding-left: 20px;
    width: 100%
}

.add_room_btn_wrapper .doneadded {
    border: thin solid #ccc;
    border-radius: 3px;
    height: 26px;
    width: 50px !important
}

.lg-mr20 {
    margin-right: 20px
}

.bort_none {
    border-top: medium none !important;
    margin-top: -16px
}

.rooms {
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    padding-left: 20px
}

.text_box_wrapp {
    overflow: hidden;
    padding-left: 20px;
    width: 100%
}

.Child_wrapp,
.adult_wrapp {
    float: left;
    height: auto;
    width: 110px
}

.Child_lbl,
.Unit_lbl,
.adult_lbl {
    color: #434343;
    font-size: 14px
}

.sm_txt {
    color: #88898b;
    font-size: 11px;
    height: 22px
}

.counter_wrapper {
    height: 32px;
    width: 85px
}

.minus {
    background-color: #f6f6f8;
    font-size: 17px;
    line-height: 33px
}

.count_pre {
    background-color: #fff;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    font-size: 14px;
    line-height: 29px
}

.count_pre,
.minus,
.plus {
    float: left;
    height: 32px;
    text-align: center;
    width: 27px
}

.plus {
    background-color: #f6f6f8;
    font-size: 17px;
    line-height: 33px
}

.minus,
.plus {
    border: 1px solid #cecece;
    cursor: pointer
}

.Unit_wrapp {
    float: left;
    height: auto;
    width: 92px
}

.child_age {
    color: #434343;
    font-size: 14px;
    overflow: hidden;
    padding-top: 10px;
    width: 100%
}

.lg-mr35 {
    margin-right: 35px
}

.lg-change_sercal span.custom-select {
    background: #fff;
    height: 39px
}

.width_auto {
    width: auto !important
}

.markup_W {
    width: 132px
}

.rating ul li {
    display: inline;
    list-style: none
}

.rating li:not(:checked)>input {
    top: -9999px;
    position: fixed !important
}

.change_sercal .rating li:not(:checked)>label {
    height: 39px;
    width: 39px
}

.rating li:not(:checked)>label {
    background: #f5f5f5;
    border: thin solid #e9e9e9;
    color: #908888;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 34px;
    line-height: 31px;
    overflow: hidden;
    padding: 1px 0 0 3px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    width: 35px
}

.change_sercal .rating li>input:checked~label,
.open_div .rating li>input:checked~label {
    background-color: #00b7f1;
    border-right: 1px solid #fff;
    color: #fff
}

[class*=" soap-icon"]::before,
[class^=soap-icon]::before {
    display: inline-block;
    font-family: soap-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none
}

.font-24,
.font_b,
.select_item {
    font-weight: 700
}

.pref_bw {
    border-bottom: 1px dashed #fff;
    cursor: pointer;
    height: 27px;
    width: 127px
}

.serarrow_img {
    background-position: -25px -147px !important;
    margin-left: 5px;
    width: 21px !important
}

.mar_w100 {
    width: 100px !important
}

.line_h24 {
    line-height: 24px
}

.rotate {
    transition: all .2s linear 0s
}

.destination_div::before {
    border-bottom: 10px solid #fff;
    width: 0
}

.destination_div {
    left: -1px;
    position: absolute;
    width: 102px !important;
    z-index: 2
}

.des_wrapper {
    border: 2px solid #d2d2d2;
    height: auto;
    margin-top: 14px;
    position: absolute;
    width: 300px
}

.des_wrapper,
.nav-dropdown_mydiv {
    background-color: #fff;
    box-shadow: 0 4px 9px -1px rgba(0, 0, 0, .5)
}

.added_destination {
    max-height: 170px;
    overflow-x: hidden;
    padding-bottom: 10px
}

.list_des {
    float: left;
    height: 32px;
    min-width: 110px;
    padding: 9px 0 4px 13px;
    width: 50%
}

.checkbox input {
    cursor: pointer !important
}

.nationalityhotel_div::before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    height: 0;
    margin: 5px 0 0 81px;
    position: absolute;
    width: 0
}

.nationalityhotel_div {
    left: -1px;
    position: absolute;
    width: 102px !important;
    z-index: 2
}

.drop_down_field_com ul {
    background-color: #fff;
    border: 2px solid #d2d2d2;
    display: block;
    margin: 15px 0 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.drop_down_field ul,
.drop_down_field_com ul {
    box-shadow: 0 4px 9px -1px rgba(0, 0, 0, .5);
    list-style-type: none
}

.nationalityhotel_div ul {
    left: -98px;
    width: 200px !important
}

.nati_txt {
    border-bottom: medium none !important;
    box-shadow: none !important;
    height: 30px;
    z-index: 181
}

.drop_down_field_com ul li {
    height: auto;
    transition: all .5s ease 0s
}

.hotel_deals figure a img,
.pack_world1 figure a img,
.visa_world figure a img,
.visa_world1 figure a img {
    transition: all .3s ease 0s
}

.nationalityhotel_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 8px 0 8px 10px
}

.Hnationality_txt {
    height: 30px;
    padding-left: 10px;
    width: 90%
}

.star_rating_div::before {
    width: 0
}

.star_rating_div {
    left: -1px;
    position: absolute;
    width: 102px !important;
    z-index: 2
}

.star_rating_div ul {
    left: -27px;
    padding: 4px 4px 0;
    width: 189px
}

.star_rating_div li {
    color: #505050
}

.markup_div::before {
    border-bottom: 10px solid #fff;
    width: 0
}

.destination_div::before,
.markup_div::before,
.packdestination_div1::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    height: 0;
    margin: 5px 0 0 81px;
    position: absolute
}

.markup_div {
    left: -1px;
    position: absolute;
    width: 102px !important;
    z-index: 2
}

.scroll_div {
    border: thin solid red;
    height: 222px;
    overflow-x: hidden;
    position: absolute;
    width: 110px
}

.markup_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 5px 0 5px 8px
}

.select_item {
    background-color: #eee;
    color: #00b7f1 !important
}

.currency_div::before {
    width: 0
}

.currency_div::before,
.star_rating_div::before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: 5px 0 0 81px;
    position: absolute
}

.currency_div ul {
    left: -52px;
    padding: 0;
    width: 156px
}

.currency_div li {
    border-bottom: 1px solid #ddd;
    color: #505050;
    padding: 4px 10px
}

.btn_sear_style3 {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 24px;
    line-height: 20px;
    width: 57px
}

.add_destination {
    border-top: 2px solid #d2d2d2;
    clear: both;
    height: 48px;
    padding: 8px !important
}

.add_des_txtbox {
    padding: 0 4px;
    width: 166px
}

.add_des_txtbox,
.add_desbutton {
    border: thin solid #ccc;
    float: left;
    height: 30px
}

.add_desbutton {
    background-color: #f6f6f6;
    border-left: medium none;
    border-radius: 0 3px 3px 0;
    color: #434343;
    cursor: pointer;
    line-height: 30px;
    padding: 0 9px 0 6px;
    text-align: center
}

.font-24 {
    font-size: 24px !important
}

.line_36,
.markup_W span,
.nation_wh span {
    line-height: 36px !important
}

.col_ed1b24 {
    color: #f98e00
}

.borderr-d1 {
    border-right: 1px solid #d1d1d1;
    min-height: 80px
}

.reasonwrapper {
    background-color: #f4f2f0;
    border-bottom: 1px solid #eee
}

.ser_line_center {
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    position: relative;
    border-radius: 3px
}

.ht303px {
    height: 303px !important
}

.pack_cir_info {
    bottom: 0;
    left: 20px
}

.dest_icon,
.pack_cir_info {
    position: absolute;
    top: 20px
}

.pack_dest .pdest_circle {
    background: #1d519a;
    border-radius: 50%;
    height: 136px;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 133px
}

.dest_icon {
    height: 136px;
    text-align: center;
    width: 127px
}

.font-30::before {
    font-size: 30px !important
}

.pack_world1 .box:hover img {
    transform: scale(1.1)
}

.exppackage_world .image_info_pack:hover .imgbg {
    opacity: .1;
    visibility: hidden
}

.dubai-visa-strip {
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/dubai-visa-strip1.png) rgba(0, 0, 0, 0);
    bottom: -117px;
    height: 85px;
    left: -3px;
    position: absolute;
    width: 373px
}

*,
::after,
::before {
    box-sizing: border-box
}

.visa_txt {
    display: table;
    height: 80px;
    margin-left: 80px
}

.back_txt_visa,
.height_281 .imgbg,
.pos_abs,
.visa_txt {
    position: absolute
}

.pos-rel,
.tour-pos-rel {
    position: relative
}

.visa_bookn {
    float: right;
    margin-right: 8px;
    margin-top: 32px
}

.visa_bookn,
.visa_txt {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.ht256-visa {
    height: 256px !important;
    width: 376px !important
}

.hotel_deals .box:hover img {
    opacity: .7;
    transform: scale(1.1)
}

.visa_world .box:hover img {
    opacity: 1;
    transform: scale(1.1)
}

.visa_world1 .box:hover img {
    opacity: .7;
    transform: scale(1.1)
}

.tour-new .tour-hover-effect img {
    transition: all .4s ease-out 0s
}

.tour-new .wh370T {
    height: 223px !important;
    width: 370px !important
}

.animate_div {
    bottom: 0;
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%
}

.tour-new ul li article .tour-pos-rel .tour-prz-1,
.tour-new ul li article .tour-pos-rel .tour-prz-2,
.tour-new ul li article .tour-pos-rel .tour-prz-3 {
    background: #000;
    height: 70px;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%
}

.tour-new .price-rate-tour {
    color: #fff;
    line-height: 15px;
    min-width: 100px;
    position: absolute;
    right: 11px;
    text-align: right;
    top: 5px;
    width: auto
}

.tour-new .price-set-TOUR {
    color: #fff;
    font-size: 13px;
    margin-bottom: 3px
}

.tour-new .Tour-rate-aed {
    color: #fff;
    display: inline;
    font-size: 20px;
    font-weight: 600;
    padding-left: 3px
}

.tour-new .aed-save,
.tour-new .aed-span {
    color: #fff;
    font-size: 12px
}

.top-aed-span,
.tour-new .aed-span {
    text-decoration: line-through
}

.animate_div2 {
    bottom: 0;
    height: 50px;
    left: 8px;
    position: absolute
}

.tour-new .tour-new-name1 {
    background: #e1862b;
    bottom: 0;
    position: absolute;
    right: 0;
    width: 261px
}

.tour-name-abu {
    bottom: 0;
    color: #fff;
    display: table;
    font-size: 15px;
    font-weight: 600;
    height: 60px;
    left: 5px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 200px
}

.tour-display-new {
    display: table-cell;
    vertical-align: middle
}

.tour-new ul li article .tour-pos-rel .tour-btn1,
.tour-new ul li article .tour-pos-rel .tour-btn2,
.tour-new ul li article .tour-pos-rel .tour-btn3 {
    background: #8a523c
}

.tour-btn1,
.tour-btn2,
.tour-btn3 {
    cursor: pointer;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 230px;
    width: 100%
}

.tour-book-now5 {
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 37px;
    margin: 90px auto;
    padding: 7px 0;
    text-align: center;
    width: 100px
}

.package-ribbon-wrapper2 {
    left: 5px;
    max-width: 150px;
    position: absolute;
    top: 10px;
    z-index: 1
}

.package-type.last-minute {
    background-color: #e32a27
}

div.package-type {
    border-radius: 2px 2px 2px 0;
    box-shadow: 1px 1px 2px #3c3c3c;
    font-size: 14px;
    height: 60px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    width: 76px
}

.save-icon1 {
    border-right: medium none !important;
    width: 26px !important
}

div.package-type span.head {
    display: block;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 4px;
    overflow-wrap: break-word;
    text-align: center
}

div.package-type-gimmick {
    border-bottom: 0 solid transparent;
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    border-style: solid;
    border-width: 10px 0 0 10px;
    float: left;
    height: 0;
    width: 0
}

.package-type-gimmick {
    border-top-color: #b71d25
}

article:hover .tour-btn1,
article:hover .tour-btn2,
article:hover .tour-btn3 {
    height: 100%;
    top: 0;
    transition: all .8s ease 0s
}

article:hover .animate_div2 {
    bottom: -60px;
    transition: all .8s ease 0s
}

.tour-new .tour-hover-effect:hover img {
    transform: scale(1.2)
}

article:hover .animate_div {
    bottom: -90px;
    transition: all .8s ease 0s
}

.visa_world figure,
.visa_world1 figure {
    overflow: hidden;
    position: relative
}

.visa_world img,
.visah_387 {
    height: 387px !important
}

.visa-back-wrap {
    position: relative
}

.inert_Strip,
.visa-back-img {
    bottom: 0;
    height: 90px;
    position: absolute;
    width: 100%
}

.visa-back-img {
    background-color: #3d5068;
    opacity: .8
}

.back_txt_visa {
    color: #fff;
    left: 19px;
    margin-top: 9px;
    font-size: 20px
}

.pb10 {
    padding-bottom: 10px
}

.font-11 {
    font-size: 11px !important
}

.from_txt {
    color: #fff;
    margin-left: 19px;
    margin-top: 55px
}

.visa-font-price {
    border-bottom: 1px solid #fff;
    max-width: 130px;
    padding-bottom: 3px;
    width: auto
}

.lg-font-16 {
    font-size: 16px
}

.visa_btn_app {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    font-size: 12px;
    height: 23px;
    line-height: 1;
    margin-top: 55px;
    width: 72px !important
}

.my_tour_div .wd480 {
    width: 480px
}

.over_div_tour,
.top_animate_div {
    bottom: 0;
    width: 100%;
    position: absolute
}

.ht328 {
    height: 328px !important
}

.my_tour_div .over_div_tour-1,
.my_tour_div:nth-child(1) .over_div_tour {
    background: #9974a2
}

.over_div_tour {
    height: 65px;
    margin-bottom: 16px;
    opacity: .9;
    transition: all .35s ease-in-out 0s
}

.top_animate_div {
    height: 60px;
    left: 0
}

.top-price-rate-tour {
    bottom: 30px;
    color: #e9fafc;
    font-size: 20px;
    font-weight: 700;
    line-height: 15px;
    min-width: 100px;
    position: absolute;
    right: 15px;
    text-align: right;
    width: auto
}

.top-price-set-TOUR {
    color: #fff;
    font-size: 17px;
    margin-bottom: 3px
}

.my_tour_div .over_div_tour-2,
.my_tour_div:nth-child(2) .over_div_tour {
    background: #d8718b
}

.my_tour_div .over_div_tour-3,
.my_tour_div:nth-child(3) .over_div_tour {
    background: #98a868
}

.my_tour_div .over_div_tour-4,
.my_tour_div:nth-child(4) .over_div_tour {
    background: #c63638
}

.top-tour-name-abu {
    bottom: 0;
    color: #fff;
    display: table;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    left: 5px;
    min-width: 185px;
    position: absolute;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
    width: auto
}

.pkg_d_n {
    background-color: #434a54
}

.pkg_d_n .box-title,
.tab-container.full-width-style ul.tabs li.active .pack-wh144:hover i {
    color: #fff !important
}

.pkg_name {
    height: 70px !important
}

.pkg_icon,
.pkg_name {
    background-color: #f9fafc
}

.font-12 {
    font-size: 12px !important
}

.aminitis_icon,
.pkg_icon {
    text-align: center
}

.br_icon1 {
    border-top: 3px solid #13b8d4;
    height: 60px
}

.br_icon2 {
    border-top: 3px solid #ffd300;
    height: 60px
}

.br_icon3 {
    border-top: 3px solid #18bc9a;
    height: 60px
}

.pkg_icon i {
    color: #838a94;
    font-size: 21px;
    line-height: 54px
}

.pkg_Deal_Month img {
    height: 172px !important;
    width: 100%
}

.mrtop-35 {
    margin-top: -32px
}

.tour-img-bx .box img {
    height: 244px !important;
    width: 100%
}

.tour-search-page .ht251 {
    height: 251px !important
}

.tour-img-bx .orangeli .slidet a .titlebx {
    display: inline-block
}

.tour-img-bx .orangeli .slidet a .titlebx p {
    display: table-cell;
    font-size: 16px;
    height: 53px;
    vertical-align: middle
}

.tour-img-bx .orangeli .slidet-1>a .bookbtn,
.tour-img-bx .orangeli .slidet-2>a .bookbtn,
.tour-img-bx .orangeli .slidet-3>a .bookbtn {
    border-top: 1px solid #fff
}

.slidet.slidet-1>a::before,
.slidet.slidet-2>a::before,
.slidet.slidet-3>a::before {
    background: rgba(0, 0, 0, 0) !important
}

.tour-img-bx ul li article figure .slidet-2 a,
.tour-img-bx ul li:nth-child(2) article figure .slidet a {
    background: rgba(217, 116, 99, .7) !important
}

.tour-img-bx ul li article figure .slidet-1 a {
    background: rgba(250, 154, 50, .7) !important
}

.tour-img-bx ul li article figure .slidet-3 a {
    background: rgba(70, 59, 76, .7) !important
}

.tour-img-bx figure>.slidet>a {
    bottom: -20px;
    color: #fff !important;
    left: 0;
    min-width: 100%;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate3d(0, 73%, 0);
    -webkit-transform: translate3d(0, 73%, 0);
    transition: transform .35s ease 0s;
    z-index: 3;
    -webkit-transition: transform .35s ease 0s
}

.tour-img-bx .orangeli figure:hover .slidet a {
    color: #fff !important;
    display: block;
    height: 100%;
    padding-top: 22%;
    position: absolute;
    text-align: center;
    top: -179px;
    transition: all .4s ease-out 0s;
    vertical-align: middle
}

.save_money {
    background-color: #4498a5;
    line-height: 32px
}

.ht404,
.save_money,
.save_money1 {
    height: 404px
}

.save_money,
.save_money1 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 20px 6px 0 16px
}

.sub_info_save {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 15px;
    margin-top: 14px;
    text-align: left
}

.sub_info_save li {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px
}

.line_div1 {
    background-size: 139px 85px
}

#sticky,
.Promotions_star,
.hotel_deals figure,
.login_first_new,
.strike,
.top_selleng article,
.top_selleng figure {
    overflow: hidden
}

.topsell_h .product_wapper {
    height: 350px;
    width: 100%
}

.top_selleng article {
    box-shadow: 0 9px 9px rgba(0, 0, 0, .3)
}

.hotel_deals .details {
    position: relative !important
}

.topsell_h .details {
    background-color: #fff;
    height: 90px;
    padding: 10px
}

.topsell_h .leftside {
    float: left;
    min-height: 20px;
    width: 72%
}

.topsell_h .title {
    float: left;
    font-size: 18px;
    height: auto;
    margin-bottom: 4px;
    max-height: 38px;
    overflow: hidden;
    width: 194px
}

.tour-search-page .lSNext,
.tour-search-page .lSPrev {
    background-color: var(--main-web-color) !important;
    height: 22px;
    width: 30px
}

.tour-search-page .lSPrev {
    background-position: -196px -66px !important
}

.tour-search-page .lSNext {
    background-position: -171px -66px !important
}

.topsell_h .star {
    float: right;
    width: 66px
}

.topsell_h .star i {
    color: #ed8b22
}

.topsell_h .add_rs {
    color: #000;
    float: left;
    height: 37px !important;
    overflow: hidden;
    text-transform: lowercase;
    width: 100%
}

.topsell_h .rightside {
    float: right;
    min-height: 20px;
    text-align: right;
    width: 28%
}

.fromaed {
    color: #000;
    margin-bottom: 5px
}

.fromaed_price {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.topsell_h img {
    min-height: 230px;
    width: 100%
}

.pos_re {
    position: relative
}

.br_colorline::before {
    background-color: #fff;
    border-image: none;
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    display: block;
    height: 15px;
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    width: 15px
}

.hotel_deals .details .box-title,
.image_zoom,
.price_am,
.price_tag {
    text-align: center
}

.hotel_deals .box-title>span {
    font-size: 17px
}

.br_colorline span {
    color: #706666
}

.deal_star {
    width: 68px
}

.cen .info_line,
.deal_star {
    height: 20px;
    margin: auto;
    text-align: center
}

.ht_164 {
    height: 164px !important
}

.ht_94 {
    height: 94px
}

.save_price_banner {
    background: red;
    display: inline-block;
    height: 80px;
    position: absolute;
    right: 0;
    top: 15%;
    width: 80px;
    z-index: 1
}

.save_price_banner:before {
    border-bottom: 41px solid transparent;
    border-right: 26px solid red;
    border-top: 41px solid transparent;
    display: inline-block;
    left: -25px;
    position: absolute;
    top: -1px;
    z-index: -1
}

.save_price_banner .save_txt {
    float: right;
    font-size: 16px;
    font-weight: 700;
    margin-top: 14px;
    width: 52px
}

.save_price_banner .save_count {
    float: right;
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
    padding-right: 8px;
    text-align: right;
    width: 108px;
    z-index: 0
}

.pos_inh {
    position: inherit !important
}

.exphotel_world .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    transition: all .35s ease-in-out 0s;
    visibility: visible;
    width: 100%
}

.img_ht_div img {
    height: 406px !important
}

.rating_new li:not(:checked)>label:hover,
.rating_new li:not(:checked)>label:hover~label {
    border-right: medium none !important
}

.change_sercal .rating li:not(:checked)>label:hover,
.rating li:not(:checked)>label:hover~label {
    background-color: #00b7f1
}

.visa-back-wrap .from_txt .fa.fa-inr {
    background-position: -184px -227px;
    display: inline-block;
    height: 13px;
    width: 13px
}

.reasonwrapper .bestprigua {
    background-position: -1px -138px !important;
    height: 30px;
    padding: 10px 6px;
    width: 30px;
    z-index: 131
}

.line_div {
    background-position: -8px -95px !important;
    height: 26px;
    width: 170px
}

.line_div1 {
    background-position: -16px -121px !important;
    height: 22px;
    margin-bottom: -5px !important;
    width: 160px
}

.line_div3 {
    background-position: -10px -61px !important;
    background-repeat: no-repeat !important;
    height: 26px;
    width: 165px
}

.tour-search-page .red-inline {
    background-position: -131px 0;
    height: 19px;
    padding: 0 8px;
    width: 16px
}

.tour-search-page .top_selleng .red-inline {
    padding: 2px 8px
}

.rating li>input:checked~label .soap-icon-star-1,
.rating li>input:checked~label .soap-icon-star-1:hover {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1)
}

.rating_new .soap-icon-star-1 {
    background-position: -20px -268px;
    background-repeat: no-repeat !important;
    display: inline;
    margin-left: 2px;
    padding-left: 14px;
    width: 20px
}

.rich-datepicker-input {
    background-position: 98% center !important;
    background-repeat: no-repeat !important;
    background-size: 20px
}

.hotelbanmain .hotel_deals .lSSlideOuter .lightSlider {
    height: auto !important
}

.strike>.test::after,
.strike>.test::before {
    background: 0 0
}

.rating li label:hover .soap-icon-star-1,
.rating li>input:checked~label .soap-icon-star-1 {
    filter: brightness(0) invert(1)
}

.rating li>input:hover~label {
    background-color: #00b7f1;
    border-right: 1px solid #00b7f1;
    color: #fff !important
}

.save_count .fa.fa-inr {
    background-position: -184px -225px;
    padding-left: 13px
}

.fromaed .fa.fa-inr {
    background-position: -165px -215px;
    margin-left: 5px;
    padding-left: 8px
}

.btn_fontls {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0 !important
}

.gradient1 {
    background-color: #fff;
    width: 100px !important;
    border-left: 3px solid #ff9334
}

.current {
    background-color: #00b5d3 !important;
    border-radius: 0;
    color: #fff !important
}

.rich-datepicker-wrap {
    position: relative
}

.showed-datepicker {
    z-index: 100
}

.rich-datepicker-wrap .tooltip,
.rich-datepicker-wrap input {
    color: #767676;
    width: 132px;
    height: 16px;
    padding: 2px 4px
}

.rich-datepicker-wrap .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #c2c2c2;
    overflow: hidden
}

.rich-datepicker-wrap input {
    position: relative;
    z-index: 2;
    background: 0 0
}

.position-top .rich-datepicker {
    top: auto;
    bottom: 100%
}

.position-bottom .rich-datepicker {
    top: 100%;
    color: #6d6d6d
}

.rich-datepicker {
    position: absolute;
    left: -99999px;
    padding: 0;
    background: #fefefe;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .4)
}

.rich-datepicker li,
.rich-datepicker ul {
    margin: 0;
    padding: 0;
    color: #333;
    list-style-type: none
}

.rich-datepicker .days_new {
    background-color: #fff !important;
    height: 21px;
    opacity: 1;
    overflow: hidden;
    padding: 6px 0 20px 109px;
    position: absolute;
    top: 34px;
    z-index: 1
}

.rich-datepicker .days_new li {
    color: #7f7f7f;
    float: left;
    font-weight: 700;
    line-height: 21px;
    padding-left: 10.5px;
    padding-right: 40px;
    text-align: center;
    width: 35px
}

.current.rest-day {
    color: #000
}

.rich-datepicker .calendar .year-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    display: none
}

.rich-datepicker .calendar .year-wrap strong {
    border-bottom: 2px solid #e1e1e1;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 46px;
    margin-left: 10px;
    width: 106px
}

.rich-datepicker .calendar .month-wrap {
    height: 370px
}

.rich-datepicker .calendar .month-wrap ul {
    overflow: hidden;
    height: 314px;
    padding-left: 4px
}

.rich-datepicker .calendar .year-wrap li {
    font-size: 14px;
    float: left;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background-color: #fff;
    margin: 1px
}

.year-wrap {
    padding-top: 20px
}

.rich-datepicker .day {
    cursor: pointer
}

.rich-datepicker .day:hover {
    background-color: #ccf7ff !important
}

.rich-datepicker .calendar .year-wrap .size-3 {
    width: 98px
}

.rich-datepicker .calendar .year-wrap .size-4 {
    width: 144px
}

.rich-datepicker .calendar .year-wrap .size-5,
.rich-datepicker .calendar .year-wrap .size-6 {
    width: 244px
}

.rich-datepicker .calendar .year-wrap .size-7 {
    width: 292px
}

.select_date_div {
    background-color: #3f4044;
    color: #fff;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    padding-left: 8px
}

.rich-datepicker .calendar,
.rich-datepicker .month-picker,
.rich-datepicker .year-picker {
    float: left;
    height: 344px;
    overflow: hidden;
    position: relative
}

.rich-datepicker .month-picker,
.rich-datepicker .year-picker {
    width: 110px;
    margin-left: -1px;
    line-height: 22px;
    text-indent: 10px;
    background: #ededed;
    cursor: pointer;
    z-index: 2
}

.rich-datepicker .month-picker ul,
.rich-datepicker .year-picker ul {
    padding-top: 1px;
    position: relative;
    z-index: 2
}

.rich-datepicker .year-picker {
    width: 60px
}

.rich-datepicker .bg-area {
    position: absolute;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    z-index: 1
}

.rich-datepicker .draggable-area {
    position: absolute;
    z-index: 3;
    cursor: move;
    background: url(1.html);
    text-indent: 0
}

.lSSlideWrapper,
.lSSlideWrapper .lSFade {
    position: relative
}

.rich-datepicker .month-picker .bg-area,
.rich-datepicker .month-picker .draggable-area {
    width: 100px;
    height: 22px;
    margin: 1px;
    left: 0
}

.rich-datepicker .year-picker .bg-area,
.rich-datepicker .year-picker .draggable-area {
    width: 58px;
    height: 22px;
    margin: 1px;
    left: 0
}

.rich-datepicker .month-picker li:nth-child(1),
.rich-datepicker .month-picker li:nth-child(10),
.rich-datepicker .month-picker li:nth-child(11),
.rich-datepicker .month-picker li:nth-child(12),
.rich-datepicker .month-picker li:nth-child(2),
.rich-datepicker .month-picker li:nth-child(3),
.rich-datepicker .month-picker li:nth-child(4),
.rich-datepicker .month-picker li:nth-child(5),
.rich-datepicker .month-picker li:nth-child(8),
.rich-datepicker .month-picker li:nth-child(9),
.rich-datepicker .year-picker li:nth-child(1),
.rich-datepicker .year-picker li:nth-child(10),
.rich-datepicker .year-picker li:nth-child(11),
.rich-datepicker .year-picker li:nth-child(12),
.rich-datepicker .year-picker li:nth-child(2),
.rich-datepicker .year-picker li:nth-child(3),
.rich-datepicker .year-picker li:nth-child(4),
.rich-datepicker .year-picker li:nth-child(5),
.rich-datepicker .year-picker li:nth-child(8),
.rich-datepicker .year-picker li:nth-child(9) {
    color: #1a1a1a
}

.month-picker li {
    height: 28px;
    border-left: 3px solid #ededed;
    line-height: 30px;
    font-size: 12px
}

.rich-datepicker {
    width: 480px;
    z-index: 100
}

.rich-datepicker .calendar {
    background: #fff;
    overflow-y: scroll !important;
    width: 370px
}

.activ_month {
    background-color: #fff;
    border-left: 3px solid #ff9334 !important;
    text-align: left;
    z-index: 3
}

.rich-datepicker b,
strong {
    color: #333;
    font-weight: 400
}

.to_date {
    background-color: #ff9334 !important;
    border-radius: 50px;
    color: #fff !important
}

.selected_date {
    background-color: #fcf0e5 !important;
    color: #ff9334 !important
}

.rich-date-disabled.day {
    color: grey
}

.BackDay {
    color: grey !important;
    opacity: .9 !important;
    pointer-events: none !important
}

.daterange {
    background-color: #e6fbff !important;
    color: #333 !important
}

.my_slider ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.my_slider .demo .item {
    margin-bottom: 60px
}

.my_slider .content-slider li {
    text-align: center;
    color: #fff
}

.my_slider .content-slider h3 {
    margin: 0
}

.my_slider .demo {
    width: 100%
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:after,
.lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    display: none;
    text-align:center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    padding: 0 5px;
    display: none
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: none;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca;
    display: none
}

.lSSlideOuter .media {
    opacity: .8
}

.lSAction>a:hover,
.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSAction>a {
    width: 30px;
    display: block;
    height: 22px;
    background-color: var(--main-web-color) !important;
    cursor: pointer;
    z-index: 99;
    float: left;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction {
    float: right;
    margin-bottom: 20px;
    display: block !important
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px;
    margin-right: 10px;
    padding-left: 9px;
    padding-top: 1px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px;
    padding-left: 10px;
    padding-top: 1px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider>* {
    float: right !important
}

@-webkit-keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.content-slider>li {
    padding-left: 1px !important;
    padding-right: 1px !important
}

@media (min-width: 992px) and (max-width:1199px) {
    .dest_wh {
        width: 270px
    }

    .check_wh {
        width: 125px
    }

    .nation_wh {
        width: 185px
    }
}

@media (min-width: 320px) and (max-width:768px) {
    ._left {
        font-size: 13px;
        width: 100%
    }

    ._right a {
        margin-bottom: 5px
    }

    div.bhoechie-tab-container {
        margin-left: 0
    }

    .xs_waitpageimages {
        display: none
    }

    .sm-pr0 {
        padding-right: 0
    }

    .xs_waitpage {
        left: 0;
        margin: auto;
        text-align: center;
        top: 0;
        width: 330px;
        padding: 8px
    }

    .wait_wrapp {
        margin-right: 0;
        margin-left: 35px
    }

    #app_page_android,
    .hidden-xs,
    .menuandroid {
        display: none !important
    }

    .destination_div ul {
        left: 0 !important;
        overflow: scroll !important;
        width: 300px !important
    }

    .scroll_div {
        border: thin solid red;
        height: 222px;
        overflow-x: scroll !important;
        position: absolute !important
    }

    .currency_div ul {
        left: 0;
        padding: 0;
        width: 156px
    }

    .mr-4 {
        margin-right: -4px !important
    }

    .rich-datepicker {
        width: 363px !important
    }

    .rich-datepicker .days_new {
        padding: 6px 0 20px 78px !important
    }

    .rich-datepicker .days_new li {
        padding-right: 35px !important;
        width: 35px !important;
        padding-left: 0 !important
    }

    .rich-datepicker .calendar .year-wrap {
        left: -4px !important
    }

    .rich-datepicker .calendar .month-wrap ul {
        width: 258px !important
    }

    .rich-datepicker .calendar .year-wrap .size-4 {
        width: 104px !important
    }

    .rich-datepicker .calendar .year-wrap li {
        width: 33px !important
    }

    .rich-datepicker .calendar .year-wrap .size-7 {
        width: 213px !important
    }

    .rich-datepicker .calendar .year-wrap .size-3 {
        width: 71px !important
    }

    .rich-datepicker .calendar .year-wrap .size-5,
    .rich-datepicker .calendar .year-wrap .size-6 {
        width: 175px !important
    }

    .showed-datepicker {
        z-index: auto !important
    }

    .mainsearch_section .mt-310px {
        margin-top: 17px !important
    }

    .xs-m0 {
        margin: 0 !important
    }

    .xs-p0 {
        padding: 0 !important
    }

    .mbl_bg {
        background: url(https://d3iibu2gv0pu1i.cloudfront.net/assets/img/mbl_bg.jpg) no-repeat !important;
        background-size: cover !important
    }

    .serach_back {
        background: 0 0 !important
    }

    .rich-datepicker-input {
        background-position: 98% center !important
    }

    .Explore .cart_currency {
        float: right;
        margin-right: 40px
    }

    .formElement2 {
        margin: 5px 0
    }

    #main-menu .menu.main_menu {
        margin: 0 auto 0 20%;
        display: block;
        border: none
    }

    .menucurrency {
        border-right: none
    }

    .drop_down_name,
    .mainsearch_section .xs-nation-wh .white-bg,
    .mainsearch_section button,
    .mainsearch_section input,
    .mainsearch_section span.custom-select {
        border-radius: 3px
    }

    .mainsearch_section .tab_back ul.tabs li a,
    .mainsearch_section .tab_back ul.tabs li.active>a,
    .mainsearch_section .tab_back ul.tabs li:hover>a {
        border: none
    }

    .mainsearch_section .tab-container ul.tabs li {
        float: left;
        text-align: center;
        width: 25%
    }

    .mainsearch_section .tab_back ul.tabs li.active,
    .mainsearch_section .tab_back ul.tabs li:hover {
        color: #fff;
        float: left;
        padding-right: 4px;
        border-radius: 5px 5px 0 0
    }

    .mainsearch_section .tab_back ul.tabs li.active a,
    .mainsearch_section .tab_back ul.tabs li:hover a {
        border-bottom: 3px solid #f58121 !important
    }

    .mainsearch_section .tab_back ul.tabs li.active a::after,
    .mainsearch_section .tab_back ul.tabs li:hover a::after {
        border-top: 5px solid #f58121;
        border-bottom: 10px solid transparent;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: absolute;
        margin: 0 auto;
        display: block;
        content: "";
        top: 40px
    }

    .mainsearch_section .tab_back ul.tabs li a {
        color: #fff;
        border-radius: 5px 5px 0 0;
        background: #fff
    }

    .mainsearch_section .tab-container ul.tabs li a {
        padding: 0 36% !important
    }

    .tab_back ul.tabs li a {
        background-color: #fff;
        color: #75787b;
        border: 2px solid #fff
    }

    .xs-mt0 {
        margin-top: 0 !important
    }

    .xs-pt5 {
        padding-top: 5px !important
    }

    .xs-p15 {
        padding: 15px
    }

    *,
    ::after,
    ::before {
        box-sizing: border-box
    }

    .change_sercal .rating li:not(:checked)>label {
        height: 39px;
        width: 39px
    }

    .rating li:not(:checked)>label:focus {
        background: #f5f5f5 !important;
        border: thin solid #e9e9e9 !important;
        color: #908888 !important;
        cursor: pointer;
        float: right;
        font-size: 15px;
        height: 34px;
        line-height: 31px;
        overflow: hidden;
        padding: 1px 0 0 3px;
        text-align: center;
        text-transform: none;
        white-space: nowrap;
        width: 35px
    }

    .Child_wrapp,
    .adult_wrapp {
        float: left;
        height: auto;
        width: auto !important
    }

    .addroom,
    .addroom1 {
        left: 0;
        width: 100% !important;
        margin-top: 5px !important;
        z-index: 2
    }

    .sm_txt {
        color: #88898b;
        font-size: 11px;
        height: auto
    }

    .Child_lbl,
    .Unit_lbl,
    .adult_lbl {
        color: #434343;
        font-size: 14px;
        margin-top: 10px;
        height: 40px
    }

    .drop_down_field ul::before {
        border-bottom: 20px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        display: block;
        height: 0;
        margin: -8px 0 0 225px;
        position: relative;
        width: 0
    }

    .drop_down_name,
    .mainsearch_section .package_Search5 .white-bg,
    .mainsearch_section .xs-nation-wh .white-bg,
    .mainsearch_section button,
    .mainsearch_section input,
    .mainsearch_section span.custom-select {
        border-radius: 3px
    }

    .forgot_pwd,
    .mob_des,
    .mob_des li,
    .tab-container.full-width-style .tab-content,
    .xs-formElement2,
    .xs-w100per {
        width: 100% !important
    }

    .rich-datepicker {
        left: -20px !important
    }

    .rich-datepicker .month-picker,
    .rich-datepicker .year-picker {
        text-indent: 6px !important;
        width: 70px !important
    }

    .rich-datepicker .calendar {
        width: 275px !important
    }

    .xs-pl0 {
        padding-left: 0 !important
    }

    .xs-pr5 {
        padding-right: 5px !important
    }

    .xs-pl10 {
        padding-left: 10px !important
    }

    .xs-formElement2 {
        margin: 5px 0
    }

    .xs-pr0 {
        padding-right: 0 !important
    }

    .xs-pl5 {
        padding-left: 5px !important
    }

    .xs-mr0 {
        margin-right: 0 !important
    }

    #mycity div,
    #mycityin div,
    .malaysia,
    .singapore,
    .xs-wd100 {
        width: 100% !important
    }

    .xs-pr25px {
        padding-right: 25px !important
    }

    .xs-pr10 {
        padding-right: 10px !important
    }

    .slider_wrap .tab-content {
        border: none !important
    }

    .ht404,
    .save_money,
    .save_money1 {
        height: auto !important;
        padding-bottom: 2px !important
    }

    .xs-mb10 {
        margin-bottom: 10px !important
    }
}

@media (min-width: 854px) and (max-width:1024px) {
    .check_wh {
        width: 175px
    }

    .dest_wh {
        width: 320px
    }

    .addroom,
    .addroom1 {
        left: auto
    }

    .drop_down_field ul::before {
        margin: -20px 0 0 50%
    }

    .reasonwrapper .reas_txt {
        font-size: 20px !important
    }

    .reasonwrapper a {
        display: table
    }

    .proimgreas {
        margin: 0 20%
    }

    .line_div {
        background-position: -21px -95px !important
    }

    .save_money,
    .save_money1 {
        padding: 20px 6px 0 9px
    }

    .line_div3 {
        background-position: -9px -61px !important;
        width: 130px
    }

    .ht404,
    .save_money,
    .save_money1 {
        height: 399px
    }

    .save_money1 {
        height: auto !important
    }
}

.hotel_deals .content-slider.lightSlider.lsGrab.lSSlide {
    height: auto !important
}

.hotelsermain .lSPrev {
    background-position: 0 0 !important
}

.reshome .rich-datepicker-wrap input {
    background-color: #fff;
    position: relative;
    z-index: 2
}

.autocomplete-suggestions {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    border-color: currentcolor #ccc #ccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    cursor: default;
    display: none;
    max-height: 254px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    z-index: 9999
}

.date_add,
.my_imgclass ul li,
.offer_blue_txt,
.validity_text,
.wd200 {
    text-align: center
}

.autocomplete-suggestion {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 9px .6em;
    position: relative;
    white-space: nowrap
}

.autocomplete-suggestion .fa-map-marker {
    margin-right: 5px;
}
.autocomplete-suggestion b {
    color: #1f8dd6;
    font-weight: 400
}

.autocomplete-suggestion.selected {
    background: #f0f0f0
}

@media only screen and (min-width: 1024px) {
    .hotel-pr10 {
        padding-right: 10px !important
    }
}

.pref_show .fa.fa-chevron-down {
    background-position: -100px -38px;
    padding: 6px
}

.currency_div ul li:nth-child(4) a span .fa-inr {
    background-position: -195px -228px;
    padding-left: 9px
}

.lSAction a {
    background-color: var(--main-web-color) !important
}

.lSAction .lSPrev {
    background-position: -197px -67px !important
}

.lSAction .lSNext {
    background-position: -169px -67px !important
}

.hotel_deals .pos_inh .box {
    margin-bottom: 2px
}

.price-set-TOUR .fa.fa-inr {
    background-position: -174px -229px;
    margin-left: 3px;
    padding: 0 5px
}

.deal_offer .fa.fa-inr {
    background-position: -184px -213px;
    padding: 0 6px
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: none
}

.fa.fa-chevron-down {
    font-family: FontAwesome;
    font-style: normal
}

.roomp>.rotate3 {
    position: absolute;
    right: 13px;
    top: 0 !important
}

.nationp>.rotate3 {
    position: absolute;
    right: 13px;
    top: 18px !important
}

.advanceCurrency .fa.fa-inr {
    background-position: -196px -229px;
    padding-left: 6px
}

.cen,
.exphotel_world .cen {
    margin-top: 30px;
    text-align: center;
    z-index: -1;
    width: 100%
}

.exphotel_world .cen {
    margin-bottom: 54px !important;
    position: relative
}

.cen::before {
    border: 0 dashed #e7e7e7
}

.cen::after {
    border: 1px solid #e7e7e7
}

.cen::after,
.cen::before {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    content: ""
}

.cen {
    margin-bottom: 54px;
    position: relative
}

.ser_circle4,
.ser_circle5 {
    background: #e7e7e7;
    height: 10px;
    position: absolute;
    top: 9px;
    width: 10px;
    border-radius: 5px
}

.ser_circle4 {
    left: -9px
}

.ser_circle5 {
    right: -9px
}

.cen .info_line {
    color: #2d3e52;
    font-size: 13px;
    top: 36px
}

.cen .info_line,
.price_am,
.price_tag {
    left: 0;
    position: absolute;
    right: 0
}

.destination_div ul {
    left: -110px;
    width: 472px
}

.destination_div li {
    color: #505050;
    float: left;
    padding: 10px 10px 8px;
    width: 214px
}

.rotate2 {
    background-position: -100px -38px;
    left: 84px;
    padding: 5px 6px;
    position: absolute;
    top: 8px
}

.btntour_h,
.w205px,
.w350px {
    height: 39px !important
}

.serarrow_img {
    width: 27px;
    height: 17px;
    position: absolute
}

.lg-mt40,
.lg-mtdef40 {
    margin-top: 40px
}

.exppackage_world .des {
    margin-top: 32% !important
}

.mt40 {
    margin-top: 40px !important
}

article {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.pack_box-shadow {
    box-shadow: 0 4px 20px 0 #d1d1d1
}

.pack_world1 figure {
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.pack_h {
    height: 256px !important
}

.e,
.preloading {
    max-width: 100%
}

.preloading {
    display: inline-block;
    min-width: 48px;
    min-height: 48px;
    background: url(https://d1vqfl8cu8qgdj.cloudfront.net/assets/img/AjaxLoader.gif) center center no-repeat
}

.exppackage_world .image_info_pack {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.lg-font-18 {
    font-size: 18px
}

.exppackage_world .imgbg {
    background-color: #000;
    height: 100%;
    opacity: .4;
    position: absolute;
    transition: all .35s ease-in-out 0s;
    visibility: visible;
    width: 100%
}

.exppackage_world .des {
    transform: translateY(-100%);
    visibility: hidden
}

.exppackage_world .image_info_pack .line,
.image_info_pack .count_des,
.image_info_pack .des {
    transform: translateY(0);
    transition: all .35s linear .1s;
    visibility: visible
}

.mt10 {
    margin-top: 10px !important
}

.lg-font15 {
    font-size: 15px
}

.font-15 {
    font-size: 15px !important
}

.exppackage_world .pack_book_now {
    background: #1d3d6f;
    bottom: -78px;
    color: #fff;
    height: 50px;
    opacity: .8;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 14px 0;
    font-size: 15px
}

.pack_world1 figure:hover .pack_book_now {
    bottom: 0;
    transition: all .5s ease-in-out .1s;
    visibility: visible;
    height: 100%;
    padding-top: 38%
}

.dropto .rotate3 {
    background-position: -100px -36px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 13px;
    top: 15px;
    width: 30px
}

.tourdrop {
    width: 262px !important
}

.tourdrop::before {
    margin-left: 86% !important
}

.mr35 {
    margin-right: 35px !important
}

.addroom,
.addroom1 {
    right: 0
}

@media only screen and (max-width: 768px) {

    .addroom1,
    .postinre .addroom {
        top: 34px;
        width: 100% !important;
        left: 0 !important
    }

    .addroom,
    .addroom1 {
        left: 0;
        width: 100% !important;
        margin-top: 5px !important;
        z-index: 2
    }
}

.fa-user {
    font-family: FontAwesome;
    background-image: none !important;
    font-size: 18px !important;
    padding-left: 0 !important
}

.fa-user:before {
    content: "\f007"
}

.fa-bed:before {
    content: "\f236"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-bed,
.fa-car,
.fa-cutlery {
    background-image: none
}