img.mx-auto.intrerro { display: block; margin: 60px auto 15px; } .trpC_banr_tab li a svg { fill: #ff6600; stroke: #ff6600; } .trpC_banr_tab li a.active svg path { fill: #ff6600; } .trpC_banr_tab li a.htlist.active svg path{ fill: transparent; stroke: #ff6600; } #fbooking p { margin: 9px 0; font-size: 12px; } #fbooking input { display: block; padding: 2px; } .pdc-block { position: relative; top: 156px; right: -88px; } .pdc-left-panel { width: 100%; } .errorsame-col p, #error p { color: #d50000; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; } .errorsame-col p i, #error p i { margin-right: 8px; position: relative; top: 2px; } .modify-search-open #error p, .modify-search-open #error-flg-2 p { background: #d50000; color: #fff; padding: 5px 10px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; } .pdc-right-panel { background: rgba(0, 0, 0, 0.5); padding: 20px 5px; float: left; width: 100%; } .pdc-right-panel .content-box { width: 90%; float: left; } .pdc-right-panel h6 { width: 100%; float: left; text-align: left; font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffffff; color: #fff; height: 40px; margin: 0px; } .pdc-right-panel p { color: #ffffff; font-size: 18px; float: left; padding-top: 13px; line-height: 26px; } .pdc-right-panel .click-btn { float: right; width: 130px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); } .click-btn .genrate-text { width: 100%; font-size: 12px; color: #ffffff; background: #524e4f; text-align: center; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border: 0px; padding: 10px 0px; float: left; text-transform: uppercase; } .click-btn .arrow-click { background: #fc0; text-align: center; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; font-size: 15px; padding: 8px 10px; color: #ffffff; width: 100%; border: 0px; } .banner .container { position: relative; height: 100% } .trpC_banr_tab>li.active a { background: rgb(255 102 0) !important; color: #fff !important; } .home_banner_content { text-align: center; display: none; margin: 0 0 67px; color: #fff; } .home_banner_content p { color: #fff; font-size: 22px; font-family: 'El Messiri', sans-serif; margin: 0; } .home_banner_content .b_title { font-size: 37px; font-weight: bold; font-family: 'El Messiri', sans-serif; text-shadow: 2px 0px #333333b0; margin: 7px 0 12px; text-transform: uppercase; } .home_banner_content h5 { font-size: 18px; font-family: 'El Messiri', sans-serif; } #date_deaprt.width_full { width: 100%; } .srch_outpnl { width: 100%; } .traveller_drop { position: relative; } .traveller_drop .trvl_input { height: 50px; } .traveller_drop .traveler_drop_box { background: #fff; padding: 15px; position: absolute; width: 320px; text-align: center; display: none; z-index: 9; -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 15%); -moz-box-shadow: 0 0 50px rgb(0 0 0 / 15%); box-shadow: 0 0 50px rgb(0 0 0 / 15%); top: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; right: 0; margin: 3px 0 0; } .trvel_colse .close_done { background: #f60; color: #fff; padding: 7px 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0 0; cursor: pointer; } .banner.book-cheapfl-1 .traveler_drop_box .close_done, .modified-search .trvel_colse .close_done { width: 100%; font-size: 14px; height: 40px; line-height: normal; margin-top: 20px; font-weight: 600; background: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-transform: uppercase; letter-spacing: 0.6px; border: 0; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .banner.book-cheapfl-1 .traveler_drop_box .row.my-fent { margin-bottom: 19px !important; } .banner.book-cheapfl-1 .traveler_drop_box .row.my-fent .col-xs-12 { padding-right: 5px; padding-left: 5px; } .traveler_drop_box label { color: #000000; font-size: 14px; } .traveller_drop .traveler_drop_box select { height: 35px !important; } .room_gest { position: relative; width: 30%; padding-left: 15px; } .room_gest.dmd { padding: 0; } .room_gest .room_gest_drop { background: #fff; padding: 10px; position: absolute; width: 128%; text-align: center; display: none; -webkit-box-shadow: 0px 3px 12px rgb(0 0 0 / 29%); -moz-box-shadow: 0px 3px 12px rgb(0 0 0 / 29%); box-shadow: 0px 3px 12px rgb(0 0 0 / 29%); z-index: 100; top: 100%; right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .room_gest .room_gest_drop ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .room_gest .room_done_bnt span { background: #f60; color: #fff; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 6px 17px; margin: 5px 0 0; cursor: pointer; } .room_gest .room_drop_ico { position: absolute; top: 10px; right: 8px; font-size: 22px; color: #5f748a; } .room_gest .room_gest_drop ul li { display: inline-block; text-align: left; /*margin:0 3px;*/ width: 32.5%; vertical-align: top; } .room_gest .room_gest_drop ul.children li { width: 19.5%; } .room_gest .room_gest_drop ul li.heading_area { width: 100%; } .room_gest .room_gest_drop ul li select { margin: 0 0 8px; width: 100%; height: 40px !important; background: #fbfbfb; border: 0; font-weight: 400; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; padding: 0 10px; border: solid 1px #e7e7e7; -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 5%) inset; -moz-box-shadow: 0 3px 5px rgb(0 0 0 / 5%) inset; box-shadow: 0 3px 5px rgb(0 0 0 / 5%) inset; } .room_gest .room_gest_drop ul li label { color: #333 !important; display: block; } #status label input[type='radio']:after { width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; content: ''; display: inline-block; visibility: visible; border: 2px solid #e1e7ee; margin-right: 4px; } #status .active input[type='radio']:checked:after { width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; top: -3px; left: -1px; position: relative; background-color: #ff6600; content: ''; display: inline-block; visibility: visible; border: 2px solid #e8e8e8; outline: none } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: 0 !important; outline-offset: 0 !important; } @media (max-width: 767px) { .traveller_drop .engine_drop_ico { padding: 8px 6px; } .banner.book-cheapfl-1 .depart_left input.error { border-color: red !important; } } .mobile_top_search_area .EplaneIcon { position: absolute; top: 10px; left: 7px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .HfltSbmtBtn { text-align: center; margin: 5px 0 10px; float: right; width: auto; padding: 0 5px 0 0 } .HfltSbmtBtn button { width: 250px; font-size: 30px; letter-spacing: 2px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Efl_origi { padding-left: 0; } .Efl_desti { padding-right: 0; } .goretSctn { position: absolute; top: 0; right: -10px; width: 20px; height: 50px; background: #ffffff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .goretSctn.airpswp { top: 35px; right: -17px; border-top: solid 1px #e1e7ee; border-bottom: solid 1px #e1e7ee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .goretSctn img { height: 11px; opacity: 0.3; -webkit-filter: invert(100%) sepia(100%) saturate(0%) brightness(10%) contrast(100%); filter: invert(100%) sepia(100%) saturate(0%) brightness(10%) contrast(100%); } .goretSctn img:first-child { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: -webkit-calc(50% - 13px); top: -moz-calc(50% - 13px); top: calc(50% - 13px); left: 5px; } .goretSctn img:last-child { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: -webkit-calc(50% - 13px); bottom: -moz-calc(50% - 13px); bottom: calc(50% - 13px); left: 5px; } #txtDepart { padding: 0 8px } #txtDepart .EplaneIcon { position: absolute; top: 13px; left: 12px; height: 23px; } #date_deaprt { padding: 0 10px 0 0 } #txtReturn { padding: 0 0 0 10px } .cal_centrSctn { position: absolute; top: 0; right: -6px; background: #f3f5f7; width: 12px; height: 100%; } .cal_centrSctn:before { content: ''; background: black; width: 1px; height: -webkit-calc(100% - 8px); height: -moz-calc(100% - 8px); height: calc(100% - 8px); position: absolute; left: 6px; top: 4px; } .trvD_hotel_dateP .first .cal_centrSctn { height: 50px; bottom: 0; top: unset; right: -10px; } #txtDepart #date_deaprt .EplaneIcon { left: 8px; } #txtDepart #txtReturn .EplaneIcon { left: 18px } #date_deaprt:before, #txtReturn:before { content: "\f104"; font-family: FontAwesome; position: absolute; top: 14px; right: 35px; font-size: 17px; } #date_deaprt:after, #txtReturn:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 14px; right: 20px; font-size: 17px; } .traveller_drop .travel_input { position: absolute; cursor: pointer; top: 0; white-space: nowrap; left: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 100%; margin: 0; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; padding: 0 0 0 33px; font-family: 'Open Sans', sans-serif; color: black; letter-spacing: 0.5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .search-engine .tab-content { position: absolute; bottom: 100px; padding: 0 20px 10px; left: 0; background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 10px 20px #868686; -moz-box-shadow: 0 10px 20px #868686; box-shadow: 0 10px 20px #868686; } .tabMore:after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0; right: 0; font-size: 17px; height: 40px; padding: 8px 0 0; width: 20px; } .tabMore>span:first-child { display: none !important } .tabMore { padding-right: 30px !important } .modified-search .traveller_drop .travel_input {max-width: 99%;font-family: 'Rubik', sans-serif; } .tabMore>span:last-child { padding: 2px 0 3px 0 } #trpC_hotels_tab input.error, #trpC_hotels_tab select.error, #trpC_cars_tab input.error, #trpC_cars_tab select.error { position: static; float: none; } .autocomplete-city, .destination_details.destination_page ul.autocomplete-city { position: absolute; background: #fff; width: 100%; top: 100%; left: 0; z-index: 20; -webkit-box-shadow: 0 4px 16px 0 rgb(70 89 116 / 12%); -moz-box-shadow: 0 4px 16px 0 rgb(70 89 116 / 12%); box-shadow: 0 4px 16px 0 rgb(70 89 116 / 12%); background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; list-style: none; display: none; max-height: 372px; overflow-x: hidden; overflow-y: auto; margin-top: 4px; border: 1px solid #e5e5e5; } .autocomplete-city:empty { display: none !important; } .autocomplete-city li .child, .autocomplete-city li span { color: #434343; } .autocomplete-city li, .left-box ul.autocomplete-city li, main.destination_details.destination_page ul.autocomplete-city>li { padding: 14px 10px; width: 100%; margin-bottom: 0; cursor: pointer; font-size: 14px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; line-height: 1.6; color: #191919; letter-spacing: 0.4px; background-image: url('/resources/images/icon-airplane-fly.png'); background-repeat: no-repeat; -webkit-background-size: 19px 19px; -moz-background-size: 19px; -o-background-size: 19px; background-size: 19px; background-position: top 19px left 15px; padding-left: 47px !important; position: relative; } .autocomplete-city li:last-child, .left-box ul.autocomplete-city li:last-child, main.destination_details.destination_page ul.autocomplete-city>li:last-child { border-bottom: 0; width: 100%; } .autocomplete-city li:last-child { margin-bottom: 0; } .autocomplete-city li:hover { background-color: #f9fdff; } .autocomplete-city .city-name { font-weight: 500; } .showTextAnimated { display: block; -webkit-animation-name: fadeInUpListed; -moz-animation-name: fadeInUpListed; -o-animation-name: fadeInUpListed; animation-name: fadeInUpListed; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -moz-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -o-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -webkit-animation-timing-function: cubic-bezier(.5, 0, 0, 1.25); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transform-origin: top center; } @-webkit-keyframes fadeInUpListed { 0% { opacity: 0; -webkit-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeInUpListed { 0% { opacity: 0; -webkit-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); -moz-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } @-o-keyframes fadeInUpListed { 0% { opacity: 0; -webkit-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } } @keyframes fadeInUpListed { 0% { opacity: 0; -webkit-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); -moz-transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); transform: translate3d(0, -6px, 0) perspective(800px) rotateX(-6deg); } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } }  .close_done.choosebyn-done { display: inline-block; border: none; background: #ff6600; color: #ffffff; letter-spacing: 0.4px; font-size: 15px; margin-right: 5px; font-weight: 500; padding: 8px 10px; min-width: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: right; text-decoration: none; } .close_done.choosebyn-done:hover { background: #eb5e00; } .autocomplete-city li.city { background-image: url('/resources/images/cityautocom-icon.png'); } .autocomplete-city li.other { background-image: url('/resources/images/otherautocom-icon.png'); } /*============ media-query ============*/ @media (min-width:992px) { .autocomplete-city { min-width: 460px; } } @media (max-width:1199px) { .traveller_drop .traveler_drop_box { padding-top: 18px; min-height: 332px; top: -261px; } .goretSctn.airpswp { top: 100%; right: 27px; margin-top: -13px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 30px; height: 58px; } .goretSctn.airpswp img { left: 9px; } .traveller_drop .traveler_drop_box { width: 100%; } #error p, .errorsame-col p { margin-top: 8px; } } @media (max-width:991px) { .traveller_drop .traveler_drop_box { top: -249px; min-height: 312px; } .goretSctn.airpswp { top: 59px; right: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 50px; } } @media(max-width:767px) { .banner.book-cheapfl-1 .traveler_drop_box .row.my-fent .col-xs-12 { padding-right: 0; padding-left: 0; } .goretSctn.airpswp { top: 60px; height: 47px; right: 11px; margin-top: -11px; } .autocomplete-city li, .left-box ul.autocomplete-city li, main.destination_details.destination_page ul.autocomplete-city>li { padding: 9px 10px; padding-left: 43px; font-size: 13px; -webkit-background-size: 15px 15px; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px; padding-left: 37px !important; background-position: top 13px left 12px } .autocomplete-city { -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 4px 20px; -moz-box-shadow: rgb(0 0 0 / 12%) 0px 4px 20px; box-shadow: rgb(0 0 0 / 12%) 0px 4px 20px; } .autocomplete-city li span.city-lbg { font-size: 10px; margin-top: 6px; } } @media(max-width:480px) { .Efl_origi { /*width:100%; padding:0*/ } .Efl_desti { /*width:100%; padding:0*/ } .goretSctn { /*top:35px; right:0*/ } #date_deaprt, #txtReturn { /*width:100%; padding:0*/ } #date_deaprt { margin-bottom: 20px } .cal_centrSctn { /*display:none*/ } #txtDepart #txtReturn .EplaneIcon { /*left:8px;*/ } .HfltSbmtBtn button { width: 100%; margin-bottom: 0 } .HfltSbmtBtn { margin: 10px 0 10px; padding: 0 } .trvD_hotel_dateP .first .cal_centrSctn { /*display:none*/ } .Ban_trvlSctn { margin-top: 0; } .autocomplete-city.hotel li, .autocomplete-city.flight li { padding-left: 38px; } #error p, .errorsame-col p { font-size: 13px; } }