html, body { font-family: var(--tg-ff-body); font-weight: 400; font-size: 14px; line-height: 1.6rem; color: #182870; } @font-face { font-family: Poppins-Black; src: url('../../../common/fonts/Poppins-Black.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-BlackItalic; src: url('../../../common/fonts/Poppins-BlackItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-Bold; src: url('../../../common/fonts/Poppins-Bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-BoldItalic; src: url('../../../common/fonts/Poppins-BoldItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-ExtraBold; src: url('../../../common/fonts/Poppins-ExtraBold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-ExtraBoldItalic; src: url('../../../common/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-Italic; src: url('../../../common/fonts/Poppins-Italic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-Light; src: url('../../../common/fonts/Poppins-Light.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-LightItalic; src: url('../../../common/fonts/Poppins-LightItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-Medium; src: url('../../../common/fonts/Poppins-Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-MediumItalic; src: url('../../../common/fonts/Poppins-MediumItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-Regular; src: url('../../../common/fonts/Poppins-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-SemiBold; src: url('../../../common/fonts/Poppins-SemiBold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: Poppins-SemiBoldItalic; src: url('../../../common/fonts/Poppins-SemiBoldItalic.ttf') format('truetype'); font-display: swap; } @font-face { font-family: F37 Judge; src: url('../../../common/fonts/f37judge-bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: F37Judge-Medium; src: url('../../../common/fonts/F37Judge-Medium.ttf') format('truetype'); font-display: swap; } @font-face { font-family: F37Judge-Regular; src: url('../../../common/fonts/F37Judge-Regular.ttf') format('truetype'); font-display: swap; } :root { --tg-ff-body: "Poppins-Regular", sans-serif; --tg-ff-outfit: "Outfit", sans-serif; --tg-ff-segoepr: 'segoepr', sans-serif; --tg-ff-chillax: 'chillax', sans-serif; --tg-ff-quentin: 'quentin', sans-serif; --tg-ff-rage: 'rage', sans-serif; --tg-ff-fontawesome: "Font Awesome 6 Pro"; --tg-common-white: #fff; --tg-common-black: #020615; --tg-common-black-2: #000; --tg-common-yellow: #f74a1f; --tg-grey-1: #353844; --tg-grey-2: #454546; --tg-grey-3: #f3f3f4; --tg-grey-4: #737374; --tg-grey-5: #f8f8f8; --tg-grey-6: #666; --tg-grey-7: #f6f6f7; --tg-grey-8: #f6f4fa; --tg-theme-primary: #002612; --tg-theme-secondary: #f74a1f; --tg-border-1: #e1e1e1; --tg-border-2: #c5c5c5; --tg-border-3: #e6e6e6; } .header_span { color: #fff; font-size: 15px; } .font13 { font-size: 14px; } .banner_txt_heading { color: #fff; font-size: 7rem; font-weight: bold; font-family: F37Judge-Bold; line-height: 100px; } @media only screen and (max-width:992px) { .banner_txt_heading { color: #0a438b; font-size: 26px; /*  text-shadow: 3px 0px 0px #302f2f*/ } } @media only screen and (max-width:576px) { .banner_txt_heading { color: #fff; font-size: 16px; text-shadow: 3px 0px 0px #302f2f } } .banner_sub_heading { color: #000; font-size: 20px; margin-bottom: 68px; } @media only screen and (max-width:768px) { .pr-mob768 { padding-right: 0rem !important; } } /*@media only screen and (max-width:1200px) { .mt_10_1200 { margin-top: -10px; } }*/ .pr_xxl { padding-right: 0px; } @media only screen and (max-width:1400px) { .pr_xxl { padding-right: 15px; } } @media only screen and (max-width:992px) { .pr_xxl { padding-right: 13px; } } @media only screen and (max-width:576px) { .pr_xxl { padding-right: 7px; } } @media only screen and (max-width:1400px) { .pr_xxl_returndate { padding-right: 0px; } } @media only screen and (max-width:768px) { .pr_xxl_returndate { padding-right: 7px; } } @media only screen and (max-width:992px) { .pr_xxl_flyingto { padding-right: 0px; } } @media only screen and (max-width:768px) { .pr_xxl_flyingto { padding-right: 7px; } } .mttab_10 { margin-top: -35px; z-index: 111111; margin-left: 0px; } @media only screen and (max-width:1400px) { .mttab_10 { margin-top: 0px; z-index: 111111; /*margin-left: -18px;*/ margin-left: 0px; } } @media only screen and (max-width:768px) { .mttab_10 { margin-top: -35px; z-index: 111111; /*margin-left: -18px;*/ margin-left: 0px; } } .triplabel span::before { display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #182870 !important; } .triplabel input:checked + span::before { box-shadow: inset 0 0 0 0.4375em #182870 !important; } .trip_type { /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);*/ /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);*/ /* background: #fff;*/ border-radius: 35px; padding: 0px; width: max-content; } .trip_type .triplabel { margin-bottom: 0px; } .triplabel { display: inline-flex; cursor: pointer; font-weight: 500; position: relative; overflow: hidden; margin-bottom: 0.375em; font-size: .85rem !important; /* Accessible outline */ /* Remove comment to use */ /* &:focus-within { outline: .125em solid $primary-color; } */ } .triplabel input { position: absolute; left: -9999px; } .triplabel input:checked + span { /*  background-color: #fff;*/ color: #2a2c2b; border: 1px solid #111a48; } .triplabel input:checked + span:before { box-shadow: inset 0 0 0 0.4375em #06038d; } .triplabel span { display: flex; align-items: center; /*padding: 0.375em 0.75em 0.375em 0.375em;*/ padding: 0.275em 0.65em 0.275em 0.275em; border-radius: 99em; transition: 0.25s ease; color: #2a2c2b; font-weight: normal; border: 1px dashed #fff; } .triplabel span:hover { /*background-color: #d6d6e5;*/ } .triplabel span:before { display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #00005c; } .form-control:focus::placeholder { color: #555 !important; } .BpkSwapButton_bpk-swap-button__OTA2O { transform: translateY(-50%) rotate(90deg); } .BpkSwapButton_bpk-swap-button__button__NGYxZ { align-items: center; background-color: #fff; border: 2px solid #05203c; border-radius: 50%; display: flex; height: 2.5rem; justify-content: center; transition: transform .4s; width: 2.5rem; } .se_airport { border-radius: 0; height: 3.5rem !important; padding-right: 39px; } @media only screen and (max-width: 992px) { .se_airport { border-radius: 0rem; height: 3.5rem !important; } } @media only screen and (max-width: 576px) { .se_airport { border-radius: 0; height: 3.5rem !important; } } .se_traveller { border-radius: 0; height: 3.5rem !important; } @media only screen and (max-width: 992px) { .se_traveller { height: 3.5rem !important; } } @media only screen and (max-width: 576px) { .se_traveller { height: 3.5rem !important; } } .se_plzero { height: auto; padding-left: 0px; } @media only screen and (max-width: 992px) { .se_plzero { height: auto; padding-left: 0px !important; } } .se_plzero_left { height: auto; padding-left: 0px; } @media only screen and (max-width: 992px) { .se_plzero_left { height: auto; padding-left: 0px !important; } } @media only screen and (max-width: 576px) { .se_plzero_left { height: auto; padding-left: 0px !important; /*  padding-right: 9px;*/ } } .se_plzero_right { height: auto; padding-left: 0px; } @media only screen and (max-width: 992px) { .se_plzero_right { height: auto; padding-left: 5px !important; } } @media only screen and (max-width: 576px) { .se_plzero_right { height: auto; /*  padding-left: 9px !important;*/ } } .se_plprzero { height: auto; padding-left: 0px; padding-right: 0px; } @media only screen and (max-width: 992px) { .se_plprzero { height: auto; padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 768px) { .se_plprzero { height: auto; padding-left: 0px; padding-right: 7px; } } .btn_sesty { height: 3.5rem; border-radius: .45rem; font-size: 19px; position: relative; } .btn_sesty i { font-size: 21px; font-weight: bold; position: absolute; border: 1px solid #1a4788; border-radius: 50%; position: absolute; right: -13px; z-index: 1; background: #fff; width: 32px; height: 32px; line-height: 30px; color: #000; top: 10px; text-align: center; display: none; } @media only screen and (max-width: 992px) { .btn_sesty { height: 3.5rem; border-radius: .45rem; font-size: 26px; } } @media only screen and (max-width: 576px) { .btn_sesty { height: 3.5rem; border-radius: .45rem; font-size: 26px; } } .form-control:focus { color: var(--bs-body-color); border-color: #86b7fe; outline: 0; box-shadow: none !important } /* #ui-id-1 { box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 30px -5px !important; border-radius: 0.05rem; padding: 10px; font-size: .95rem; line-height: 1.5rem; width: 430.467px; max-height: 300px; overflow: scroll; color: #3f3f3f }*/ /*#ui-id-1 { box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 30px -5px !important; border-radius: 0.05rem; padding: 10px; font-size: 14px !important; line-height: 1.5rem; width: auto; max-height: 300px; overflow: scroll; color: #2a2c2b !important; font-family:Poppins-Medium !important; }*/ #ui-id-2 { padding: 10px; } @media only screen and (max-width:768px) { #ui-id-1 { z-index: 999999; overflow-x: hidden; max-height: 100% !important; overflow: hidden; overflow-y: hidden; position: fixed; width: 100% !important; left: 0px !important; box-shadow: none !important; } } @media only screen and (max-width:768px) { #ui-id-2 { z-index: 999999; overflow-x: hidden; max-height: 100% !important; overflow: hidden; overflow-y: hidden; position: fixed; width: 100% !important; left: 0px !important; box-shadow: none !important; color: #2a2c2b; } } @media only screen and (max-width: 768px) { .ui-datepicker { width: 99% !important; left: 0px !important; top: 50px !important; height: 100% !important; z-index: 111111 !important; border-radius: 0px !important; margin: 1px; } } .ui_datepicker_departuredate { float: left; height: auto; color: #333333; font-size: 15pt; background-color: #fff; top: 0; position: inherit; z-index: 111111 !important; text-align: center; padding: 20px; } /*@media only screen and (max-width: 768px) { .ui_datepicker_departuredate { width: 100%; float: left; height: auto; color: #333333; font-size: 15pt; background-color: #fff; top: 0; position: fixed; z-index: 999999 !important; text-align: center; padding: 20px; } }*/ /*@media only screen and (max-width: 768px) { #ui-datepicker-div { border-radius: .50rem .50rem .50rem .50rem; padding: 10px; position: fixed !important; } } */ .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } @media only screen and (max-width: 768px) { .ui-widget.ui-widget-content { border: 0px solid #c5c5c5 !important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } } #ui-datepicker-div { border-radius: 0rem; padding: 10px; } .ui-widget-header { border: 1px solid #fff !important; background: #fff; color: #333333; font-weight: bold; /*height:7px !important; */ } .ui-datepicker-div { position: absolute; top: 289.7px; left: 796.5px; z-index: 1; display: block; border-radius: .75rem .75rem .75rem .75rem !important; padding: 25px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0px solid #cfe1fb; box-shadow: 0px 0px 0px #ccc; font-weight: 500; text-align: center !important; border-radius: 0rem; background-color: #fff; color: #2a2c2b; } .ui-datepicker-calendar thead { border-bottom: #ccc solid 0px; } .ui-state-default:hover { background: #e1edff !important; color: #2a2c2b !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 0px solid #fff; border-bottom: 0px solid #ccc; color: #de6202 !important; border-radius: 0px; /* background-color: #de6202 !important;*/ color: #3f3f3f !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 0px solid #fff; border-bottom: 0px solid #ccc; color: #fff !important; border-radius: 0px; z-index: 999999999 !important; /*background-color: rgba(245,111,0,0.1);*/ background: #1a4788; } /*.ui-menu .ui-menu-item::before { display: inline-block; font-family: "Material Symbols Outlined"; content: "\e6ca"; font-size: 26px; float: left; margin-top: 10px; margin-right: 10px; color: #3f3f3f !important; z-index: 999999999 !important; }*/ /*sandeep*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: navajowhite; /*  background: #ced4da !important;*/ color: #2b2b2b; font-weight: 600; border-radius: 0rem; } .ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled:active { border: 1px solid #de6202; /*  background-color: #de6202 !important;*/ font-weight: 600; color: #fff !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; border-radius: 50%; background: #fff; border: #c0c2c9 solid 0px; cursor: pointer; } .ui-icon-circle-triangle-e { background-position: -32px -32px; } .ui-icon-circle-triangle-w { background-position: -96px -32px; } .ui-datepicker { width: 20em; padding: .5em .5em .5em .5em !important; display: none; z-index: 9999999 !important; } .ui-widget { font-size: 1em; } .ui-datepicker td a { display: block; padding: 0em; text-decoration: none; } .ui-datepicker table { width: 100%; font-size: .95em; border-collapse: collapse; margin: 0 0 0em; } .ui-widget-content { border: 1px solid #ccc; background-color: #fff; color: #2a2c2b !important; } .highlight { background-color: none !important; /*padding: 5px 0px 6px;*/ margin: 0px 8px; box-shadow: none !important; color: #2b2b2b !important; transition: none !important; } .dest-input-bg { padding-left: 30px !important; background-position: 5px 0px; } .ui-menu .ui-menu-item-wrapper { position: relative; padding-top: 10px; padding-bottom: 10px; font-size: 13px; padding-right: 0px; padding-left: 0px; } #traveller { display: none; } #traveller_mobile { display: none; } #countryflagdiv { display: none; position: absolute; width: 217px; float: right; height: 200px; background-color: #fff; border-radius: 0.75rem; z-index: 111111; right: 20px; margin-top: 10px; } .nav-link-tab { display: block; font-size: 11pt; color: #fff; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding-right: 0px; /*padding: 15px;*/ padding: 5px 10px 5px 10px; color: #162849; text-transform: uppercase; margin-bottom: 0px !important; background-color: #fff; border-radius: 0px 6px 6px 0px; } .nav-link-tab:focus { display: block; font-size: 11pt; color: #fff; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding-right: 0px; /* padding: 15px;*/ padding: 12px 20px 12px 20px; color: #de6202; text-transform: uppercase; margin-bottom: -35px !important; background-color: #fff; } .nav-tabs .nav-link-tab.active { color: #fff; background-color: #1a4788; padding: 5px 10px 5px 10px; } .nav-link { display: block; font-size: 1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding-right: 0px; padding: 8px 20px; margin-bottom: 0px !important; font-family: Poppins-Medium; border-radius: 8px; margin-top: 7px; margin-right: 10px; } .nav-link:hover { display: block; font-size: 1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding: 8px 20px; margin-bottom: 0px !important; background-color: #f3f3f3; font-family: Poppins-Medium; border-radius: 8px; } .nav-link:focus { display: block; font-size: 1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding: 8px 20px; margin-bottom: 0px !important; font-family: Poppins-Medium; border-radius: 8px; } .transi_sty { border: var(--bui_border_width_100) solid transparent; /*   border-radius: .25rem;*/ transition: var(--bui_animation_press); transition-property: border-color,background-color; } .dropdown-toggle::after { display: inline-block; /* margin-left: .255em; vertical-align: .255em;*/ /*  content: "";*/ vertical-align: bottom !important; border-top: 0em solid; border-right: 0em solid transparent; border-bottom: 0; border-left: 0em solid transparent; font-family: "Material Symbols Outlined"; content: "\e313"; font-size: 15px; } .dropdown-item { display: block; width: 100%; padding: .35rem .99rem; clear: both; font-weight: normal; color: #3f3f3f; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-menu { font-size: 1rem; color: #212529; text-align: left; list-style: none; } .nav-tabs { border-bottom: 0px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; background-color: rgba(0, 0, 0, 0); border: 0px solid #fff; border-top-left-radius: unset; border-top-right-radius: unset; background-color: #fff; color: #162849; text-transform: uppercase; } .nav-tabs .nav-link.active { color: #4297fe; background-color: #fff; border: 0px solid #ccc !important; /* border-right: 1px solid #4297fe !important; border-left: 1px solid #4297fe !important;*/ } .form-control { font-size: 0.85rem; } #Search_Btn { display: none; } .header_number_01dv { width: 100%; height: auto; float: right; /* padding-right: 35px;*/ } @media only screen and (max-width:1851px) { .header_number_01dv { width: 100%; height: auto; float: left; /*    padding-right: 20px;*/ } } @media only screen and (max-width:1785px) { .header_number_01dv { width: 100%; height: auto; float: left; /*  padding-right: 10px;*/ } } @media only screen and (max-width:1545px) { .header_number_01dv { width: 100%; height: auto; float: left; } } @media only screen and (max-width:1112px) { .header_number_01dv { width: 100%; height: auto; float: left; } } .header_number_02dv { width: 30%; height: auto; float: left; padding-right: 48px; } @media only screen and (max-width:1708px) { .header_number_02dv { padding-right: 38px; } } @media only screen and (max-width:1565px) { .header_number_02dv { width: 30%; height: auto; float: left; padding-right: 10px; } } @media only screen and (max-width:1112px) { .header_number_02dv { width: 30%; height: auto; float: left; display: none; } } /*video css home page*/ .vid_main { width: 100%; float: left; height: auto; background-color: #fff; } .vid_main_sec { background-color: #05203c; height: 0px; } .main_dv_float_left { width: 100%; float: left; height: auto; } .head_top_textsty { padding-top: 10px; word-spacing: 2px; z-index: 111111; top: 0; float: left; } .head_top_textsty_flag { padding-top: 0px; word-spacing: 2px; z-index: 111111; top: 0; text-align: right; color: #fff; cursor: pointer; } .head_flagsty { color: #fff !important; text-decoration: none; font-weight: bold; } .mobile_headerst { border-bottom: 1px solid #ccc; box-shadow: 1px 1px 15px #ccc; } .mobile_header_col { z-index: 111111; word-wrap: break-word; height: auto; float: left; } .mob_logo { max-width: 214px; width: 100%; } .mob_phone_bar { font-size: 36px; color: #fff; } .desk_header { padding-top: 0px; word-spacing: 2px; /* z-index: 111111;*/ top: 0; height: auto; float: left; /*   padding-bottom: 5px;*/ } .desk_logo { max-width: 238px; width: 100%; } .css-1lfqefm { width: 46px; height: 46px; fill: #182870; vertical-align: middle; margin-top: 4px; margin-right: 10px; } .headerpad8 { padding-top: 8px; padding-bottom: 8px; } @media only screen and (max-width:992px) { .pl_992 { padding-left: 5px; } } @media only screen and (max-width:576px) { .pl_992 { padding-left: 0px; } } .btn-primary { color: #fff; background-color: #182870; border-color: #111a48; } .btn-primary:hover { color: #fff; background-color: #1a4788; border-color: #111a48; } .btn-primary:active { background-color: #0b5ed7 !important; box-shadow: 0 5px #ccc !important; transform: translateY(4px) !important; } .v2_banner { background-size: cover; background-repeat: no-repeat; } @-webkit-keyframes zoom { from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.5, 1.5); } } @keyframes zoom { from { transform: scale(1, 1); } to { transform: scale(1.5, 1.5); } } .zoom-container img { -webkit-animation: zoom 50s; animation: zoom 50s; } .video_mt { margin: 0 auto; width: 100%; margin-top: 0px; } @media only screen and (max-width:1500px) { .video_mt { margin: 0 auto; width: 100%; margin-top: 0px; } } @media only screen and (max-width:1350px) { .video_mt { margin: 0 auto; width: 100%; margin-top: 0px; } } @media only screen and (max-width:992px) { .video_mt { margin: 0 auto; width: 100%; margin-top: 0px; } } @media only screen and (max-width:1400px) { .hide_lg { display: none; } } /*Offcanvas CSS*/ .offcanvas-start { top: 0; left: 0; max-width: 450px; width: 100%; border-right: 0px solid rgba(0,0,0,.2); transform: translateX(-100%); /* background-color: rgba(255,255,255, 0.9);*/ -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .offcanvas-end { max-width: 450px !important; } @media only screen and (max-width:576px) { .offcanvas-start { top: 0; left: 0; max-width: 100%; width: 100%; border-right: 0px solid rgba(0,0,0,.2); transform: translateX(-100%); background-color: rgba(255,255,255, 0.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } } .offcanvas_headerbg { border-bottom: 1px solid #ccc; box-shadow: 1px 1px 15px #ccc; background-color: #fff; } /*Mobile Hamburger ul li Code Begin */ .li_sty_sub { padding-bottom: 10px; padding-left: 18px; color: #de6202; list-style-type: none; } .li_sty_sub:hover { padding-bottom: 10px; padding-left: 18px; color: #02347e; list-style-type: none; } .li_sty_sub_sub { border-bottom: 1px solid #b8d1f6; padding-bottom: 5px; } .list-group-item.active { z-index: 2; color: #de6202; background-color: #edf3fb; border-color: #b8d1f6; } .list-group-item { position: relative; display: block; padding: .8rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125); } .list-group-item:hover { z-index: 2; color: #de6202; background-color: #edf3fb; border-color: #b8d1f6; } /*Mobile Hamburger ul li Code End */ /* fallback */ @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100 700; src: url('../../../common/fonts/material-symbols-outlined.woff2') format('woff2'); } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; } /*Tesing code*/ .bullet li a:before { font-family: "Material Symbols Outlined"; content: "\e80b"; font-size: 50px; } /*header & Search Engine*/ .header_right_border { border-right: 2px solid #fff; } @media only screen and (max-width:1200px) { .header_right_border { border-right: 0px solid #fff !important; } } @media only screen and (max-width:1200px) { .lg_new_hide { display: none; } } .header_logoset { text-align: left; } @media only screen and (max-width:1200px) { .header_logoset { text-align: left; padding-right: 50px; } } @media only screen and (max-width:1200px) { .header_logoset { text-align: left; padding-right: 0px; } } .menubar_dv { float: left; margin-right: 12px; } @media only screen and (max-width:1200px) { .menubar_dv { float: left; margin-right: 0px; margin-top: 5px; margin-left: -8px; } } /*Search Engine Changes*/ .select_pb_searchengin { margin-bottom: 20px; height: 2.8rem; } @media only screen and (min-width:576px) { .select_pb_searchengin { margin-bottom: 0px; height: 2.8rem; } } @media only screen and (max-width:400px) { .hide_sm_400 { display: none; } } .se_adt_chinfant { width: 100%; max-width: 317px; float: left; height: auto; background-color: #fff; /* margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 9999999 !important; position: absolute; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border-top: 0px; /* margin-left:-111px; 1360px margin-left: -43px;*/ } @media only screen and (max-width:1400px) { .se_adt_chinfant { width: 100%; max-width: 362px; float: left; height: auto; background-color: #fff; /* margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; border: 1px solid #ced4da; border-top: 0px; margin-left: 0px; } } @media only screen and (max-width:1200px) { .se_adt_chinfant { width: 100%; max-width: 302px; height: auto; background-color: #fff; /*  margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; border: 1px solid #ced4da; border-top: 0px; } } @media only screen and (max-width:992px) { .se_adt_chinfant { width: 100%; max-width: 317px; float: left; height: auto; background-color: #fff; /*  margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; box-shadow: none !important; border-top: 0px; } } .accor_color { color: #2a2c2b; } .break_1200 { display: none; } @media only screen and (max-width:1200px) { .break_1200 { display: block; } } @media only screen and (max-width:993px) { .break_1200 { display: none; } } @media only screen and (max-width:992px) { .se_adt_chinfant { width: 100%; max-width: 100%; float: left; height: auto; background-color: #fff; margin-top: -15px; border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: relative; border: 1px solid #ced4da; border-top: 0px; } } @media only screen and (max-width:768px) { .se_adt_chinfant { width: 100%; max-width: 100%; float: left; height: auto; background-color: #fff; margin-top: 0px; border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: relative; border: 1px solid #ced4da; border-top: 0px; } } @media only screen and (max-width:576px) { .se_adt_chinfant { width: 100%; max-width: 100%; float: left; height: auto; background-color: #fff; margin-top: 0px; border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: relative; border: 0px solid #ced4da; border-top: 0px; } } .se_tab_borderbot { border-bottom: 0px solid #4297fe; /*    padding-bottom: 15px;*/ } .se_tab_borderbot_borno { border-bottom: 0px solid #4297fe; padding-bottom: 15px; } /*header dropdown menu hover*/ .hd_hov_dv { width: 100%; float: left; height: 40px; } .hd_callus_sec { width: auto; float: right; margin-right: 0px; height: auto; line-height: 17px; border-right: 1px solid rgb(23, 24, 28); padding-right: 15px; border-left: 1px solid rgb(23, 24, 28); padding-left: 15px; } .hd_callus_headericon { width: 19%; float: left; height: auto; padding-right: 8px; margin-top: 1px; } .hd_callus_widthauto { width: auto; float: left; height: auto; line-height: 22px; text-align: right; } .font10 { font-size: 14px; color: #2a2c2b; } .callus_ft { color: #182870; font-size: 14px; } .font13_bold { font-size:22px; color: rgb(237, 79, 2); font-family: Poppins-Bold } @media only screen and (max-width:1700px) { .font13_bold { font-size: 22px; color: rgb(237, 79, 2); } } @media only screen and (max-width:1410px) { .font13_bold { font-size: 26px; color: rgb(237, 79, 2); } } @media only screen and (max-width:1400px) { .font13_bold { font-size: 24px; color: rgb(237, 79, 2); } } @media only screen and (max-width:405px) { .font13_bold { font-size: 20px; color: rgb(237, 79, 2); } .callus_ft { color: #182870; font-size: 12px; } } .hd_infoicon { width: auto; float: right; height: auto; text-align: right; color: #fff; } .icon_info_sty { font-size: 15pt; padding-top: 10px; } .drop_down_menu_maindv { padding-top: 33px; background-color: transparent !important; border: 0px; z-index: 111111 !important; } .ddl_mt20 { width: 100%; margin-top: 20px; height: auto; } .ddl_maindv_boxshadow { width: 100%; float: left; height: auto; background-color: #fff; border-radius: 8px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } .padding_15px { padding: 15px; } .row_sty { width: 100%; height: auto; float: left; border-bottom: 1px dotted #ccc; padding-bottom: 10px; } .we_are_opendv { width: 100%; height: auto; float: left; padding: 15px; background-color: #f3f3f3; border-end-start-radius: 8px; border-end-end-radius: 8px; } .we_are_opendv_inner { width: 100%; height: auto; float: left; margin-top: -6px; margin-bottom: -3px; text-align: left; } .we_are_opendv_spansty { font-size: 9pt; color: #333333; border-radius: 25px; } .row_sty_01 { width: 85%; height: auto; float: left; line-height: 20px; } .row_sty_02 { width: 15%; height: auto; float: left; text-align: right; } .row_heading_sty { font-size: 10pt; color: #555; } .row_heading_sty_num { font-size: 13pt; color: #5b5a5a; } .i_material_st { font-size: 32px; padding-top: 3px; color: #555; } @media only screen and (max-width:1330px) { .hide_1330 { display: none; } } @media only screen and (max-width:1186px) { .hide_1330 { display: inline-block; } } .modal_country_main { width: 100%; float: left; height: auto; } .modal_country_main_inner_div { width: 33.33%; float: left; height: auto; padding: 10px; } .modal_country_main_inner_div34 { width: 33.33%; float: left; height: auto; padding: 10px; } .modal_borderdv { width: 100%; float: left; height: auto; border: 1px solid #e0e0e0; padding: 6px; border-radius: 4px; } .modal_borderdv:hover { width: 100%; float: left; height: auto; border: 1px solid #e0e0e0; background-color: #f3f3f3; padding: 6px; border-radius: 4px; transition: 0.25s ease; } .modal_flag_dv { width: 100%; height: auto; float: left; text-align: center; } .modal_flag_txt { width: 100%; height: auto; float: left; text-align: center; color: #333; font-size: 11pt; } .modal_flag_img_sty { max-width: 30px; margin: 0 auto; border-radius: 10px; } .box_shadow_sty { box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 20px, rgba(0, 0, 0, 0.04) 0px 2px 10px, rgba(0, 0, 0, 0.02) 0px 0px 4px; } .country_color { color: #3f3f3f; font-size: 13pt; } .border_bottom_ind { border-bottom: 1px solid #fff; } .search_eng_padbot50 { width: 100%; float: left; height: auto; padding-bottom: 50px; } .se_bg_white { /*background-color: #fff;*/ padding-bottom: 15px; background-color: #fff; } @media only screen and (max-width:768px) { .se_bg_white { /*background-color: #fff;*/ padding-bottom: 15px; background-color: #fff; border: 1px solid #182870; } } .se_flying_from_input { height: 3.5rem !important; /* background-image: url('../../img/dest-icon.png');*/ background-position: right 17px; background-repeat: no-repeat; /*   font-family: "Material Symbols Outlined"; content: "\e80b"; font-size: 50px;*/ padding-left: 40px !important; } .se_flying_to_input { height: 3.5rem !important; /* background-image: url('../../img/dest-icon.png');*/ background-position: right 17px; background-repeat: no-repeat; padding-right: 35px !important; } .se_dep_date_input { cursor: pointer !important; height: 3.5rem; border-radius: .0rem; /* background-image: url('../../img/calendar.jpg');*/ background-position: right 17px; background-repeat: no-repeat; } .se_return_date { cursor: pointer !important; height: 3.5rem; border-radius: .0rem; /* background-image: url('../../img/calendar.jpg');*/ background-position: right 17px; background-repeat: no-repeat; } .se_traveller_cabin { cursor: pointer; height: 3.5rem; border-radius: .0rem; /* background-image: url('../../img/passenger.png');*/ background-position: right 17px; background-repeat: no-repeat; } .se_travller_dv { margin-top: 0px; padding: 20px; } .se_adult_sty_adlt { width: auto; float: left; height: auto; } .se_adult_sty_adlt_p { margin-top: 4px; margin-bottom: 0rem; font-weight: bold; font-size: 16px; line-height: 18px; } .se_trav_plus { border: 1px solid #e9e9e9; border-start-end-radius: 0rem !important; border-end-end-radius: 0rem !important; background-color: #e9e9e9 } .btn { color: #fff !important; } .se_trav_plus02 { border: 1px solid #e9e9e9; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; background-color: #e9e9e9 } .age_16plussty { font-size: 12px; color: #969393; font-weight: normal !important; } .adult_plus_inp { border: 1px solid #e9e9e9; padding: 0px !important; } .se_child_section { margin-top: 10px; /* margin-top: 25px;*/ padding: 20px; } .se_child_txtsty { width: auto; float: left; height: auto; } .se_children_style { margin-top: 4px; margin-bottom: 0rem; font-weight: bold; font-size: 16px; line-height: 18px; } .se_childern_age_sty { font-size: 12px; color: #969393; font-weight: normal !important; } .se_childre_minus_se { border: 1px solid #e9e9e9; border-start-end-radius: 0rem !important; border-end-end-radius: 0rem !important; background-color: #e9e9e9 } .se_children_pluse { border: 1px solid #e9e9e9; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; background-color: #e9e9e9 } .se_childre_inputsds { border: 1px solid #e9e9e9; padding: 0px !important; } .se_cabin_class_dv { margin-top: 0px; padding: 10px 20px; } .se_cabin_class_dv_inner { width: 100%; float: left; height: auto; } .se_cabinclass_txt { margin-top: 10px; margin-bottom: 0rem; font-weight: bold; font-size: 16px; padding-bottom: 5px; } .se_cabinclass_donebtn { width: 100%; float: left; height: auto; margin-top: 0px; } .sedonebtn { width: 90% !important; cursor: pointer; border-radius: 22px; } .flyingfrom_iconmatgo { width: 100%; cursor: pointer; background: url(../../../img/dialtotravel.co.uk/home/departing_flight.svg) 3% 15px no-repeat; background-size: 24px 20px; /* or 'auto' */ } .flyingfrom_iconmatgo_cal { width: 100%; cursor: pointer; background: url(../../../img/dialtotravel.co.uk/home/calendar-icon.svg) 95% 16px no-repeat; background-size: 24px 20px; /* or 'auto' */ } .flyingfrom_iconmatgo_depart { position: absolute; float: right; right: 7px; font-size: 30px; color: #2a2c2b; margin-top: 8px; } .flyingfrom_iconmatgo_02 { width: 100%; cursor: pointer; background: url(../../../img/dialtotravel.co.uk/home/arrival_flight.svg) 3% 15px no-repeat; background-size: 24px 20px; /* or 'auto' */ } .flyingfrom_iconmatgo_traveller { width: 100%; cursor: pointer; background: url(../../../img/dialtotravel.co.uk/home/passengers.svg) 95% 16px no-repeat; background-size: 24px 20px; /* or 'auto' */ } .dropdown:hover > .dropdown-menu { display: block; } .dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; } input { font-size: 11pt; width: 100%; padding: 13px; color: #333; border: 1px solid #182870; transition: border-color 250ms; background-color: #fff; border-radius: 5px !important; } /* .input { font-size: 11pt; width: 100%; padding: 13px; color: #333; border: 1px solid #ccc; transition: border-color 250ms; background-color: transparent; } */ .input:focus { outline: none; border: 1px solid #4297fe; background-color: #cccccc1c; border: 1px solid #aaa8a8; } .input::-webkit-contacts-auto-fill-button { visibility: hidden; pointer-events: none; position: absolute; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out; padding-left: 40px; } .label { position: absolute; top: 0px; left: 0; color: #43454e; pointer-events: none; transform-origin: left center; transition: transform 250ms; font-size: 11pt; } .input:focus + .label, .input:not(:placeholder-shown) + .label { transform: translateY(-50%) scale(0.75); color: #182870 !important; padding: 0px !important; padding-left: 10px !important; padding-right: 10px !important; margin-left: 5px !important; height: 15px; /*  backdrop-filter: blur(50px);*/ /* background-color: rgba(255, 255, 255, 0.7);*/ text-transform: uppercase; background:#fff; } .btn:focus { outline: none; box-shadow: none; } .offcanvas-bottom { right: 0; left: 0; height: 50%; height: auto; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%); } .parallax { background-image: url('../../img/bg.jpg'); height: 800px; /* Adjust as needed */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parallax02 { background-image: url('https://www.w3schools.com/howto/img_parallax.jpg'); height: 800px; /* Adjust as needed */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .ui-icon { text-indent: unset !important; } .ui-datepicker .ui-icon { text-indent: unset !important; } .ui-widget-header .ui-icon { background-image: none !important; } .ui-icon-circle-triangle-w::before { content: "\e5e0"; color: #de6202; font-family: 'Material Symbols Outlined'; position: relative; margin-top: -5px; font-weight: bolder; top: -5px; } .ui-icon-circle-triangle-e::before { content: "\e5e1"; color: #de6202; font-family: 'Material Symbols Outlined'; position: relative; margin-top: -5px; font-weight: bolder; top: -5px; } .ui-datepicker-week-end { border: 0px solid #e0e0e0 !important; font-weight: bolder !important; color: #fb4f0f !important; } .ui-datepicker-week-end .ui-state-default { background-color: none; color: #fb4f0f; } /*Multicity Truspilot CSS BEGIN*/ #darktp { display: none; } @media only screen and (max-width: 1200px) { #darktp { display: block; } } #lighttp { display: block; } @media only screen and (max-width: 1200px) { #lighttp { display: none; } } .padding_trustpilott { padding: 28px 24px 24px 28px; pointer-events: none; } .video_overlaybg { /*background-image: linear-gradient( to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 0% );*/ background-image: linear-gradient( to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 100.5) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 10) 0% ); } @media only screen and (max-width:1205px) { .video_overlaybg { background-image: none; } } /*Multicity Truspilot CSS END*/ .ui-datepicker th { text-align: center; font-weight: normal !important; } /*Search Engine New*/ .font_171160 { color: #828080; font-size: 16px; } /*Search Engine New*/ .border_left_2sl { border-left: 2px solid #fff; } @media only screen and (max-width:1200px) { .border_left_2sl { border-left: 0px solid #696a6a !important; } } .home_trust_icons_dv80 { width: 100%; margin: 0 auto; height: auto; } @media only screen and (max-width:992px) { .home_trust_icons_dv80 { width: 100%; margin: 0 auto; height: auto; } } .home_trust_icons_dv25 { width: 33%; float: left; height: auto; border-right: 0px solid #dddddd; } .home_trust_icons_dv25wb_active { width: 33%; float: left; height: auto; } .home_trust_icons_dv25wb { width: 33%; float: left; height: auto; display: none; } .home_trust_icons_googleicon { max-width: 190px; width: 100%; } .home_trust_icons_secureicon { max-width: 112px; width: 100%; } .home_trust_icons_supporticon { max-width: 141px; width: 100%; } .home_trust_icons_iataicon { max-width: 74px; width: 100%; } .dealBoxer { border: 1px solid #eeeeee; position: relative; overflow: hidden; cursor: pointer; } .dealBoxer:hover { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; cursor: pointer; } /*    .dealBoxer::before { content: "/"; color: transparent; background-color: var(--color-orange); position: absolute; right: 0; width: 4px; top: 0; bottom: 0; height: 0; transition: .6s; }*/ .fs-14 { color: #2a2c2b; } .fs-14wb { color: #2a2c2b; } .fs-16 { color: #de6202; } .mb-0 { margin-bottom: 0 !important; } .fs-12 { font-size: 14px; color: #2a2c2b; } .color-orange { color: #357add !important; } .titleH2 { font-size: 24px; color: #2a2c2b; line-height: 20px; } .titleH3 { font-size: 24px; color: #2a2c2b; font-weight: bold; } .bookimgtxt_p { color: #2a2c2b; text-align:justify; } .div_img_left { width: 95%; height: 537px; float: left; background-color: #eeeeee; border-radius: 8px; } @media only screen and (max-width:992px) { .div_img_left { width: 100%; height: 517px; float: left; background-color: #ccc; border-radius: 8px; margin-bottom: 15px; } } .bookimgtxt { font-size: 22px; color: #2a2c2b; font-weight: 600; } .bookimgtxt::after { content: ''; position: relative; top: 0; width: 120px; display: block !important; background: rgb(207,96,5); background: linear-gradient(78deg, rgba(27,73,147,1) 0%, rgba(33,85,159,1) 37%, rgba(46,109,200,1) 71%, rgba(73,135,224,1) 100%); height: 4px; border-radius: 4px; margin-top: 13px; } .accordion-item { background-color: #fff; border: 0px; border-bottom: 1px solid #8CE7FF !important; padding: 5px 10px; } .accordion-button { padding: 1rem 0rem !important; } .accordion-button:not(.collapsed) { color: #fb4f0f; background-color: #fff !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.125); } .accordion-button:focus { z-index: 3; border-color: #fff; outline: 0; box-shadow: none; } /*footer code Begin*/ .footer_heading_h2 { font-size: 20px; color: #fff; } .footer_heading_h2::after { content: ''; position: relative; top: 0; width: 44px; display: block !important; background: rgb(207,96,5); background: linear-gradient(78deg, rgba(26,71,136,1) 0%, rgba(36,89,167,1) 37%, rgba(47,110,101,1) 71%, rgba(52,120,218,1) 100%); height: 4px; border-radius: 4px; margin-top: 13px; } .bg-dark-grey { background-color: #1a4788 !important; } .foo_ul { list-style-type: none; line-height: 30px; } .foo_ul li { position: relative; } .foo_ul li::before { /* add the new bullet point */ display: inline-block; content: ''; -webkit-border-radius: 0.375rem; border-radius: 0.375rem; height: 0.35rem; width: 0.35rem; margin-right: 0.5rem; background-color: #bdbdbd; } .foo_li_a { color: #fff; font-size: 14px; text-decoration: none; } .foo_li_a { position: relative; } .foo_li_a:hover { color: #f3f3f3; font-size: 14px; text-decoration: none; } .foo_li_a::before { content: ''; position: absolute; width: 100%; height: 1px; border-radius: 4px; background-color: #fb4f0f; bottom: -8px; left: 0; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; color: #fff; font-size: 14px; } .foo_li_a:hover::before { transform-origin: left; transform: scaleX(1); } .mttop_20 { margin-top: 20px; } @media only screen and (max-width:572px) { ul { margin-top: 0; margin-bottom: 0rem !important; } } .foo_borbot { border-bottom: 1px solid #fff; } .mc_footer100width { width: 100%; float: left; height: auto; } @media only screen and (max-width:572px) { .mc_footer100width { width: 100%; float: left; height: auto; text-align: left; margin-top: 10px; } } .mc_footer100width_social { width: 100%; float: left; height: auto; } @media only screen and (max-width:768px) { .mc_footer100width_social { width: 100%; float: left; height: auto; text-align: center; } } .foo_copyright { font-size: 12px; color: #fff; } @media only screen and (max-width:572px) { .foo_copyright { font-size: 12px; color: #fff; text-align: center; } } .why_heading_span { font-size: 16px; color: #182870; } .homepageitems_wrapper { width: 100%; float: left; height: auto; padding-top: 20px; padding-bottom: 30px; position: relative; } .BpkSwapButton_bpk-swap-button__OTA2O { transform: translateY(-50%) rotate(90deg); -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; margin-top: 5px; margin-left: 3px; } .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 334px; margin-top: -30px; } @media only screen and (max-width:1399px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 351px; margin-top: -30px; } } @media only screen and (max-width:1200px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 292px; margin-top: -30px; } } @media only screen and (max-width:992px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 292px; margin-top: 3px; float: right; } .BpkSwapButton_bpk-swap-button__OTA2O { transform: translateY(-50%) rotate(180deg); -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; } } @media only screen and (max-width:428px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 314px; margin-top: 3px; } .BpkSwapButton_bpk-swap-button__OTA2O { transform: translateY(-50%) rotate(180deg); -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; margin-top: 2px; } } @media only screen and (max-width:414px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 298px; margin-top: 3px; } } @media only screen and (max-width:400px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 289px; margin-top: 3px; } } @media only screen and (max-width:376px) { .SearchControls_SwapButtonContainer__ODBmY { height: auto; position: absolute; margin-left: 263px; margin-top: 3px; } } .SwapButton_OnewayReturnContainer__Zjg3O { /*margin-inline-start: -1.375rem;*/ position: absolute; top: 50%; z-index: 1; } .activesdes { transform: translateY(-50%) rotate(450deg); } .activesdes_remo { transform: translateY(-50%) rotate(180deg); } .BpkSwapButton_bpk-swap-button__OTA2O:hover { transform: translateY(-50%) rotate(450deg); } .BpkSwapButton_bpk-swap-button__button__NGYxZ { align-items: center; background-color: #fff; border: 1px solid #357add; border-radius: 50%; display: flex; height: 1.6rem; justify-content: center; transition: transform .4s; width: 1.6rem; } .BpkSwapButton_bpk-swap-button__button__NGYxZ:hover { border: 1px solid #de6202; background-color: #f3f3f3; } svg: not(:root) { overflow: hidden; } .se_mb_05 { margin-bottom: 0px !important; } @media only screen and (max-width:1400px) { .se_mb_05 { margin-bottom: 10px !important; } } .tnclass_txt { color: #2a2c2b; font-weight: normal !important; color: #2a2c2b; line-height: 10px; } .tnclass_txt_subtitle { font-size: 11px; color: #2a2c2b; font-weight: normal !important; color: #2a2c2b; } .button_plusminus { padding: .125rem .75rem !important; color: #2a2c2b !important; } .mob_txtbox_vie { max-width: 564px !important; margin-left: -3px !important; margin-top: -67px !important; display: none; } /*.mob_txtbox_vie { max-width: 564px !important; margin-left: -5px !important; margin-top: -70px !important; display: none; }*/ .se_adt_chinfant_mmc { width: 100%; max-width: 317px; float: left; height: auto; background-color: #fff; /* margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border-top: 0px; /* margin-left:-111px; 1360px*/ margin-left: -75px; padding-bottom: 18px; } @media only screen and (max-width:1400px) { .se_adt_chinfant_mmc { width: 100%; max-width: 362px; float: left; height: auto; background-color: #fff; /* margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; border: 1px solid #ced4da; border-top: 0px; margin-left: -126px; } } @media only screen and (max-width:1200px) { .se_adt_chinfant_mmc { width: 100%; max-width: 302px; height: auto; background-color: #fff; /*  margin-top: -15px;*/ border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; z-index: 111111; position: absolute; border: 1px solid #ced4da; border-top: 0px; margin-left: -112px; } } @media only screen and (max-width:992px) { .se_adt_chinfant_mmc { width: 100%; max-width: 100%; float: left; height: auto; background-color: #fff; /*  margin-top: -15px;*/ border-radius: 0 0 0.75rem 0.75rem; z-index: 111111; position: relative; box-shadow: none !important; border-top: 0px; margin-left: 0px; } } @media only screen and (max-width:768px) { .se_adt_chinfant_mmc { width: 100%; float: left; height: 100%; background-color: #fff; z-index: 111111; position: fixed; box-shadow: none !important; top: 0px; left: 0px; bottom: 0px; } } @media only screen and (max-width:992px) { .mob_txtbox_vie { max-width: 100% !important; margin-left: 0px !important; margin-top: -70px !important; display: none; border: 1px solid #ccc !important; /* border-radius: 3px !important;*/ } } @media only screen and (max-width:768px) { .mob_txtbox_vie { padding-bottom: 0px !important; margin-top: 0px !important; border: 0px solid #ccc !important; } } .Toairport_dvsty { max-width: 564px !important; margin-left: -5px !important; margin-top: -70px; display: none; } @media only screen and (max-width:992px) { .Toairport_dvsty { max-width: 100% !important; margin-left: 0px !important; margin-top: -70px !important; display: none; border: 1px solid #ccc !important; border-radius: 3px !important; } } /*@media only screen and (max-width:576px) { .Toairport_dvsty { padding-bottom: 20px !important; } }*/ @media only screen and (max-width:768px) { .Toairport_dvsty { padding-bottom: 0px !important; margin-top: 0px !important; border: 0px solid #ccc !important; } } .multicity_txtboxtrunk { overflow: hidden; white-space: nowrap; display: table-cell; text-overflow: ellipsis; } .se_flying_from_input_multicity { height: 3.5rem !important; /* background-image: url('../../img/dest-icon.png');*/ background-position: right 17px; background-repeat: no-repeat; /*   font-family: "Material Symbols Outlined"; content: "\e80b"; font-size: 50px;*/ padding-right: 85px !important; } .being_typ_txt { height: auto; padding-bottom: 8px; color: var(--color-grey-500); font-size: .8rem; display: flex; } .boxshadow_home { box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 20px, rgba(0, 0, 0, 0.04) 0px 2px 10px, rgba(0, 0, 0, 0.02) 0px 0px 4px; } .bg_home_dark { z-index: -111111; position: relative; background-color: #2a2c2b; height: 353px; } .bg_white { background-color: #1a4788 !important; } @media (max-width: 768px) { .bg_white { background-color: #1a4788 !important; padding-bottom: 5px; } } .menu_header_fonts { font-size: 38px !important; } .menu_phoneicon { max-width: 45px; margin-top: 3px; cursor: pointer; } .top_domesticdeals { font-weight: bold; color: #2A2C2A; font-size: 20px; margin-bottom: 5px; margin-top: 20px; } .note-txt { font-size: 8px; font-weight: normal; margin-bottom: 20px !important; } @media (min-width: 1400px) { .col-xxl-3_newww { flex: 0 0 auto; width: 25.65%; } } @media (min-width: 1400px) { .col-xxl-3_newww_trav { flex: 0 0 auto; width: 16.65%; } } @media (min-width: 1400px) { .col-xxl-2_newww { flex: 0 0 auto; width: 10.66666667%; } } #ui-id-1 { z-index: 333333333; overflow-x: hidden; overflow: hidden; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 30px -5px !important; border-radius: 0.05rem; padding: 10px; font-size: 14px !important; line-height: 1.5rem; width: auto; height: 320px; overflow-y: scroll; color: #2a2c2b !important; background-color: #fff; } #ui-id-2 { z-index: 999999; overflow-x: hidden; overflow: hidden; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 30px -5px !important; border-radius: 0.05rem; padding: 10px; font-size: 14px !important; line-height: 1.5rem; width: auto; height: 320px; overflow: scroll; color: #2a2c2b !important; } /***********amit css start here*/ .font14 { font-size: 14px !important; } .font13 { font-size: 13px !important; } .font18 { font-size: 18px !important; } .font12 { font-size: 12px !important; } .font11 { font-size: 11px !important; } .phone-icon-header { width: 35px; height: 44px; border-radius: 100%; position: relative; top: 0; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 768px) { .phone-icon-header { width: 35px; height: 40px; border-radius: 100%; position: relative; top: 0; display: flex; justify-content: center; align-items: center; } } @media only screen and (max-width: 768px) { .desk_logo { max-width: 185px !important; width: 100%; margin-top: 5px; } .social-bar { display: flex; justify-content: flex-start !important; } } @media only screen and (max-width: 1200px) { .desk_logo { max-width: 214px; width: 100%; margin-top: 5px; } } .se_40margmin_rest { margin-top: -170px !important } .se_40margmin { margin-top: -180px !important; } @media only screen and (max-width: 1361px) { .se_40margmin { margin-top: -280px !important; } } @media only screen and (max-width: 1200px) { .se_40margmin { margin-top: -350px !important; } } @media only screen and (max-width: 992px) { .se_40margmin { margin-top: -400px !important; } } @media only screen and (max-width: 768px) { .se_40margmin { margin-top: 0px !important; } .se_40margmin_rest { margin-top: 0px !important } } .f-banner-svg-rest { padding-top: 10px; padding-bottom: 300px; background-color: #8CE7FF; background: url(../../../img/dialtotravel.co.uk/home/about-n.jpg) center top repeat-x; } .f-banner-svg-contact { padding-top: 10px; padding-bottom: 300px; background-color: #8CE7FF; background: url(../../../img/dialtotravel.co.uk/home/contact-n.jpg) center top repeat-x; } .f-banner-svg-terms { padding-top: 10px; padding-bottom: 300px; background-color: #8CE7FF; background: url(../../../img/dialtotravel.co.uk/home/terms.jpg) center top repeat-x; } .f-banner-svg { background: url(../../../img/dialtotravel.co.uk/home/bg-mainhome.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size:cover } @media only screen and (max-width: 1361px) { .f-banner-svg { background-size: contain; } } @media only screen and (max-width: 768px) { .f-banner-svg { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; } .f-banner-svg-rest { padding-top: 0px; padding-bottom: 0px; background-color: #fff; } .f-banner-svg-contact { padding-top: 0px; padding-bottom: 0px; background-color: #fff; } .f-banner-svg-terms { padding-top: 0px; padding-bottom: 0px; background-color: #fff; } } .round-box { border-radius: 5px; padding: 10px; text-align: center; min-height: 106px; } .round-box.bg1 { background: #b5dcff; } .round-box.bg2 { background: #faeecd; } .round-box.bg3 { background: #fce2e5; } .round-box.bg4 { background: #cbf6f8; } .round-box.bg5 { background: #cedffe; } .round-box.bg6 { background: #e7e3ff; } .round-box p { color: #000; font-weight: 500; font-size: 14px; margin-bottom: 0px; } /*********social icon footer css start here*/ .social-bar { display: flex; justify-content: end; } .social-icons a { border-radius: 50px; color: #3f345f; display: inline-block; line-height: 42px; height: 40px; width: 40px; box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15); margin: 0px 12px; font-size: 22px; } .slider-nav-item:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(84, 146, 235, 0.80); animation: 1.5s linear 0s normal none infinite focuse; } .slider-nav { display: flex; } .process-scetion .slider-nav-item { position: relative; flex-grow: 0; flex-shrink: 0; border-radius: 50%; text-align: center; background: #fff; cursor: pointer; transition: all .4s ease; } .process-scetion .slider-nav-item:nth-child(2) { color: #40beff; } .process-scetion .slider-nav-item:nth-child(3) { color: #311f9b; } .process-scetion .slider-nav-item:nth-child(4) { color: #ff9259; } .process-scetion .slider-nav-item:nth-child(5) { color: #38385f; } .process-scetion .slider-nav-item:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../../../img/dialtotravel.co.uk/home/line.png) repeat 0 0; z-index: 0; animation: slide 1s linear infinite; } .process-scetion .slider-nav-item:last-child:after { display: none; } .process-scetion .slider-nav-item .ikon { font-size: 50px; line-height: 80px; } .process-scetion .slider-nav-item.active:before { position: absolute; content: ""; height: calc(100% + 16px); width: calc(100% + 16px); top: -8px; left: -8px; border-radius: 50%; border: 1px solid rgba(132, 132, 164, 0.35); animation: 1.5s linear 0s normal none infinite focuse; } @keyframes focuse { 0% { transform: scale(0.8); opacity: 1; } 75% { transform: scale(1.2); opacity: 0; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes slide { from { background-position: 0 0; } to { background-position: 40px 0; } } .slider-nav-item:after { position: absolute; top: 50%; left: 100%; height: 2px; content: ''; width: 100%; background: url(../../img/line.png) repeat 0 0; z-index: 0; animation: slide 1s linear infinite; } @-webkit-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .jello-horizontal { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } .social-bar a:hover i { -webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both; } @media only screen and (max-width: 300px) { .process-scetion .slider-nav-item { height: 30px; width: 30px; margin: 15px 10px; line-height: 28px; } } .footer-cards-section { display: flex; flex-direction: row; } .footer-cards-section ul { list-style: none; margin: 0px; padding: 0px; } .footer-cards-section ul li { display: inline-flex; margin-right: 5px; } .rotate90_clockwise { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .txt-theme-blue { color: #1a4788; } .text-selection--animated-gradient { display: inline; white-space: normal; } .text-selection--animated-gradient--flash { background: currentColor url("../../../img/dialtotravel.co.uk/home/H1-gradient.jpg"); background-position: 0 300%; background-clip: text; background-size: cover; background-repeat: no-repeat; -webkit-text-fill-color: transparent; } .text-selection--animated-gradient.text-selection--animate { animation: animateText 6s ease infinite; } @keyframes animateText { 0% { background-position: 0 200%; } 100% { background-position: 0 -200%; } } @media only screen and (max-width: 767px) { .text-selection--animated-gradient.text-selection--animate { animation: none; } } /*********social icon footer css end here*/ /*********amit css end here*/ .hide-car { display: none; -webkit-animation: fadein 2s; } /*.hide-trip {display:none; -webkit-animation: fadein 2s; }*/ .passenger-count { position: absolute; background: #fff; padding: 12px; right: 5%; border: 1px solid #046c9a; left: 6%; top: 33px; z-index: 999; overflow: visible !important; width: 310px; } .wid100 { width: 100%; } .passenger-count p { font-size: 20px; margin-bottom: 0px; } .qty { display: inline-block; width: 38%; text-align: center; border: 0px; box-shadow: 0px 0px; font-size: 20px; color: #848b8d; padding: 0px; vertical-align: middle; } .qtyplus, .qtyminus, .qtyplushotel, .qtyminushotel, .qtyplushoteladult, .qtyminushoteladult { background: transparent; border: 2px solid #848b8d; width: 20px; height: 20px; line-height: 16px; color: #848b8d; font-size: 18px; border-radius: 100px; text-align: center; display: inline-block; } .circle-control { border: 1px solid; width: 16px; height: 16px; text-align: center; border-radius: 50%; padding-top: 1px; } .incremnt-block { background: #f8f8f8; padding: 7px 1px 1px; margin-top: 10px; font-size: 12px } .paddlr7 { padding-right: 7px; padding-left: 7px; } option:disabled { color: #ececec; } .padd-left-none { padding-left: 0 !important; } .padd-right-none { padding-right: 0 !important; } select.arrow { background: url('/travelresources/Images/New_Home/images/arrow-down.png') no-repeat right #fff !important; -moz-webkit-appearance: none !important; -appearance: none; padding-left: 5px !important; padding-right: 27px !important; background-position-x: 94% !important; border-radius: 0px !important; font-size: 12px; height: 29px !important; border: 1px solid #b8b8b8 !important; } #content { display: none; } .mart45 { margin-top: 45px; } .tab-bar { margin-bottom: 0px; margin-left: 0px; } .search-bar .tab-bar li { display: inline-block; background: #009479; border-radius: 0px; margin-left: -1px; width: 120px; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px; } .search-bar .tab-bar li.active { background: #ffffff; } .search-bar .tab-bar li.active a { color: #333333; font-weight: Bold; } .search-bar .tab-bar li a { color: #fe9031; text-decoration: none; display: inline-block; padding-top: 10px; padding-bottom: 6px; padding-left: 26px; width: 100%; font-weight: 600; } .search-bar .tab-bar li.active a .show-img { display: inline-block !important; margin-right: 2px; } .search-bar .tab-bar li.active a .hide-img { display: none !important; margin-right: 2px; } .show-img { display: none; } .bannerHeading { text-align: center; color: #fff; font-weight: bold; } .padTop-1 { padding-top: 1px; } #search-flight ul.list-inline li { color: #137fb0; } .errorContainer { padding: 14px 15px 14px 15px; } /* switchstart */ .Switch { position: relative; font-size: 1.6em; font-weight: bold; color: #ccc; height: 100%; /*border: 1px solid #137fb0;  background: rgba(236, 236, 236, 0);*/ border-radius: 4px; background: #fff; /*box-shadow: 0px 0px 4px rgba(0,0,0,0.1), inset 0px 1px 3px 0px rgba(0,0,0,0.1);*/ cursor: pointer; } .Switch span { display: inline-block; width: 35px; } .Switch span.On { color: #137fb0; } .Switch .Toggle { position: absolute; top: -5px; background: #137fb0; /* z-index: 999; */ -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; } .Switch.Round { padding: 0px 20px; border-radius: 20px; top: -1px; width: 100%; } .Switch.Round .Toggle { border-radius: 25px; width: 100px; height: 25px; top: -1px; } .Switch.Round.On .Toggle { left: 0%; background: #137fb0; } .Switch.Round.Off .Toggle { left: 49%; } .Switch-area { width: 100%; height: 25px; margin-top: 5px; } /* end */ .search-bar .tab-content { background: #fff; border-radius: 10px; border-top-left-radius: 0; margin-top: 0px; margin-bottom: 0; padding-bottom: 15px; } .trip-type { font-size: 13px; font-weight: 600; margin: 0; /*background: #fe9031;*/ padding: 0 5px; border-radius: 4px; line-height: 32px; cursor: pointer; } .marl10 { margin-left: 10px; } .marb-5 { margin-bottom: -5px; } .custom_input label { font-size: 14px; font-weight: 400; margin-bottom: 0px; color: #fff; } .location_wrapper .main_location { width: 85%; border: 0px; height: 70px; padding: 0px; background: transparent; box-shadow: 0px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #222; cursor: default; } .location_wrapper .sub_location { padding: 0px; border: 0px; box-shadow: 0px 0px; font-size: 13px; height: 19px; background: transparent; } .location_wrapper { background: #fff; border: 1px solid #dbdbdb; border-radius: 5px; } .location_wrapper.calneder_icon_open #depart-cal { padding-bottom: 3px; cursor: pointer; height: 70px; margin-left: 10px; line-height: 70px; } #hide-round .location_wrapper #arrive-cal { height: 70px; margin-left: 10px; line-height: 70px; } .location_wrapper.calneder_icon_open { background-position: 212px -84px; background: #fff; } .location_wrapper.search-set-icon.mdddeprtWapr { background: url(/travelresources/Images/New_Home/images/calnder_click.png) no-repeat right 0; } .radius-5 { border-radius: 5px !important; } /*.classType_bg{ background:url(/travelresources/Images/New_Home/images/PaxAndClass.png) no-repeat; background-position:5px 3px;}*/ /*.tvlrndclass #show-passenger #hideshow{background:url(/travelresources/Images/New_Home/images/PaxAndClass.png) no-repeat; background-position:4px -29px;}*/ .uat-searchWarp { padding: 30px 15px 40px 15px; } .class-bg-color i { position: absolute; left: 8px; top: 11px; font-size: 16px; color: #9492a8; } .flight-type-icon .fa-exchange { transform: rotate(0deg); transition: transform 400ms ease-out } .flight-type-icon.active .fa-exchange { transform: rotate(180deg); transition: transform 400ms ease-out } [data-exposed=true] @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .location_wrapper.calneder_icon_open #depart-cal { width: 100%; border: none; } .location_wrapper.calneder_icon_open #depart-cal::after { border-bottom: 1px solid #d4d4d4; padding-bottom: 3px; width: 66%; position: absolute; content: ''; bottom: 0; left: 0; } .location_wrapper.calneder_icon_open { position: relative; } } @media screen and (max-width:767px) { .location_wrapper.search-set-icon.mdddeprtWapr { background: none; } .passenger-count { top: 50px; box-shadow: 0px 0px 20px 0px #000; left: 0%; width: 320px; top: 62px; } .qtyplus, .qtyminus, .qtyplushotel, .qtyminushotel, .qtyplushoteladult, .qtyminushoteladult { height: 24px; } .mob-PullRight { /*float:right;*/ position: relative; } .mob-PullRight span { position: absolute; z-index: 1; bottom: -7px; background: linear-gradient(to right bottom,rgba(255, 255, 255, 1),rgba(255, 255, 255, 1)); transform: rotate(90deg); } } @media screen and (min-width:768px) and (max-width:768px) { .location_wrapper.search-set-icon.mdddeprtWapr { background-position: 313px 0; } } .location-box { padding: 5px 25px; } .mart15 { margin-top: 15px; } .font37 { font-size: 37px; } .font30 { font-size: 30px; } .font16 { font-size: 16px; } .other-fields, select.other-fields { border: 0px; box-shadow: 0px 0px; font-size: 14px; width: 100%; font-family: Arial, Helvetica, sans-serif; padding: 0px 0 0 35px; color: #b3acac; height: 40px; } select.other-fields option, .carDropdown option, .advance-field option { font-size: 14px; padding-left: 5px; } /*.search-set-icon{background:url('/travelresources/Images/New_Home/images/search-set.png'); background-repeat: no-repeat;}*/ .book-class-icon { min-height: 33px; background-position: -6px -143px; position: absolute; width: 42px; } .passenger-counts-icon { min-height: 11px; position: absolute; width: 19px; right: 2px; top: 18px; color: #9492a8; } .flight-type-icon { min-height: 40px; position: absolute; width: 40px; margin-top: 0; cursor: pointer; left: 22px; border: solid 1px #dbdbdb; border-radius: 20px; background-color: #ffffff; font-size: 23px; padding-left: 9px; padding-top: 3px; color: #008edc; } .calender-icon { background-position: 5px -86px; min-height: 52px; position: absolute; width: 42px; margin-top: 16px; } .divide-icon { background-position: 5px -186px; min-height: 52px; position: absolute; width: 30px; } #search-car .divide-icon { background-position: 5px -174px; } .advance-color, .advance-color:hover { color: #137fb0; text-decoration: none; } .advance-field { border: 0px; box-shadow: 0px 0px; font-size: 23px; width: 85%; font-family: Arial, Helvetica, sans-serif; padding-left: 0px; background: transparent; color: #999; padding: 0px; } .btn-custom-search { background: linear-gradient(135deg, #ff690f 0%, #e8381b 100%); border: 1px solid #137fb0; height: 50px; border-radius: 0; color: #fff; font-size: 23px; width: 100%; } .sub-heading { font-family: 'OpenSans-Light'; font-size: 30px; color: #fff; margin-top: 80px; } .sub-heading span { color: #f8e122; text-shadow: 1px 2px 2px #252525; font-weight: 700; } .heading-banner { font-size: 50px; font-family: 'OpenSans-Bold'; color: #fff; line-height: 28px; } .form-control:focus { box-shadow: 0px 0px; } .search-bar { margin-top: 0; } /* mobile */ /* hotel search css */ .font25 { font-size: 25px; } .btn-htl-search { width: 97%; background: #d85c00; border: 1px solid #d85c00; height: 40px; border-radius: 3px; color: #fff; font-size: 22px; margin-left: 8px; } .location_wrapper .appPortalIcon-angle-down { position: absolute; right: 0; bottom: -4px; font-size: 30px; z-index: 0; } .widget-iconColor { color: #333333; } /* car searxh css */ .font20 { font-size: 20px; } /* calender main */ .social-big { background: url(/travelresources/Images/New_Home/images/social-sprite-big.png); width: 40px; height: 40px; } .pinterest { background-position: 91px 80px; } .twitter { background-position: 142px 80px; } .gogleplus { background-position: 0px 80px; } .facebook_ { background-position: -50px 80px } .youtube { background-position: 41px 80px; } .home-sprite { background: url(/travelresources/Images/New_Home/images/home-page-icon.png); } .tab-icons { width: 25px; height: 25px; position: absolute; margin-left: -28px; } .plane-icon { background-position: 77px -155px; } .plane-icon-hover { background-position: -13px -155px; } .htl-icon { background-position: 78px -197px; } .htl-icon-hover { background-position: -13px -198px; } .kar-icons { background-position: -8px -115px; width: 39px; margin-left: -39px; } .kar-icons-hover { background-position: 83px -115px; width: 39px; margin-left: -39px; } .htl-room { background-position: -5px 0px; height: 37px; width: 30px; left: 22px; top: 4px; position: absolute; } .kar-icon { height: 45px !important; width: 55px !important; background-position: -1px -56px; position: absolute; top: 40px; margin-left: 5px; } .time-clock { height: 42px; width: 40px; position: absolute; margin-left: 5px; top: 13px; background-position: -5px 104px; } /*autocomplete*/ .ui-widget.ui-widget-content.ui-autocomplete { padding-bottom: 5px; margin-top: 20px; z-index: 999999; /*height:100%*/ } .ui-autocomplete .airList.ui-menu-item:hover { background-color: #edf3f7; color: #000; font-weight: 600; font-size: 14px; } /*.ui-autocomplete .airList.ui-menu-item{ background-image: url(/travelresources/Images/New_Home/images/plane-auto.png);}*/ .ui-autocomplete .karlist.ui-menu-item { background-image: url(/travelresources/Images/New_Home/images/auto-oth.png); } .ui-autocomplete .karlist.ui-menu-item { background-repeat: no-repeat; font-size: 13px; padding-left: 28px; background-position: 6px 10px; border-bottom: 1px solid #d4d4d4 !important; padding-bottom: 8px; padding-top: 8px; color: #525252; margin-top: 3px; } .ui-autocomplete .airList.ui-menu-item { background-repeat: no-repeat; font-size: 14px; padding-left: 8px; background-position: 6px 10px; border-bottom: 1px solid #d4d4d4 !important; padding-top: 3px; padding-bottom: 3px; color: #525252; margin-top: 3px; font-family: Verdana, Geneva, sans-serif; font-weight: 500 } .ui-autocomplete li.airList.ui-menu-item:last-child { border-bottom: none !important; } .ui-menu span.ui-menu-item-wrapper { position: relative; padding: 0px; } span.ui-autosuggest-highlight, span.ui-state-active:hover { background: rgb(255, 255, 0) !important; color: #000 !important; } span.ui-state-active, ui-widget-content span.ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: none !important; color: #000 !important; font-weight: 600 !important; border: none !important; margin: 0px !important; } #mainErrorCover span { color: #f00; font-weight: 600; } a.collapsed .hide-ad { display: inline-block !important; } a.collapsed .show-ad { display: none !important; } .show-ad { display: inline-block; } .hide-ad { display: none; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: rgba(238, 238, 238, 0); } .paddtp0 { padding-top: 0px; } .font12 { font-size: 12px; } .head-append { font-size: 16px; font-weight: 600; color: #545454; } .room-append { padding-top: 40px; } .font-18 { font-size: 18px; } .roomDtls, .mart10 { margin-top: 10px; } .roomDtls .col-md-4.padLeft0 { padding-bottom: 15px; border-left: 1px solid #000; } .cover-widget { position: absolute; background: #fff; border: 1px solid #f5f5f5; box-shadow: 1px 1px 4px 0px #a9a9a9; padding-bottom: 5px; top: 40px; width: 92%; left: 17px; z-index: 999; } .roomD { height: 630px; position: absolute; top: 0px; display: block; } .select-r-panel { background: #f1f1f1; padding: 2px 0px; border-bottom: 1px solid #b7b7b7; } .submit-btn { margin-top: 2px; border-radius: 0px; } .child-age { padding: 0px; border-radius: 0px; height: 26px; margin-top: 3px; } .childAge { padding: 0px 5px; } .marb0 { margin-bottom: 0px; } .close-panel, .close-panel-flight { position: absolute; right: -5px; top: -10px; } #roomAdd { -webkit-appearance: none; -moz-appearance: none; width: 100%; padding-left: 45px; } .child-age-block { margin-bottom: 10px; } .row-no-margin { margin-left: 0px; margin-right: 0px; } .submit-btn { margin-right: 8px; } .carDropdown, select.advance-field { -webkit-appearance: none; -moz-appearance: none; background: url(/travelresources/Images/New_Home/images/custom-down.png) !important; background-repeat: no-repeat !important; background-position: right !important; } #roomsPanel { overflow-y: auto; overflow-x: hidden; max-height: 350px; } .clear-input, .clear-input-des, .clear-input-kar-drop, .clear-input-kar, .clear-input-htl { position: absolute; top: 1px; right: 16px; font-weight: 600; width: 15px; text-align: center; height: 15px; background: #999; color: #fff; border-radius: 50%; cursor: pointer; display: none; font-size: 12px; } .main_location::-webkit-input-placeholder { font-size: 30px; text-transform: capitalize !important; } .main_location::-moz-placeholder { font-size: 30px; text-transform: capitalize !important; } .main_location:-ms-input-placeholder { font-size: 30px; text-transform: capitalize !important; } .main_location:-moz-placeholder { font-size: 30px; text-transform: capitalize !important; } #hotelDestination { padding-right: 30px; } /*hotelsearch*/ highlight-search { color: #000; font-weight: bold } .ui-menu-item { border-top: 0px !important; border-bottom: 0px !important } .ui-last-line { height: 100%; background-color: #aaa; border-top: 0px; border-bottom: 0px; content: 'Keep typing your filter' } .ui-last-line:hover { height: 100%; background-color: #aaa; border-top: 0px; border-bottom: 0px } .Header-Hotel { border-top: 0px; border-bottom: 0px } .Header-Hotel:before { content: url('/travelresources/Images/HtlSearch.png'); border-top: 0px; border-bottom: 0px; position: absolute; background: #fff; } .Header-Hotel:hover { background: #fff !important; border-top: 0px; border-bottom: 0px } .Header-City { border-top: 0px; border-bottom: 0px } .Header-City:before { content: url('/travelresources/Images/City.png'); border: 0 0 0 0; position: absolute; background: #fff; } .Header-City:hover { background: #fff !important; border-top: 0px; border-bottom: 0px } .Header-Place { border-top: 0px; border-bottom: 0px } .Header-Place:before { content: url('/travelresources/Images/Place.png'); border-top: 0px; border-bottom: 0px; position: absolute; background: #fff; } .Header-Place:hover { background: #fff !important; border-top: 0px; border-bottom: 0px } .Header-Airport { border-top: 0px; border-bottom: 0px } .Header-Airport:before { content: url('/travelresources/Images/Airport.png'); border-top: 0px; border-bottom: 0px; position: absolute; background: #fff; } .Header-Airport:hover { background: #fff !important; border-top: 0px; border-bottom: 0px } .Content { background: #fff; color: black; border-top: 0px; border-bottom: 0px } .Content:hover, .Content:focus { background: #036c99 !important; color: White !important; border-top: 0px; border-bottom: 0px } .location_wrapper #hotelDestination.main_location { width: 100%; } .appPortalPartial_hotelWidget input.main_location { padding-left: 30px; } /*.HotelAutosearchLoader{background:#fff url('/travelresources/Images/loader_1.gif') no-repeat right center !important;z-index:20 !important}*/ /*Hotel New Search End*/ /*.ui-state-disabled.dp-highlight {background-color: #137fb0 !important;opacity:1;color:#fff !important;} .ui-state-disabled.dp-highlight span {color:#fff !important;}*/ .ui-datepicker-today { background-color: #fff !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0px solid #357add !important; background-color: #357add !important; color: #fff !important; } .htl-des { position: relative; } .htl-des .clear-input-htl { top: 29%; right: 5px; } .subcribe-msg p { color: #de0400; font-size: 12px; margin-bottom: 0; background: rgb(255 255 255 / 70%); padding: 0 5px 0; } .subcribe-msg p.green-msg { color: #449c01; } .ui-menu .ui-menu-item.prefer { font-size: 16px; padding: 3px 10px; border-bottom: 1px solid #f1f1f1 !important; } #FlightClass { -webkit-appearance: none; -moz-appearance: none; /*background: url(/travelresources/Images/New_Home/images/custom-down.png);  background-repeat: no-repeat; background-position: 75px 18px; width: 80%;background-size:9%;*/ } #show-passenger.location_wrapper { position: relative; } #show-passenger .passengers-text { font-size: 14px; color: #b3acac; position: absolute; top: 10px; left: 55px; } #show-passenger i { position: absolute; left: 8px; top: 4px; font-size: 16px; color: #9492a8; } .padr30 { padding-right: 30px !important; } .clor-light { color: #333 !important; border: none; opacity: .6 } .selectpicker { padding-left: 5px !important; } .sel-mnth { margin-right: 1px; } .ui-autocomplete .airList.ui-menu-item, .ui-autocomplete .karlist.ui-menu-item:last-child { border-bottom: none !important; } #ui-id-4.ui-widget.ui-widget-content.ui-autocomplete { /*  padding-bottom: 0px; left: 0px !important; width: 100% !important; touch-action: none; user-select: none;*/ z-index: 333333333; overflow-x: hidden; overflow: hidden; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 30px -5px !important; border-radius: 0.05rem; padding: 10px; font-size: 14px !important; line-height: 1.5rem; width: auto; max-height: 300px; overflow: scroll; color: #2a2c2b !important; font-family: Poppins-Medium !important; background-color: rgba(255, 255, 255, 1); } .appPortal_fNonstp { position: relative; } .appPortal_fNonstp .appPortaladv-checkbox { display: none; } .appPortal_fNonstp label.checkBoxlabel { position: relative; padding-left: 25px; display: inline-block; font-size: 12px; color: #fff; } .appPortal_fNonstp label.checkBoxlabel:before { background-color: #fff; border: 1px solid #99a1a7; padding: 8px; border-radius: 3px; display: block; position: absolute; top: 0; left: 0; content: ""; } .appPortal_fNonstp .appPortaladv-checkbox:checked ~ label.checkBoxlabel:before { border: 1px solid #99a1a7; color: #99a1a7; } .appPortal_fNonstp .appPortaladv-checkbox:checked ~ label.checkBoxlabel:after { content: '\2714'; font-size: 12px; position: absolute; top: 1px; left: 4px; color: #727879; } ._evntproperties { padding-top: 230px; } .countdownSection { position: absolute; width: 86%; top: 0; } /******* Smart autocomplete ************/ .ui-autocomplete li.airList.ui-menu-item { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; margin-right: 5px; } .ui-menu.ui-autocomplete span.airlist_allairport { content: ''; padding-right: 32px !important; background: url(../../../img/dialtotravel.co.uk/home/01.svg) no-repeat 0 0 !important; display: inline-block; width: 20px; height: 20px; position: relative; float: left; } .ui-menu.ui-autocomplete span.airlist_child { margin-left: 15px !important; background: url(../../../img/dialtotravel.co.uk/home/03.svg) no-repeat !important; display: inline-block; width: 20px; height: 20px; padding-right: 30px !important; position: relative; float: left; } .ui-menu.ui-autocomplete span.airlist_airport { background: url(../../../img/dialtotravel.co.uk/home/02.svg) no-repeat 0 0 !important; display: inline-block; width: 20px; height: 20px; padding-right: 32px !important; position: relative; float: left; } .ui-autosuggest-highlight { line-height: 25px !important; } .ui-autocomplete .airList.ui-menu-item:hover span.airlist_allairport { background: url(../../../img/dialtotravel.co.uk/home/01.svg) no-repeat 0 0 !important; } .ui-autocomplete .airList.ui-menu-item:hover span.airlist_child { background: url(../../../img/dialtotravel.co.uk/home/03.svg) no-repeat !important; } .ui-autocomplete .airList.ui-menu-item:hover span.airlist_airport { background: url(../../../img/dialtotravel.co.uk/home/02.svg) no-repeat !important; } .ui-autocomplete .airList.ui-menu-item span.ui-autosuggest-highlight { color: #000 !important; background: rgb(0 148 121 / 14%) !important; font-weight: 100 !important; } .ui-autocomplete .airList.ui-menu-item:hover span.ui-autosuggest-highlight { color: #000 !important; background: rgb(0 148 121 / 14%) !important; font-weight: 600 !important; } /******** trustpilot-HomePage widgetReview ********/ .tp-review-area { position: relative; width: 100%; float: left } .tp-overlay-area { position: absolute; bottom: 0; left: 4%; width: 92%; background-color: transparent; top: 0; } /*loader*/ .loader-btn-home { position: absolute; width: 90%; background: transparent; height: 40px; border-radius: 4px; position: absolute; bottom: 35px; left: 26px; text-align: center; font-size: 25px; color: #fff; cursor: no-drop; display: none; } .button-load { -webkit-transition: box-shadow 0.15s; -moz-transition: box-shadow 0.15s; -ms-transition: box-shadow 0.15s; -o-transition: box-shadow 0.15s; transition: box-shadow 0.15s; border: 1px solid #b2afa5; border-color: #e1e0dc #c9c8c1 #b2afa5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.439); background: -webkit-linear-gradient(top, #f6f5f0, #e1e0dc); background: -moz-linear-gradient(top, #f6f5f0, #e1e0dc); background: -ms-linear-gradient(top, #f6f5f0, #e1e0dc); background: -o-linear-gradient(top, #f6f5f0, #e1e0dc); background: linear-gradient(top, #f6f5f0, #e1e0dc); -pie-background: linear-gradient(top, #f6f5f0, #e1e0dc); color: #6b635b; -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0; -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0; -ms-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0; -o-box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0; box-shadow: rgba(255, 255, 255, 0) 0 0 1px 0, rgba(255, 255, 255, 0) 0 0 0 1px inset, white 0 1px 0 0; display: inline-block; white-space: nowrap; margin: 0; cursor: pointer; font-size: 20px; line-height: normal; text-align: center; color: #6b635b; width: 100%; padding: 5px 35px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button-load.disabled { color: #444343; border: 1px solid #ffffff; cursor: no-drop; text-shadow: white 0 1px 0; /* -webkit-box-shadow: white 0 1px 0 0 inset; */ -moz-box-shadow: white 0 1px 0 0 inset; -ms-box-shadow: white 0 1px 0 0 inset; -o-box-shadow: white 0 1px 0 0 inset; /* box-shadow: white 0 1px 0 0 inset; */ } .in-progress { text-shadow: none; background: #ff9d00; background: -webkit-linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgb(234, 153, 108) 50%, rgb(234, 152, 107) 75%, transparent 75%, transparent), -webkit-linear-gradient(top, #f6f5f0, #e1e0dc); background: -moz-linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgba(234, 153, 108) 50%, rgba(234, 152, 107) 75%, transparent 75%, transparent), -moz-linear-gradient(top, #f6f5f0, #e1e0dc); background: -ms-linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgba(234, 153, 108) 50%, rgba(234, 152, 107) 75%, transparent 75%, transparent), -ms-linear-gradient(top, #f6f5f0, #e1e0dc); background: -o-linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgba(234, 153, 108) 50%, rgba(234, 152, 107) 75%, transparent 75%, transparent), -o-linear-gradient(top, #f6f5f0, #e1e0dc); background: linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgba(234, 153, 108) 50%, rgba(234, 152, 107) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc); -pie-background: linear-gradient(-45deg, rgba(236, 83, 0, 0.53) 25%, transparent 25%, transparent 50%, rgba(234, 153, 108) 50%, rgba(234, 152, 107) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc); background-repeat: repeat; -webkit-background-size: 25px 25px, 100% 100%; -moz-background-size: 25px 25px, 100% 100%; -ms-background-size: 25px 25px, 100% 100%; -o-background-size: 25px 25px, 100% 100%; background-size: 25px 25px, 100% 100%; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } /*search widget update by darshan dang*/ .custom-style .modal-dialog { margin: 0px; padding: 0px; background: #fff; height: 100%; } .custom-style .modal-content { border: none; border-radius: 0px; box-shadow: none; } .custom-style .modal-header { background: #006b9a; color: #fff; text-align: left; } .custom-style .modal-body { padding: 5px 0px; } .custom-style .close { background: #fff; opacity: 1; width: 25px; height: 25px; border-radius: 100%; -webkit-border-radius: 100%; color: #006b9a; } .custom-style .typeahead { border: none; background: transparent; border-bottom: 1px solid #ccc; border-radius: 0px; padding-left: 25px; color: #fff; opacity: 1; background-image: url(/Travelresources/Images/New_Home/images/sprite_widget_update.png); background-repeat: no-repeat; display: inline-block; background-position: 0 8px; } .custom-style .CaptionClose { opacity: 1; font-size: 13px; font-weight: 400; color: #fff; background-color: transparent; border: 0 none; float: right; } .custom-style.modal .top-head-box .CaptionClose { color: #fff; font-size: 13px; font-weight: bold; line-height: 19px; } .custom-style.modal .text-wrap .clear-input-htl { background: #fff; top: 47px; right: 14px; width: 18px; height: 18px; color: #006b9a; font-size: 10px; font-weight: bold; line-height: 19px; } .autosuggestContainer .ui-menu.ui-widget-content { width: 285px; top: -16px; left: 15px; padding: 0; margin: 0; width: 100% !important; left: 0 !important; right: 0; border-radius: 0px; top: 100% !important; background: #fff; border: none; } .modal-open .modal { overflow-y: hidden !important; } .custom-style .modal-header { position: fixed; width: 100%; z-index: 9999; top: 0; } .autosuggestContainer { padding-top: 78px; } .autosuggestContainer .ui-menu.ui-widget-content li.airList.ui-menu-item { padding: 10px; color: #9a9a9a; border-bottom: none; background: transparent; font-size: 13px; } .autosuggestContainer .first-block { background: none !important; border: none; width: 100%; font-weight: 400; color: #000; padding: 0 0px; } .autosuggestContainer ul li:first-child { background-color: #efefef !important; margin-right: 0 !important; } .appPortalPartial_flightWidget .trvl-dropdown { z-index: 60; } .appPortalPartial_flightWidget .trvl-dropdown { display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -goog-ms-border-radius: 3px; border-radius: 3px; background: #fff; border: 1px solid #d1d1d1; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); position: absolute; text-align: left; top: 53px; left: 20px; width: 285px; z-index: 60; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .appPortalPartial_flightWidget .trvl-dropdown .be-pasngrCount { padding: 12px 12px; padding-top: 20px; } .appPortalPartial_flightWidget .trvl-dropdown .small-ctn { display: block; float: none; } .appPortalPartial_flightWidget .flight-class-type li { border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 10px; list-style: none; } .appPortalPartial_flightWidget .flight-class-type ul > li input[type=radio].radiobox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .appPortalPartial_flightWidget .flight-class-type ul > li input + label.flightClass { height: 25px; display: block; line-height: 25px; background-repeat: no-repeat; background-position: right -25px; color: #848b8d; font-size: 14px; font-weight: 400; vertical-align: middle; cursor: pointer; } .appPortalPartial_flightWidget .flight-class-type ul > li.active label.flightClass { background-image: url("/Travelresources/Images/Mobile/radiocheck.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .appPortalPartial_flightWidget .f-class-input { width: 100%; border: 0px; height: 37px; padding: 0px; padding-right: 30px; background: transparent; box-shadow: 0px 0px; color: #fff; font-size: 14px; font-weight: 600; } .widget_sprite { width: 45px; height: 45px; background-image: url(/Travelresources/Images/Icf/NewHomePage/images/icons/widget_sprite.png); background-repeat: no-repeat; display: inline-block; } .appPortalPartial_flightWidget .widget_sprite.sortdesc-icon { background-position: 2px -180px; position: absolute; top: 12px; right: 0px; width: 22px; height: 16px; z-index: 2; } .pos-rel { position: relative } .appPortalPartial_flightWidget .trvl-dropdown .small-ctn button.btn { font-size: 20px; border-radius: 0; height: 45px; color: #fff; background: #006b9a; border: none; padding: 5px; width: 100%; } .appPortalPartial_flightWidget .pax-container button.pax-btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; height: 50px; width: 90%; font-size: 20px; bottom: 10px; position: fixed; } .appPortalPartial_flightWidget .pax-container ul { list-style-type: none; padding: 0 15px; } .appPortalPartial_flightWidget .pax-container ul li { font-size: 12px; color: #2f2f2f; padding: 10px 0; border-bottom: solid 1px #e6e6e6; } .appPortalPartial_flightWidget .pax-container ul li:after { clear: both; content: ""; display: block; } .appPortalPartial_flightWidget .pax-container ul li .pax-category { padding-top: 5px; text-transform: uppercase; font-size: 11px; line-height: 24px; } .appPortalPartial_flightWidget .pax-container ul li span { color: #9e9e9e; } .appPortalPartial_flightWidget .pax-container ul li span.minusIcon { width: 24px; height: 24px; background-position: -499px -217px; cursor: pointer; display: inline-block; } .appPortalPartial_flightWidget .pax-container ul li span.plusIcon { width: 24px; height: 24px; background-position: -499px -184px; cursor: pointer; display: inline-block; display: inline-block; } .appPortalPartial_flightWidget .pax-container ul li .input[type="text"] { width: 23%; height: 24px; position: relative; border: none; margin: 0 9px; } /*.appPortalPartial_flightWidget .pax-container { background: #ffffff; }*/ .appPortalPartial_flightWidget .pax-container ul { list-style: none; margin: 0px; padding: 0px 15px; } .appPortalPartial_flightWidget .err-msg { display: none; width: 100%; background: #ffffff; color: #ff0000; font-size: 11px; z-index: 999; padding: 5px; } .appPortalPartial_flightWidget .pax-container { top: 59px !important; right: -30.3% !important; } .appPortalPartial_flightWidget .pax-container::before { float: right !important; } .padng-none { padding: 0 !important; } .appPortalPartial_flightWidget .listing-icon.sortdesc-icon { background-image: url(/Travelresources/Images/New_Home/images/sprite_widget_update.png); background-position: 0px -223px; position: absolute; top: 10px; right: 0px; width: 12px; height: 13px; z-index: 2; } .appPortalPartial_flightWidget #show-passenger #NumberofTraveler { padding-left: 0; margin-left: 0; padding-top: 5px; } .ui-autocomplete.ui-menu .ui-menu-item-wrapper { /*padding:0 !important;*/ white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; /*margin-right: 5px;*/ } .ui-autocomplete li div.ui-state-active { /*border:none !important; background:none !important; color:#000 !important;*/ } .appPortalPartial_flightWidget #show-passenger #show-passenger-event { width: 100%; position: absolute; height: 38px; z-index: 9; cursor: pointer; } .input-daterange .hasDatepicker, .f-class-input { cursor: pointer; } #flight-origin-label .main_location, #flight-destination-label .main_location { border-radius: 0; } @media (max-width: 767px) and (min-width: 320px) { .appPortalPartial_flightWidget .flight-class-type ul > li.active label.flightClass { background-position: right 4px; color: #393939 } .appPortalPartial_flightWidget #flight_passengerBox, .trvl-dropdown._coachClass { position: fixed; top: 0px; background: rgb(255, 255, 255); width: 100% !important; left: 0px; right: 0px !important; border-radius: 0; height: 100%; } .location_wrapper.calneder_icon_open { } .appPortalPartial_flightWidget #flight_passengerBox .psngr-btn { position: absolute; bottom: 15px; z-index: 9999; } .autosuggestContainer .ui-menu.ui-widget-content { max-height: 224px; overflow: scroll; padding-bottom: 20px; } .ui-autocomplete .airList.ui-menu-item:hover { font-weight: normal !important; } .ui-autocomplete .airportNameB.ui-state-active { color: #9a9a9a !important; font-weight: normal !important; } .pax-updated-model .trvl-dropdown .be-pasngrCount, .flight-class-type { padding-top: 55px !important; } .calenderWrapper .dp-highlight.ui-datepicker-current-day.modifyy { background: none !important; } .calenderWrapper .dp-highlight.ui-datepicker-current-day.modifyy a { background: #fff !important; color: #000 !important; border: none; box-shadow: none; } .xs-margTopBottom { margin-top: 15px !important; margin-bottom: 15px !important; } .xs-padd-left-none { padding-left: 0; } .xs-padd-right-none { padding-right: 0; } .xs-right { float: right; } .search-bar .tab-content { margin-bottom: 50px; } .advance-panel { padding-left: 15px; } .list-inline.marl10.mart10 { padding-left: 10px; } .flight-type-icon { right: 7px; left: unset; } .xs-padd-right-7 { padding-right: 7px; } } #show-passenger.location_wrapper, .class-bg-color { background: transparent; box-shadow: none; border: none; display: flex; float: left; } .class-bg-color { border: solid 1px #cccccc; border-radius: 5px; width: 100%; position: relative; } .class-bg-color .passenger-counts-icon { top: 7px; } .pax-section { margin-top: 5px; } #dvSearchUser #Addchild { margin-bottom: 15px; } .uat-searchType label, .uat-searchType .btn-default.active:hover, .uat-searchType .radio label:focus { background: none; border: none; outline: none; outline-offset: 0; box-shadow: none; } .uat-searchType .btn-group { display: block !important; } /*.radio input{ opacity: 0; position: absolute; }  .radio .indicator { position: relative; }.radio .indicator:before { content: ''; border: 2px solid #888; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-top: -5px; margin-right: 10px; text-align: center; }   .radio input + .indicator:before { border-radius: 50%; } .radio input:checked + .indicator:before { border-color: #01a082; background: #ffffff; box-shadow: inset 0px 0px 0px 5px #fff;border-width:6px; } .radio input:disabled + .indicator:before { border-color: #ccc; box-shadow: inset 0px 0px 0px 5px #fff; } .radio input:checked:disabled + .indicator:before { border-color: #ccc; background: #ccc; box-shadow: inset 0px 0px 0px 5px #fff; } .radio input:focus + .indicator, .radio-inline input:focus + .indicator { outline: 0px solid #ddd;}*/ /*.uat-searchType .radio .btn-default:active, .uat-searchType .radio .btn-default.active, .uat-searchType .radio .btn-default.active.focus,.uat-searchType .radio .btn-default:hover{ background:none; border:none; box-shadow:none;outline:none;}*/ .uat-searchType .trip-type-tf { border-radius: 20px; position: relative; } .uat-searchType .trip-type-tf .Switch-area .Switch-flight.Round.On .Toggle { width: 88px !important; } .uat-searchType .trip-type-tf .Switch-area .Switch-flight.Round:not(:has(.On)) .Toggle { width: 100px; } #search-flight ul.list-inline li:first-child, #search-flight ul.list-inline li:last-child { position: absolute; z-index: 1; } #search-flight ul.list-inline li:last-child { right: 0; } #search-flight ul.tripWidth { width: 200px; height: 30px; left: 0px; margin-bottom: 0px; } #search-flight ul.list-inline li p.one-ways { padding-left: 15px; } @media (min-width:768px) { .widget-catagory .input-daterange .custom_input input { padding-right: 0; } .location_wrapper .sub_location { display: none; } .depart_mbl_calen, .arrive_mbl_calen { display: none; } .float-right { float: right; } .paddleft25 { padding-left: 25px !important; } .paddleft22 { padding-left: 22px !important; } .paddleft30 { padding-left: 30px !important; } .paddleft35 { padding-left: 35px !important; } .padd-LR-40 { padding-left: 40px !important; padding-right: 40px !important; } .trip-type-tf { float: left; } .tvlrndclass { padding-top: 5px; cursor: pointer; } .tvlrndclass #show-passenger.location_wrapper { border-radius: 0; height: 40px; position: relative; } .tvlrndclass .location_wrapper .passenger-counts-icon { top: 7px; } .tvlrndclass .passenger-count .passenger-counts-icon { top: 13px; } .classtype { width: 100%; margin-bottom: 15px; float: left; } .tvlrndclass #show-passenger #hideshow { height: 27px; cursor: pointer; border-radius: 5px; width: 50%; } .tvlrndclass #show-passenger .passengers-coachtext { margin-top: 4px; margin-left: 20px; } .tvlrndclass #show-passenger .passengers-text { top: 4px; cursor: pointer; } .tvlrndclass .class-bg-color { height: 42px; width: 100%; position: relative; background-color: rgb(0 148 121 / 20%); border-radius: 4px; } .tvlrndclass select#FlightClass { height: 37px; line-height: 20px; background-position: 140px 17px; background-size: 11px; margin-left: 0; cursor: pointer; /*padding-left:7px;*/ } .passenger-count { left: auto; } #show-passenger .passengers-text { color: #333; } #show-passenger #hideshow, select#FlightClass { color: #333; } .search-bar { margin-bottom: 60px; } .ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active { /*background-color: #edf3f7 !important; color: #000 !important; font-weight: 600;*/ font-size: 14px; } .appPortalPartial_flightWidget .trvl-dropdown._coachClass { right: 23px; left: inherit; width: 166px; top: 74px; } .appPortalPartial_flightWidget .f-class-input { color: #999; font-size: 21px; z-index: 9; position: relative; } .appPortalPartial_flightWidget .trvl-dropdown:before { content: ''; position: absolute; left: 3px; top: -16px; width: 15px; height: 15px; border-bottom: 8px solid #ccc; border-left: 8px solid transparent; border-right: 8px solid transparent; } .appPortalPartial_flightWidget .trvl-dropdown .small-ctn button.btn { width: inherit; font-size: 12px; height: 24px; border-radius: 2px; margin-bottom: 8px; } .appPortalPartial_flightWidget .flight-class-type li { border: none; margin: 0; padding: 0; } .appPortalPartial_flightWidget .flight-class-type li.hover-state label { background-color: #fff !important; color: #848b8d !important; } .appPortalPartial_flightWidget .flight-class-type li.hover-state:hover label { background-color: #006b9a !important; color: #fff !important; } .appPortalPartial_flightWidget .flight-class-type li label { padding: 0 10px; } .appPortalPartial_flightWidget .flight-class-type ul > li input[type=radio].radiobox:checked + label.flightClass, .appPortalPartial_flightWidget .flight-class-type ul > li:hover input[type=radio] + label.flightClass { background-image: none; background-color: #006b9a; color: #fff; } .appPortalPartial_flightWidget .flight-class-type ul > li.active label.flightClass { background-color: #006b9a; color: #fff; } .appPortalPartial_flightWidget .listing-icon.sortdesc-icon { background-image: url(/Travelresources/Images/New_Home/images/sprite_widget_update.png); background-position: 0px -234px; position: absolute; top: 10px; right: 0px; width: 16px; height: 15px; z-index: 2; } .hp-widget-overlayWrapper { position: absolute; top: 0; height: 600px; width: 100%; z-index: 59; background: rgba(0, 0, 0, 0.01); display: none; } #show-passenger { position: relative; } } @media screen and (min-width:768px) and (max-width:991px) { .appPortalPartial_flightWidget .trvl-dropdown._coachClass { width: 250px; } .widget-catagory { padding-top: 20px; clear: both; } .tvlrndclass #show-passenger.location_wrapper { left: 37px; } .pax-section { padding: 0; } } .widget_iconsnew { background: url(/Travelresources/Images/New_Home/images/widget_icons.png); background-repeat: no-repeat; } .location_wrapper i.map_marker { position: absolute; top: 7px; left: 7px; display: block; width: 30px; height: 20px; background-size: 23px; } .uat-retrun .location_wrapper i.map_marker { background-position: 0 -34px; } .location_wrapper .widget_iconsnew.calender-mobile { position: absolute; top: 20px; left: 8px; display: block; color: #999999; font-size: 28px; background-image: none; } .hide-round-trip { background: rgba(0, 0, 0, 0); width: 100%; position: absolute; right: 8px; z-index: 49; height: 71px; display: none; } .hide-trip .hide-round-trip { display: block !important; } .hide-trip .custom_input { opacity: .2; } @media only screen and (min-width : 768px) { .margTop-6 { margin-top: 6px; } .margTop-27 { margin-top: 27px; } .margTop-9 { margin-top: 9px; } .pdng-btm14 { padding-bottom: 14px; } .pdng-btm5 { padding-bottom: 5px; } .appPortal_main-wrapper { margin-top: 0; padding-top: 0px; } .desktop-padLeft0 { padding-left: 0; } .desktop-padRight0 { padding-right: 0; } .header.mfheader__warp { background: #fff; padding-top: 9px; padding-bottom: 9px; border-top: 4px solid #028ad4; box-shadow: 0px 10px 7px 0 rgba(0, 0, 0, 0.22); } .sticky_header { position: fixed; top: 0; width: 100%; z-index: 999; } .sticky_header + .appPortal_main-wrapper { padding-top: 95px; } .bannerHeading { margin-top: 10%; margin-bottom: 0px; padding: 20px 0 0 20px !important; border-radius: 5px 5px 0px 0px; background: rgba(255, 255, 255, 0.8); /*text-align: left;*/ } .bannerHeading h3, .bannerHeading h4 { margin-top: 0px; font-size: 36px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; line-height: 35px; color: #023856; background: transparent; padding: 0; display: inline-block; text-align: center; text-shadow: 1px 1px 3px #9a9a9a; margin-bottom: 0 } .bannerHeading h3 span { display: block; text-align: left; color: #fff; font-size: 50px; } .bannerHeading h3 small { display: block; color: #333; font-size: 19px; font-weight: 600; margin-top: 10px; line-height: 25px; margin-bottom: 20px; /*text-align: left;*/ } .btn-custom-search { height: 70px; } #btnSearchsubmit, .btn-custom-search { margin-top: 0; border-radius: 5px; } select#FlightClass { width: 100%; } .search-bar .tab-content { background: #fff; padding: 0; } .uat-innerwarp { background: transparent; border-radius: 5px; margin-top: 50px; } .uat-innerwarp .row { margin: 0; } .location_wrapper .main_location { font-size: 16px; text-transform: capitalize; width: 100%; padding-left: 15px; padding-right: 35px; } .location_wrapper .main_location::placeholder { color: #666666; font-size: 16px; font-weight: normal; } .switch-Section { position: relative; left: -26px; z-index: 1; } .search-set-icon.calender-mobile { background: none; position: relative; } .search-set-icon.calender-mobile:before { content: "\f073"; font-family: 'fontawesome'; font-size: 20px; cursor: pointer; color: #333333; position: absolute; top: 5px; left: 5px; } .btn-custom-search { background: linear-gradient(135deg, #ff690f 0%, #e8381b 100%); border: 1px solid #f95920; font-size: 16px; text-align: center; line-height: 50px; } .input-daterange .marb-5 { padding-left: 28px; } .flight-type-icon { left: -3px; top: 18px; } #search-flight ul.list-inline li { color: #fff; } #search-flight ul.list-inline li .Switch { /*border: 1px solid #009479;background:#009479;*/ height: 100%; } #search-flight ul.list-inline li .Switch .Toggle { background: #0088d3; } .main_location::-webkit-input-placeholder, .main_location::placeholder { font-size: 20px; } .ui-autocomplete .airList.ui-menu-item span.ui-autosuggest-highlight, .ui-autocomplete .airList.ui-menu-item:hover span.ui-autosuggest-highlight { background: rgb(0 148 121 / 14%) !important; } .qtyplus, .qtyminus, .qtyplushotel, .qtyminushotel, .qtyplushoteladult, .qtyminushoteladult { color: #f6931b; border: 2px solid #f7931e; } .passenger-count { width: 300px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.22); } #dvSearchUser .travelerandclass { width: 185px; margin: 0 auto; } .passenger-count .uat-paxCount { margin-bottom: 15px; } .passenger-count .uat-paxCount p { font-size: 16px; } .passenger-count .uat-paxCount p small { font-size: 12px; color: #a3a2a2; } .passenger-count .close-panel-flight-new { border: 1px solid #bf2b09 !important; background: linear-gradient(135deg, #ff690f 0%, #e8381b 100%); } .passenger-count .close-panel-flight-new:focus { outline: none; } .advance-color, .advance-color:hover, a.advance-color:focus, a.advance-color:active:focus { color: #009479; outline: none !important; background-color: #009479; border-color: #009479; } .advance-panel { display: inline-block } select#FlightClass { width: 100%; font-size: 14px; height: 25px; } .advance-field { font-size: 16px; width: 100%; } .advance-field::placeholder { color: #fff; } .appPortal_fNonstp label.checkBoxlabel { font-weight: 400; } .ui-datepicker-calendar tr th, .ui-datepicker-calendar td.ui-datepicker-current-day, .ui-datepicker-calendar td.ui-datepicker-days-cell-over.dp-highlight a, .ui-datepicker-calendar td.ui-datepicker-current-day:hover { background-color: #fff !important; color: #000; } .ui-datepicker-title { color: #666; } } @media screen and (min-width:280px) and (max-width:767px) { .btn-custom-search { background: linear-gradient(135deg, #ff690f 0%, #e8381b 100%); border: 1px solid #e18213; } .uat-innerwarp { margin-top: 40px; } .uat-retrun { margin-left: 0; width: 100%; } .uatmtp15 { margin-top: 15px } .passenger-count p { font-size: 14px; } .passenger-count p small { font-size: 10px; } .passenger-count .close-panel-flight { right: -7px; top: -4px; } .passenger-count .close-panel-flight-new { border: 1px solid #be3709; background: linear-gradient(135deg, #ff690f 0%, #e8381b 100%); width: 92%; } .passenger-count .other-fields { font-size: 22px !important; } .main_location::-webkit-input-placeholder, .main_location::placeholder { font-size: 20px; } .location_wrapper i.map_marker { top: 20px; left: 20px; } .mob-clr { clear: both; } .mob-padd15 { padding-left: 15px; padding-right: 15px; } .search-bar .tab-bar li a { color: #333333; } .plane-icon-hover { background-position: -60px -155px; } .htl-icon-hover { background-position: -58px -198px; } .bannerHeading h3 { font-weight: bold; font-size: 22px; text-transform: capitalize; line-height: 28px; text-shadow: 1px 1px 3px #333; margin-bottom: 8px; margin-top: 0; padding: 0 16px } .bannerHeading h3 small { display: block; line-height: 30px; color: #e3e1e1; padding-top: 0px; } .search-bar { background: #fff; margin: 15px 15px 25px; border-radius: 10px; } .uat-searchWarp { padding: 20px 0px 40px 0px; } .m_traveler { position: absolute; bottom: 110px; z-index: 99; } .uat-innerwarp .btn-custom-search { margin-top: 115px; } .uat-searchType #show-passenger.location_wrapper { width: 92%; } .uat-searchType #show-passenger .other-fields { height: 50px; font-size: 22px !important; padding-left: 42px; color: #333 !important; width: 47%; } .uat-searchType .pax-section .classtype .classType_bg { height: 40px; font-size: 18px !important; } .uat-searchType .pax-section .classtype .class-bg-color i { top: 12px; } .uat-searchType #show-passenger i { top: 14px; font-size: 20px; } .uat-searchType #show-passenger .passengers-text { top: 12px; font-size: 18px; color: #333; left: 73px; } .uat-searchType #show-passenger .passengers-coachtext { font-size: 18px; color: #333; margin-top: 12px; position: relative; left: 10px; } .offerCard { padding-left: 0; padding-right: 0; } .offerCard .offer-card { padding: 43px; } } @media screen and (min-width:768px) and (max-width:1024px) { .tvlrndclass #show-passenger .passengers-text { top: -3px; } } .error_message { font-size: 11px; color: red; display: none; background: #FDE5E5; padding: 6px 10px; border-radius: 6px; margin-bottom: 10px; } .traveler_error { padding-top: 21px; padding-left: 20px; } .deal-airline-logo { height: 35px; } #Fly_fromtxtoffcanvasBottom { display: none; } #Fly_totxtoffcanvasBottom { display: none; } #travelersOffCanvas { display: block; } @media only screen and (max-width:768px) { #Fly_fromtxtoffcanvasBottom { display: block; } #Fly_totxtoffcanvasBottom { display: block; } #travelersOffCanvas { display: block; } .home_trust_icons_iataicon { max-width: 45px; width: 100%; } .via-txt { font-size: 12px !important; font-weight: 600; } .titleH3 { font-size: 20px !important; color: #2a2c2b; font-weight: bold; } .titleH2 { font-size: 20px !important; color: #2a2c2b; line-height: 20px; } .bookimgtxt { font-size: 18px !important; color: #2a2c2b; font-weight: 600; } } .via-txt { font-size: 14px; font-weight: 600; } .custommob-input { font-size: 10pt; width: 100%; padding: 5px 0px; color: #333; font-weight: bold; border: none; border-bottom: 3px solid #dddddd; } .custommob-input:focus { font-size: 10pt; padding: 5px 0px; font-weight: bold; outline: none; border: none; border-bottom: 3px solid #e16201; } .border-orange { border-bottom: #de6202 solid 3px !important; } .border-bottom { border-bottom: #dddddd solid 3px !important; } .custom-date-container { position: absolute; top: 30px; width: 100%; } .custom-date-container .cutom-day-year { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 0px; } .custom-date-container .cutom-day-name { padding-top: 0px; padding-bottom: 8px; color: #666; font-size: 14px; margin-bottom: 0px; } .custom-date-input { text-overflow: ellipsis; width: 100%; border: none; height: 95px !important; z-index: 9; position: relative; font-size: 2em; font-weight: 500; background-color: transparent !important; border-bottom: 1px solid #e4e4e4; outline: none !important; border-radius: 0px !important; } .custom-date-input:focus { border: none; border-bottom: 3px solid #000; outline: none !important; border-radius: 0px; } .mobile-date-container { position: relative; } .mobile-date-container .label { position: absolute; padding-bottom: 8px; top: 0px; left: 0; color: #333; font-weight: 400; display: inline-table; transform-origin: 0 0; transition: all .2s ease; width: 100%; } .fare-start-txt { font-size: 11px; color: #4c4b4b !important; } .popup-txt p { font-size: 13px; } .popup-txt ul li { font-size: 13px; } .tooltip-container { position: relative; cursor: pointer; } .tooltip-container:hover .tooltip-info { display: block; } .tooltip-info { position: absolute; background: #ccc; border: #000 solid 1px; padding: 15px; color: #000; font-size: 10px; left: -345%; top: -400%; display: none; width: 500px; } .pr-15 { padding-right: 15px; } /*********amit css end here*/ #ckg0p0h537g41748857577946 { bottom: 90px !important; } #k1t1vmb4flq81748857577952 { bottom: 100px !important; } .calendar-top-header { display: flex; align-items: center; justify-content: center; position: relative; padding: 16px 12px 8px; font-family: Rubik, sans-serif; } .back-arrow { position: absolute; left: 12px; top: 57%; transform: translateY(-50%); background: none; border: none; font-size: 20px; color: #de6202; cursor: pointer; } .calendar-heading { font-size: 20px; font-weight: 600; color: #222; padding-bottom: 5px; } .calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; font-weight: bold; } .nav-button { background: none; border: none; font-size: 20px; color: #444; cursor: pointer; } .month-labels { display: flex; justify-content: center; gap: 40px; flex: 1; } .month-title { font-size: 16px; font-weight: 600; } .set-right-col-margin { margin-left: 25px; display: flex; flex-direction: column; justify-content: flex-start; } .set-Width-45 { width: 45%; display: inline-block; display: flex; flex-direction: column; justify-content: flex-start; } .popup-header-left { text-align: left; font-size: 12px; display: block; margin-bottom: 4px; } .popup-header-right { text-align: right; font-size: 12px; display: block; margin-bottom: 4px; } .inputs { /* display: flex; gap: 15px; flex-wrap: wrap;*/ margin-bottom: 10px; margin-left: 15px; margin-right: 25px; font-size: 0; display: flex; justify-content: space-between; gap: 0px; padding: 0px; } .inputs input { padding: 5px 0px; border: none; outline: none; border-radius: 0; font-size: 20px; cursor: pointer; background: transparent; direction: ltr; width: 100%; padding-left: 0px; padding: 4px 0px; font-weight: 600; } .set-day-label { margin-top: 3px; padding-bottom: 9px; font-size: 13px; font-weight: 600; color: #999; min-height: 32px; } .set-day-label-right { margin-top: 3px; padding-bottom: 9px; font-size: 13px; font-weight: 600; color: #999; text-align: right; min-height: 32px; } /*.set-day-label-border { border: 2px solid rgb(222, 98, 2); }*/ .popup-start-date-align { text-align: left; font-size: 12px; } .popup-end-date-align { text-align: right; font-size: 12px; } .calendar-container { justify-content: center; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.1); flex-direction: column; } .month-row { display: flex; gap: 20px; justify-content: center; align-items: flex-start; margin-top: 10px; position: relative; } .month { width: 100%; border-radius: 6px; padding-top: 10px; font-size: 15px; background: #fff; color: #666; } .month-header { justify-content: center; align-items: center; gap: 10px; font-weight: bold; margin-bottom: 8px; /*text-align: center;*/ font-family: Rubik, sans-serif; font-size: 16px; color: #333; position: relative; width: 100%; text-align: center; } .month-header span { font-size: 14px; } .month-header .prev, .month-header .next { position: relative; top: 0; bottom: 0; align-items: center; background: none; border: none; font-size: 16px; cursor: pointer; } .month-header .prev { /*  left: -95px; color: #de6202;*/ left: -95px; color: #ffffff; background: #274785; border-radius: 50%; width: 30px; height: 30px; font-weight: bold; border: #224487 solid 1px; } .month-header .next { /* right: -95px; color: #de6202;*/ right: -95px; color: #ffffff; background: #274785; border-radius: 50%; width: 30px; height: 30px; font-weight: bold; border: #224487 solid 1px; } .weekday-names { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; margin-bottom: 10px; color: #333; font-weight: 500 } .weekday-names div:nth-child(6), .weekday-names div:nth-child(7), .day:nth-child(7n), .day:nth-child(7n-1) { color: #de6202; } .day.today { background-color: #fce2e5; color: #000; border-radius: 4px; } .weekday-names div { font-size: .95em; border-collapse: collapse; color: #000; font-size: .95em; padding: 2px; border-radius: 4px; } .days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px; border-collapse: collapse; } .day { padding: 10px 10px; text-align: center; border-radius: 4px; cursor: pointer; font-size: 14px; color: #222; box-sizing: border-box; height: 40px; /* fixed height for consistency */ line-height: 20px; overflow: visible; position: relative; /*border: 1px solid #eee;*/ } .day.disabled { color: #ccc; pointer-events: none; } .day.selected { background: #de6202; color: white; font-weight: bold; border-radius: 0; position: relative; z-index: 2; } .day.in-range { background: rgba(222, 98, 2, 0.2); /* lighter fill */ color: #222; font-weight: bold; border-radius: 0; position: relative; z-index: 1; } .day.range-start::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #de6202; /* arrow color */ } .day.range-end::after { content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #de6202; } .calendar-footer { display: flex; justify-content: space-between; padding: 6px 16px; font-weight: 500; font-size: 14px; color: #444; } .footer-today, .footer-done { cursor: pointer; color: #ff6600; /* adjust to match theme */ font-weight: 600; } .calpopup { display: none; position: fixed; inset: 0; background: white; padding: 5px 5px; z-index: 1111112; /*display: flex;*/ flex-direction: column; overflow: hidden; /* important to stop full-page scroll */ height: 100vh; top: 0px; left: 0px; } .popup-scrollable { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 5px 20px; } .mobile-months { display: flex; flex-direction: column; gap: 10px; align-items: center; margin-right: 15px; } .month-header button { background: none; border: none; color: #de6202; font-size: 18px; cursor: pointer; padding: 0 10px; } @media (min-width: 601px) { .calendar-container { z-index: 9999; padding: 0px 20px; /*margin-top: 4px;*/ background: white; /*border: 1px solid #ccc;*/ position: absolute; } .calpopup { display: none !important; } } @media (max-width: 600px) { .calendar-container { display: none !important; padding-bottom: 20px; } .month-header button { display: none !important; } } .calendar-wrapper { position: relative; } .suggestion-item-ul { list-style-type: none; padding-left: 0px; width: 100%; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; cursor: pointer; letter-spacing: 1px; font-family: Rubik; } .suggestion-item { display: flex; justify-content: space-between; padding: 8px 10px; color: #666; padding: 10px; /*border-bottom: 1px solid #eee;*/ } .suggestion-City { color: #111; font-weight: 400; font-size: 14px; font-family: Rubik, sans-serif; line-height: 20px; } .suggestion-Airport { white-space: nowrap; font-family: Rubik, sans-serif; font-size: 12px; } .suggestion-Country { white-space: nowrap; font-family: Rubik, sans-serif; font-size: 13px; } .st0 { fill: #FF0000; } .st1 { fill: #FFFFFF; } .bg-danger { --bs-bg-opacity: 1; background-color: rgb(238, 5, 5) !important; } .animated-button { position: relative; display: flex; align-items: center; gap: 4px; padding: 16px 36px; border: 4px solid; border-color: #ee0505; font-size: 16px; background-color:; border-radius: 100px; font-weight: 600; color: #ee0505; box-shadow: 0 0 0 2px #ffffff; cursor: pointer; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .animated-button svg { position: absolute; width: 24px; fill: #ee0505; z-index: 9; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); } .animated-button .arr-1 { right: 16px; } .animated-button .arr-2 { left: -25%; } .animated-button .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #1a4788; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); } .animated-button .text { position: relative; z-index: 1; transform: translateX(-12px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); } .animated-button:hover { box-shadow: 0 0 0 12px transparent; color: #fff; border-radius: 12px; border-color: #1a4788; } .animated-button:hover .arr-1 { right: -25%; } .animated-button:hover .arr-2 { left: 16px; } .animated-button:hover .text { transform: translateX(12px); } .animated-button:hover svg { fill: #fff; } .animated-button:active { scale: 0.95; box-shadow: 0 0 0 4px greenyellow; } .animated-button:hover .circle { width: 220px; height: 220px; opacity: 1; } .visible_visible { visibility: visible !important; } .ui-autocomplete-clear { top: -7px !important; background: #1a4788; width: 14px; height: 14px; line-height: 14px; text-align: center; color: #fff; border-radius: 50%; cursor: pointer; position: absolute; } .ui-autocomplete-clear:hover { background: #fe0000 !important; } .css-10mfhic { background-color: rgb(255, 255, 255); cursor: pointer; transition: color 0.3s ease-in-out, transform 0.3s ease-in-out; width: 100%; height: auto; border-radius: 12px; } .css-jvf26a { display: flex; width: 100%; height: auto; border-radius: 12px; border: 1px solid rgb(226, 226, 226); } .css-1dhsmro { padding: 0px; flex: 0 0 58%; } .css-41kvl6 { display: flex; flex-direction: column; font-size: 16px; margin-bottom: 0px; line-height: 24px; height: auto; overflow: hidden; padding: 14px; } .css-nnkm4o { display: flex; flex-direction: column; font-size: 13px; margin-bottom: 10px; line-height: 18px; height: 20px; overflow: hidden; } .css-4nkhox { display: flex; flex-direction: column; height: 74px; overflow: hidden; } .css-1ojjzk { display: flex; position: relative; bottom: -15px; left: 100px; width: 48%; text-align: end; font-size: 14px; flex-direction: row; -moz-box-pack: end; justify-content: end; -moz-box-align: center; align-items: center; gap: 5px; color: rgb(15, 106, 163); cursor: pointer; } .css-1jwahqo { margin: 0px; font-family: var(--font-inter),sans-serif; font-weight: 400; line-height: 1.5; font-size: 14px; } .css-1wfu74b { margin: 0px; font-family: var(--font-inter),sans-serif; font-weight: 400; line-height: 1.5; color: rgb(255, 255, 255); border-radius: 24px 0px; padding: 8px 15px; background: linear-gradient(90deg, rgb(255, 109, 109) 0%, rgb(255, 66, 78) 100%); text-transform: uppercase; height: 40px; font-size: 16px; display: flex; -moz-box-align: center; align-items: center; width: fit-content; } .fi_maindv { float: left; height: auto; background-color: #fff; border-radius: 16px; padding: 1rem !important; border: 1px dashed lightgray; display: inline-block; vertical-align: top; width: 48%; margin: 1%; font-size: 16px; box-sizing: border-box; padding-bottom: 0px !important; } .fi_maindv_listing { float: left; height: auto; background-color: #fff; border-radius: 16px; padding: 1rem !important; border: 0px dashed lightgray; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px; font-size: 16px; box-sizing: border-box; padding-bottom: 0px !important; box-shadow: 0 3px 6px rgba(25,27,36,0.16),0 -1px 4px rgba(25,27,36,0.04); } @media (max-width: 768px) { .fi_maindv { width: 100%; margin-bottom: 3%; margin-top: 3%; margin-left: 0%; margin-right: 0%; /*margin: 0 0 16px 0;*/ } .fi_maindv_listing { width: 100%; margin: 0 0 16px 0; } .itinerary_cities { width: 100%; height: auto; float: left; line-height: 22px; font-size: 10px; } } .fi_maindv_inner { width: 100%; height: auto; float: right; } .fi_maindv_inner { width: 100%; height: auto; float: right; } .vfi_img { width: 48px; height: 48px; float: left; border-radius: 4px; margin-right: 10px; } .itinerary_cities { width: 60%; height: auto; float: left; line-height: 17px; font-size: 10px; } .full_itinerary_button { width: auto; height: auto; float: right; } .top_passen_heading { color: #1f1f1f; font-size: 12PX; } .fi_dest_code { font-size: 20px; color: #5b5a5a; vertical-align: middle; font-weight: 400; } .fi_dates_cal { font-size: 11pt !important; } .full_itinerary_button { width: auto; height: auto; float: right; } @media only screen and (max-width: 484px) { .full_itinerary_button { width: 100%; height: auto; float: right; margin-top: 10px; } } .btn_book_023 { background-image: none; color: #fff !important; border-radius: 3px; text-transform: none; font-weight: 900; transition: 0.3s; width: 100%; font-size: 16px; background-image: linear-gradient(to right, #1a4788 0%, #357add 51%, #1a4788 100%); border: 1px solid #1a4788; } .btn_book_023:hover { background-image: linear-gradient(to right, #1a4788 0%, #357add 51%, #357add 100%); border: 1px solid #1a4788; } .btn_book_023:active { background-image: linear-gradient(to right, rgb(255, 81, 47) 0%, rgb(221, 36, 118) 51%, rgb(255, 81, 47) 100%); border: 1px solid #1a4788; } .deal_input_discount { border: 0px !important; padding: 0px 0px 0px 0px; margin: 0px; display: inline-block; width: 66px; font-weight: 900; color: #fff; border: 0px solid #fff !important; pointer-events: none; background-color: transparent !important; font-size: 0px; z-index: -999999999 !important; position: absolute; left: 20px; } .deal_input_discount:focus { border: 0px !important; padding: 0px 0px 0px 0px; margin: 0px; display: inline-block; width: 66px; font-weight: 900; color: #fff !important; border: 0px solid #fff !important; pointer-events: none; background-color: transparent !important; font-size: 0px; z-index: -999999999 !important; position: relative; left: 20px; } ::selection { color: #1e539f; } @media only screen and (max-width: 992px) { .dnone-mobile { display: inline-block; } .itinerary_cities { text-align: justify; width: 80%; line-height: 15px } .full_itinerary_button { width: 100%; height: auto; margin: 0 auto; margin-top: 10px; } } @media (min-width: 993px) and (max-width: 1399px) { .full_itinerary_button { width: 100%; height: auto; float: right; margin-top: 10px; } .itinerary_cities { width: 83%; height: auto; float: left; line-height: 17px; font-size: 10px; } } .deals_cou_terms { font-size: 9px; text-align: center; padding-bottom: 5px !important; margin-bottom: 0px; } .deals_coup_name_strong { font-weight: 600 } .deals_height48 { height: 32px !important; font-size: 12px; font-weight: 500; border-radius: 16px; } .deals_coupon_img { max-width: 35px; padding-top: 5px; } .deals_coupon_head01 { font-weight: 900; color: #357add; } .deals_coupon_head02 { font-weight: 900; color: #357add; } .clear-btn { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); background-color: #1a4788; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; cursor: pointer; display: none; color: #fff; } @media only screen and (max-width: 600px) { .clear-btn { display: none !important; } } .floating-label input { padding-left: 15px; /* Adds left space inside input */ } .ow-Returndate { font-size: 13px !important; padding-top: 11px; line-height: 1.2; padding-right: 10px; padding-top: 11px !important; padding-left: 10px !important; } .ow-Returndatetxt { font-size: 11pt; width: 100%; padding: 13px; color: #333; transition: border-color 250ms; /*    background-color: #eaeaea; cursor: not-allowed !important; pointer-events: none !important;*/ } /* USP Boxes Code Begin */ .section-header { font-size: 24px; text-align: center; align-items: center; justify-content: center; line-height: 1.2em; letter-spacing: .1em; font-weight: 100; color: #1a4788 !important; text-transform: uppercase; } .page-section { padding-top: 60px; padding-bottom: 20px; } .page-section:first-child { padding-top: 20px; } .page-section .page-section { padding-top: 0; padding-bottom: 0; } svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa { overflow: visible; box-sizing: content-box; } .WhyCruiseNation_column__Q1zFf { display: flex; flex-direction: row; gap: 20px; font-size: 16px; } @media screen and (min-width: 1500px) { .WhyCruiseNation_column__Q1zFf { align-items: start; } } .WhyCruiseNation_column__Q1zFf p { font-size: 16px; line-height: 1.5em; letter-spacing: .05em; font-weight: 100; color: #555; } .WhyCruiseNation_column__Q1zFf > svg { color: #1a4788; } .fa-3x { font-size: 3em; } .svg-inline--fa { display: inline-block; height: 1em; } @media screen and (min-width: 998px) { .WhyCruiseNation_columns__Y0XKR { grid-template-columns: repeat(4,1fr); display: inline-grid; } } .WhyCruiseNation_column__Q1zFf > p { font-size: 14px; line-height: 21px; } /* USP Boxes Code End */ .bg_section_coupon { background-color: #f3f3f3; background-image: url('../../../img/dialtotravel.co.uk/home/shape-enginebck.jpg'); background-position: right; background-repeat: no-repeat; border-radius: 16px; } #popupOrigin { color: #000 !important; caret-color: #000 !important; } #popupDestination { color: #000 !important; caret-color: #000 !important; } .color-darkk { color: #2b2b2b !important; } .heading_brb { color: #262933; font-weight: 700; font-size: 15px !important; } .whyus_phonetxtsty { color: #007c04 !important; font-weight: 700; font-size: 16px; } /*Submenu offcanvas style*/ .submenu-panel { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #fff; transition: transform 0.3s ease; z-index: 1; padding: 1rem; } .submenu-panel.active { transform: translateX(-100%); } .main-menu.hidden { display: none; } .sanmenu li { background-color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; padding: 0.6rem; cursor: pointer; color: #1B2870; border-bottom: 1px solid #eeeff2; } .sanmenu li:hover { background-color: #e6e8ef; font-size: 1rem; font-weight: 600; padding: 0.6rem; cursor: pointer; color: #1B2870; } .css-hzkv26 { color: #1B2870; } .my-container { max-height: 700px; overflow-y: auto; /* scrollbars will appear if content overflows */ } /* Hide scrollbar when height is greater than 600px (e.g., on wide/tall screens) */ @media (min-height: 701px) { .my-container { overflow-y: visible; /* or unset */ } } .border_sa_hover { padding: 1px 2px 1px 0px !important; } .border_sa_hover:hover { background-color: #e6e8ef; padding: 1px 2px 1px 0px !important; border: 1px solid #d8dae0; border-radius: 8px; } .closebtnn_n { float: right; position: absolute; right: 15px; background-color: #e6e8ef; padding: 0px 0px 0px 0px !important; border: 1px solid #d8dae0; } .w100_dv { width: 100%; float: left; height: auto; } .w80_dv { width: 80%; float: left; height: auto; } .w20_dv { width: 20%; float: left; height: auto; } .chev_right { width: 20px; float: right; margin-top: 14px; } .nav-link-submenu { display: block; font-size: 1.1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding-right: 0px; padding: 8px 20px; margin-bottom: 0px !important; font-family: Poppins-Regular; border-radius: 8px; margin-top: 7px; margin-right: 10px; font-weight: 400; } .nav-link-submenu:hover { display: block; font-size: 1.1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding-right: 0px; padding: 8px 20px; margin-bottom: 0px !important; font-family: Poppins-Regular; border-radius: 8px; margin-top: 7px; margin-right: 10px; font-weight: 400; } .nav-link-submenu:focus { display: block; font-size: 1.1rem; color: #182870; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; padding: 8px 20px; margin-bottom: 0px !important; font-family: Poppins-Regular; border-radius: 8px; font-weight: 400; } /*Submenu offcanvas style*/ .rounded_16 { border-radius: 16px; } /* top header usp*/ .yieldify-section { background: #182870; border-bottom: .5px solid #c5d3e3 } .yieldify-section .container { position: relative; width: auto; height: 50px; overflow: hidden; flex: 0 0 100%; display: flex; align-items: center; justify-content: center } @media(min-width:1200px) { .yieldify-section .container { height: 45px; width: 100%; flex: unset; align-items: unset; justify-content: unset; overflow: unset } } .yieldify-section .yieldify-flex { opacity: 0; animation-name: textFader; animation-duration: 28s; animation-iteration-count: infinite; position: absolute; display: flex; align-items: center } @media(min-width:1200px) { .yieldify-section .yieldify-flex { position: unset; flex: 0 0 25%; max-width: 25%; opacity: 1; animation-name: unset; animation-duration: unset; animation-iteration-count: unset } } .yieldify-section .yieldify-flex > div { margin-left: 15px } .yieldify-section .yieldify-flex > div p { margin-bottom: 0; font-size: 13px; letter-spacing: .47px; color: #fff; font-weight: 600; padding-top: 5px } @media(min-width:1200px) { .yieldify-section .yieldify-flex > div p { padding-top: 0 } } .yieldify-section .yieldify-flex:first-of-type { animation-delay: 0s } @media(min-width:1200px) { .yieldify-section .yieldify-flex:first-of-type { animation-delay: unset } } .yieldify-section .yieldify-flex:nth-of-type(2) { animation-delay: 7s } @media(min-width:1200px) { .yieldify-section .yieldify-flex:nth-of-type(2) { animation-delay: unset } } .yieldify-section .yieldify-flex:nth-of-type(3) { animation-delay: 14s } @media(min-width:1200px) { .yieldify-section .yieldify-flex:nth-of-type(3) { animation-delay: unset; justify-content: center } } .yieldify-section .yieldify-flex:last-of-type { animation-delay: 21s } @media(min-width:1200px) { .yieldify-section .yieldify-flex:last-of-type { animation-delay: unset; justify-content: flex-end } } @keyframes textFader { 0% { opacity: 0 } 11% { opacity: 1 } 22% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } /* top header usp*/ /*Deals code begin*/ .css-12phffu { --nav-button-size: 48px; --nav-button-icon-size: 16px; position: relative; height: 100%; overflow: visible; } .css-12phffu [data-carousel-track] { height: 100%; display: grid; grid-auto-flow: column; position: relative; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width:992px) { .css-12phffu [data-carousel-track] { width:100%; height: 100%; display: inline-table; grid-auto-flow: column; position: relative; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .css-12phffu [data-carousel-nav] { cursor: pointer; background-color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: var(--nav-button-size); height: var(--nav-button-size); border-radius: 50%; border: solid 1px var(--hc-color-border); box-shadow: var(--hc-shadow-xs); opacity: 0; -webkit-transition: box-shadow 0.2s ease,visibility 0.2s ease,opacity 0.2s ease,-webkit-transform 0.2s ease; transition: box-shadow 0.2s ease,visibility 0.2s ease,opacity 0.2s ease,transform 0.2s ease; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .css-12phffu [data-carousel-nav][data-prev] { left: calc(var(--hc-spacing-unit) * 3); } .css-12phffu [data-carousel-nav][data-next] { right: calc(var(--hc-spacing-unit) * 3); } .css-12phffu [data-carousel-nav]:hover { box-shadow: var(--hc-shadow-m); -webkit-transform: translateY(-50%) scale(1.04); -moz-transform: translateY(-50%) scale(1.04); -ms-transform: translateY(-50%) scale(1.04); transform: translateY(-50%) scale(1.04); } .css-12phffu [data-carousel-nav] > svg { width: var(--nav-button-icon-size); height: var(--nav-button-icon-size); } .css-12phffu [data-carousel-nav][disabled] { pointer-events: auto; opacity: 0; } .css-13udsys { height: 100%; margin-bottom:15px; } .css-kj3hsr { height: 440px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ul, ol { list-style: none; } .css-12phffu { --nav-button-size: 48px; --nav-button-icon-size: 16px; } .css-ubsyta { outline: 0; -webkit-text-decoration: none; text-decoration: none; -webkit-tap-highlight-color: transparent; display: block; touch-action: manipulation; box-shadow: none; background-color: #fff; border-radius: 5px; border: 0 solid #E4DDD7; --paper-radius: var(--hc-radius-xs); --paper-shadow: none; padding-top: 40px; padding-bottom: 0px; padding-left: 0px; padding-right: 12px; background: #FF99F5; color: #1B2870; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .css-9j7ned { outline: 0; -webkit-text-decoration: none; text-decoration: none; -webkit-tap-highlight-color: transparent; display: block; touch-action: manipulation; box-shadow: none; background-color: #fff; border-radius: 5px; border: 0 solid #E4DDD7; --paper-radius: var(--hc-radius-xs); --paper-shadow: none; padding-top: 40px; padding-bottom: 0px; padding-left: 0px; padding-right: 12px; background: #8CE7FF; color: #1B2870; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .css-9j7ned_03 { outline: 0; -webkit-text-decoration: none; text-decoration: none; -webkit-tap-highlight-color: transparent; display: block; touch-action: manipulation; box-shadow: none; background-color: #fff; border-radius: 5px; border: 0 solid #E4DDD7; --paper-radius: var(--hc-radius-xs); --paper-shadow: none; padding-top: 40px; padding-bottom: 0px; padding-left: 0px; padding-right: 12px; background: #E3FB68; color: #1B2870; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .css-1ogxj5w { position: relative; overflow: hidden; border-radius: var(--image-radius); width: 100%; height: 100%; border-radius: 0px; border-top-right-radius: 0px; border-top-right-radius: 20px; } .css-1ogxj5w [data-placeholder] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; color: #6E6C6C; background-color: #C7C5C4; } .css-awxuwt[data-loaded] { opacity: 1; } .css-awxuwt[data-hidden-on-mount] { -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; } .css-1ogxj5w img { display: block; width: 100%; height: 100%; object-fit: cover; position: relative; } .css-1ogxj5w [data-mask] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: var(--image-mask); } .css-1qji0qm { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 16px; padding-bottom: 16px; padding-bottom: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .css-19on03z { -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; margin-top: 16px; margin-bottom: 16px; color: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .css-11m4b5l { position: relative; background-color: transparent; outline: 0; border: 0; margin: 0; cursor: pointer; user-select: none; appearance: none; text-decoration: none; font-family: inherit; display: inline-flex; width: auto; font-size: 1rem; height: 40px; padding: 0 20px; border-radius: 10px; gap: 8px; background-color: #FFFFFF; border-color: transparent; outline: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; white-space: nowrap; line-height: 1; font-weight: 800; text-transform: none; border-style: solid; border-width: 2px; -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); color: #1B2870; } .css-11m4b5l::-moz-focus-inner { border-style: none; } .css-11m4b5l[disabled], .css-11m4b5l[aria-disabled="true"] { pointer-events: none; opacity: 0.5; } .css-11m4b5l > [data-icon="true"], .css-11m4b5l > [data-loader="true"] { width: 20px; height: 20px; } @media (hover: hover) { .css-11m4b5l:not([data-disabled]):hover { background-color: rgb(229, 229, 229); } } @media (hover: none) { .css-11m4b5l:not([data-disabled]):active { background-color: rgb(229, 229, 229); } } .css-11m4b5l:focus-visible { outline: 2px solid #8ecef8; } .css-11m4b5l[data-loading] { pointer-events: none; } .css-1u9sllg { margin: 0; padding: 0; text-underline-offset: 0.125em; font-size: 1.25rem; line-height: 0.9; letter-spacing: normal; font-family: F37 Judge; font-weight: 300; text-transform: uppercase; color: #182870; position: absolute; top: 12px; left: 12px; } .css-1u9sllg:is(label) { display: inline-block; } .css-1852wuk { margin: 0; padding: 0; text-underline-offset: 0.125em; font-size: var(--font-size); line-height: var(--line-height); letter-spacing: var(--letter-spacing); font-family: var(--font-family); font-weight: 400; text-transform: none; color: var(--color); -webkit-text-decoration: none; text-decoration: none; } [data-block-link]::before { content: ''; bottom: 0; right: 0; top: 0; left: 0; overflow: hidden; position: absolute; white-space: nowrap; } .css-1f4u0l1 { margin: 0; padding: 0; text-underline-offset: 0.125em; font-size: 3.5rem; line-height: 0.9; letter-spacing: normal; font-family: F37 Judge; font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .css-1f4u0l1_scroll { margin: 0; padding: 0; text-underline-offset: 0.125em; font-size: 3.5rem; line-height: 0.9; letter-spacing: normal; font-family: F37 Judge; font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); width: 238px; } .new_save { margin: 0; padding: 0; text-underline-offset: 0.125em; font-size: 3.5rem; line-height: 0.9; letter-spacing: normal; font-family: F37 Judge; font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); font-size: 30px; background-color: #ee5408; padding: 7px; border-radius: 8px; } @media (min-width: 1024px) { .css-1qji0qm { padding-bottom: 32px; } } @media (pointer: coarse) { .css-12phffu [data-carousel-nav] { display: none; } } .css-12phffu:hover [data-carousel-nav]:not([disabled]) { opacity: 1; } .css-1gv8sc5 { gap: 16px; grid-auto-columns: calc(100% / 1.1 - 15px); } @media (min-width: 540px) { .css-1gv8sc5 { gap: 16px; grid-auto-columns: calc(100% / 1.5 - 11px); } } @media (min-width: 768px) { .css-1gv8sc5 { gap: 20px; grid-auto-columns: calc(100% / 1.75 - 11px); } } @media (min-width: 1024px) { .css-1gv8sc5 { gap: 24px; grid-auto-columns: calc(100% / 2.5 - 19px); } } @media (min-width: 1280px) { .css-1gv8sc5 { gap: 24px; grid-auto-columns: calc(100% / 3 - 16px); } } /*Deals code begin*/ /*footer*/ /* 17 09 2024  */ .mc_footer_topl { width: 100%; float: left; height: auto; } .mc_footer_50left { width: 50%; float: left; height: auto; } @media screen and (max-width: 686px) { .mc_footer_50left { width: 100%; float: left; height: auto; margin-bottom: 15px; text-align: center !important; } } @media screen and (max-width: 686px) { .mc_footer_50right100 { width: 100%; float: left; height: auto; text-align: center !important; } } .mc_footer_50left100 { width: 100%; float: left; height: auto; } .mc_footer_50right100 { width: 100%; float: left; height: auto; text-align: right; } .mc_footer_toptxt { font-size: 14px; font-family: Poppins-Regular; color: #5b5a5a; } .mc_f_100w { width: 100%; float: left; height: auto; text-align: right; } @media screen and (max-width: 686px) { .mc_f_100w { width: 100%; float: left; height: auto; text-align: center; } } .atol_icon { max-width: 85px; } @media screen and (max-width: 540px) { .atol_icon { max-width: 60px; } } .iata_icon { max-width: 100px; } @media screen and (max-width: 540px) { .iata_icon { max-width: 70px; } } .clia_icon { max-width: 110px; } @media screen and (max-width: 540px) { .clia_icon { max-width: 70px; } } .abta_icon { max-width: 110px; } @media screen and (max-width: 540px) { .abta_icon { max-width: 60px; } } .tva_icon { max-width: 90px; } @media screen and (max-width: 540px) { .tva_icon { max-width: 70px; } } .bookwithconfi_txt { font-size: 30px; font-family: f37 judge; color: #182870; border-bottom: 1px solid #182870; } .protectd_logo_foo_mc { display: inline !important; } .mc_footer_col28 { width: 32%; float: left; height: auto; padding-right: 30px; } @media screen and (max-width: 1228px) { .mc_footer_col28 { width: 24%; float: left; height: auto; padding-right: 30px; } } @media screen and (max-width: 726px) { .mc_footer_col28 { width: 100%; float: left; height: auto; padding-right: 0px; } } .mc_footer_col25 { width: 22%; float: left; height: auto; padding-left: 100px; } @media screen and (max-width: 1228px) { .mc_footer_col25 { width: 25%; float: left; height: auto; padding-left: 50px; } } @media screen and (max-width: 902px) { .mc_footer_col25 { width: 25%; float: left; height: auto; padding-left: 0px; } } @media screen and (max-width: 726px) { .mc_footer_col25 { width: 33%; float: left; height: auto; padding-left: 0px; } } @media screen and (max-width: 470px) { .mc_footer_col25 { width: 50%; float: left; height: auto; padding-left: 0px; } } .c_120p { padding-left: 120px; } @media screen and (max-width: 1228px) { .c_120p { padding-left: 50px; } } @media screen and (max-width: 902px) { .c_120p { padding-left: 0px; } } .mc_footer_col24 { width: 24%; float: left; height: auto; padding-left: 120px; } @media screen and (max-width: 1228px) { .mc_footer_col24 { width: 26%; float: left; height: auto; padding-left: 50px; } } @media screen and (max-width: 902px) { .mc_footer_col24 { width: 26%; float: left; height: auto; padding-left: 0px; } } @media screen and (max-width: 470px) { .mc_footer_col24 { width: 100%; float: left; height: auto; padding-left: 0px; padding-top: 12px; } } .mc_f_inlsites_img { width: 21px; padding-right: 5px; vertical-align: text-bottom } .mc_f_inlsites_h2 { font-family: F37 Judge; font-size: 30px; color: #182870; } .mc_f_inlsites_ul { font-family: Poppins-Regular; color: #182870; font-size: 13px; list-style-type: none; padding-left: 0px; line-height: 31px; margin-bottom: 0rem; } .p_topseperator { max-width: 207px; height: 37.96px; visibility: hidden; } @media screen and (max-width: 726px) { .p_topseperator { max-width: 207px; height: 37.96px; display: none; } } .mc_f_h2hidden { font-family: Poppins-Regular; font-size: 18px; color: #333333; visibility: hidden; } .f_mc_linehe21 { font-family: Poppins-Regular; color: #182870; font-size: 13px; /* list-style: disc;*/ padding-left: 0px; line-height: 25px; margin-bottom: 0rem; } .a_link { background: linear-gradient(0deg, rgb(237, 79, 2), rgb(237, 79, 2)) no-repeat right bottom / 0 var(--bg-h); transition: background-size 350ms; --bg-h: 100%; } .a_link:where(:hover, :focus-visible) { background-size: 100% var(--bg-h); background-position-x: left; } .underline { padding-bottom: 2px; --bg-h: 1px; } .a_link { text-decoration: none; color: inherit; line-height: 1; } .a_link:hover { color: #3f3f3f; } .a_link_01 { color: #182870; text-decoration: none; } .a_link_01:hover { color: #3f3f3f; } .mc_f_ulcontact { font-family: Poppins-Regular; color: #182870; font-size: 12px; list-style: none; padding-left: 0px; line-height: 25px; } .mcf_f_linh18 { line-height: 18px; } .mcf_p_txt { font-family: Poppins-Regular; color: #182870; font-size: 11px; } .footer_linksbg { width: 100%; float: left; height: auto; background-color: #8CE7FF; } .footer_inn_botder { border-bottom: 0px solid #e7e5e5; } .footer_copyrighttxt { margin-bottom: 0px !important; color: #fff; font-size: 12px; font-family: Poppins-Regular } .copyright_fooer_dv { width: 100%; float: left; height: auto; background-color: #182870; } .bookwithconfi_maindv { width: 100%; float: left; height: auto; background-color: #FF99F5; } .connectwithus_maindv { width: 100%; float: left; height: auto; background-color: #182870; } /*footer*/ .sticky-top { top: 0 !important; } .css-1ikmrh2 { color: rgb(255, 255, 255); display: inline-flex; margin-right: 20px; } .css-1xz51jq { fill: #1B2870; width: 32px; height: 32px); vertical-align: middle; } .css-1xz51jq-footer { fill: #fff; width: 32px; height: 32px); vertical-align: middle; } ul { padding-left: 0rem; } /*homepagedivider code begin*/ .customersectionbg { background-color: #174285; background: linear-gradient(0deg,rgba(237, 79, 2, 1) 0%, rgba(242, 99, 27, 1) 100%); margin-top: 0px; } .customersection { display: flex; /* justify-content: space-around;*/ align-items: center; justify-content: center; max-width: 1200px; margin: auto; } .customersection .customerimg { flex: 0 0 240px; } .customersection .customerimg img { width: 100%; height: auto; margin-top: -25px; float: left; } /* typical phone screen resolution */ @media only screen and (max-width: 768px) { .customersection .customerimg { display: none; } } .customersection .customercontent { flex: 0 0 calc(100% - 250px); text-align: center; } .customersection .customercontent p { font-size: 2.5em; color: #ffffff; color: #fff; margin-bottom: 30px; text-align: center; } .customersection .customercontent p b { font-weight: 700; } .customersection .customercontent a.number { font-size: 4em; color: #ffffff; font-family: F37 Judge; font-weight: 800; text-decoration: none; } @media only screen and (max-width: 768px) { .customersection .customercontent { flex: 0 0 100%; } } @media screen and (max-width: 992px) { .customersection .customercontent p { font-size: 1.6em; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .customersection .customercontent p { font-size: 1.6em; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .customersection .customercontent a.number { font-size: 2.2em; } .customersectionbg { background-color: #174285; padding:15px 0px 15px 0px; } } /*homepagedivider code end*/ /*Home page slider css begin*/ .TabberGroupCollection_scrollRight__58m_m { position: absolute; background-repeat: no-repeat; background-position: 50%; top: 50%; right: 5%; color: #fff; font-size: 50px; transform-origin: 52% 62%; animation: swipe-hand 2s infinite; filter: drop-shadow(0 4px 4px rgba(0,0,0,.7)); } .svg-inline--fa { display: inline-block; height: 1em; } .TabberGroupCollection_path__Btcnb { width: 20px; height: 20px; position: absolute; background: rgb(237, 79, 2); border-radius: 40px; top: 48%; right: 4%; visibility: hidden; animation: swipe-dot 2s .5s infinite; } .swipe { position: absolute; top: 0; right: 0; bottom: 0; width: 100px; pointer-events: none; transform: translateX(var(--swipe-offset, 0px)); } .path { width: 20px; height: 20px; position: absolute; background: rgba(250, 29, 29, 0.877); border-radius: 40px; top: 48%; right: 4%; visibility: hidden; animation: swipe-dot 2s 0.5s infinite; } .scrollRight { position: absolute; background-repeat: no-repeat; background-position: center; top: 50%; right: 5%; color: white; font-size: 50px; transform-origin: 52% 62%; animation: swipe-hand 2s infinite; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.7)); } @keyframes swipe-hand { 25% { transform: translate(20px) rotate(30deg); } 50% { transform: translate(-20px) rotate(-15deg); } 100% { transform: translate(0px) rotate(0); } } @keyframes swipe-dot { 12% { visibility: visible; opacity: 1; width: 40px; } 25% { visibility: visible; transform: translate(-65px); width: 20px; } 26% { opacity: 0; visibility: hidden; } } /* Left fade gradient */ .carousel-gradient-left { position: absolute; top: 0; left: 0; width: 60px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 1), transparent); z-index: 5; pointer-events: none; transition: opacity 0.3s ease; } .carousel-gradient-left.hidden, .carousel-gradient-right.hidden { opacity: 0; } .carousel-scroll-wrapper { overflow: hidden; width: 100%; position: relative; } .carousel-track { display: flex; gap: 16px; overflow-x: scroll; scroll-behavior: smooth; cursor: grab; padding-bottom: 10px; } .carousel-track:active { cursor: grabbing; } .carousel-scroll-wrapper { overflow: hidden; width: 100%; position: relative; } .carousel-track { display: flex; transition: transform 0.5s ease; } /*.carousel-item-custom { flex: 0 0 25%;*/ /* 100% / 4 items = 25% */ /*padding: 8px; }*/ .carousel-item-custom { flex: 0 0 auto; /* prevent flex shrinking or growing */ width: 340px; height: 434px; padding: 0 0px; /* optional, adjust spacing between items */ } .carousel-item-custom img { width: 100%; height: 434px; object-fit: cover; border-radius: 8px; } .carousel-controls { text-align: center; margin-top: 10px; } .carousel-controls button { margin: 0 10px; } @media (max-width: 768px) { .carousel-item-custom { flex: 0 0 100%; /* 1 item per row on mobile/tablet */ } } @media (max-width: 992px) { .carousel-item-custom { flex: 0 0 50%; } } @media (max-width: 576px) { .carousel-item-custom { flex: 0 0 100%; } } .carousel-gradient-right { position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 1), transparent); z-index: 5; pointer-events: none; transition: opacity 0.3s ease; } /* Gradients stay the same */ /* For WebKit browsers (Chrome, Safari, Edge) */ .carousel-track::-webkit-scrollbar { height: 6px; } .carousel-track::-webkit-scrollbar-track { background: transparent; } .carousel-track::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); /* Scroll thumb color */ border-radius: 10px; } /* For Firefox */ .carousel-track { scrollbar-width: thin; /* Slim scrollbar */ scrollbar-color: rgba(0, 0, 0, 0.4) transparent; /* Thumb and track */ } .carousel-track::-webkit-scrollbar { height: 0; transition: height 0.3s ease; } .carousel-track:hover::-webkit-scrollbar { height: 6px; } /*Add This CSS for Style + Animation*/ .scroll-hint-text { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); /* background: rgba(0, 0, 0, 0.6);*/ color: #fff; padding: 8px 14px; border-radius: 20px; font-size: 16px; z-index: 10; pointer-events: none; } /* Animation: gently moves left/right */ @keyframes slide-hint { from { transform: translateY(-50%) translateX(0); } to { transform: translateY(-50%) translateX(10px); } } /*Add This CSS for Style + Animation*/ /*image hover text*/ .image-wrapper { position: relative; overflow: hidden; border-radius: 8px; height: 100%; } .image-wrapper:hover img { transform: scale(1.05); cursor: pointer; transition: transform 0.3s ease; } .image-wrapper::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); pointer-events: none; border-radius: 8px; background: linear-gradient(180deg,rgba(102,0,51,.7) 0,rgba(102,0,51,0) 15%,rgba(102,0,51,0) 40%,rgba(82,93,175,.2) 50%,rgba(82,93,175,.7) 75%,rgba(69,151,252,.8)); opacity: .6; transition: transform 0.3s ease; } .image-wrapper:hover::after { background: linear-gradient( to bottom, rgba(102, 0, 51, 0.8) 0%, rgba(82, 93, 175, 0.2) 25%, rgba(82, 93, 175, 0.5) 75%, rgba(69, 151, 252, 0.9) 100% ); opacity: 0.6; transition: transform 0.3s ease; } /* Caption at the top */ .image-caption { position: absolute; top: 12px; left: 16px; color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 36px; z-index: 2; font-weight: 700 } /* Price at the bottom */ .image-price { position: absolute; bottom: 16px; /* fixed position */ left: 16px; color: #fff; padding: 5px 10px; border-radius: 6px; font-size: 44px; z-index: 2; transition: none; /* no sliding */ transition: bottom 0.4s ease, opacity 0.4s ease; } .book-now-btn { font-size: 15px; color: white; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; justify-content: left; border-radius: 3px; padding: 10px 15px 10px 15px; position: absolute; bottom: -60px; /* initially hidden below */ background-color: rgb(237, 79, 2); border: none; cursor: pointer; transition: bottom 0.4s ease, opacity 0.4s ease; opacity: 0; z-index: 3; } .image-wrapper:hover .book-now-btn { bottom: 0px; /* slides up */ opacity: 0.9; } .image-wrapper:hover .image-price { bottom: 80px; /* slides up */ opacity: 1; transition: bottom 0.4s ease, opacity 0.4s ease; } .FromPrice_from__qqknF { letter-spacing: .05em; line-height: 1em; font-size: .27em; } .FromPrice_PP__D1QIs { align-self: flex-end; line-height: 1em; font-size: .27em; } /*Home page slider css end*/ .btnhoversty { margin: 5%; width: 90%; float: left; } .title_heading_scrl { text-transform: uppercase; font-family: F37 Judge; font-size: 4rem; line-height: 0.7; color: #182870; font-weight: 700; } @media only screen and (max-width:768px) { .title_heading_scrl { text-transform: uppercase; font-family: F37 Judge; font-size: 2.00rem; line-height: 0.7; color: #182870; font-weight: 700; } } .subtitle_heading { font-size: 1.125rem; line-height: 1rem; font-family: Poppins-Regular; } .scroll_atag { text-transform: none; font-weight: 400; font-family: F37 Judge; text-transform: none; font-weight: 400; } .classes_ptag { font-size: 15px; color: #fff; font-family: Poppins-Regular; padding-top: 10px; } .subtitle_heading_rest { font-size: 13px; line-height: 25px; font-family: Poppins-Regular; text-align: justify; } .title_heading_scrl_rest { text-transform: capitalize; font-family: poppins-Regular; font-size: 19px; line-height: 28px; color: #182870; font-weight: 700; margin-top: 15px; } .title_heading_scrl_rest::after { content: ""; left: 0; bottom: 0; height: 1px !important; width: 100%; background-color: #ececec; display: inherit; margin-top:5px; } /*Deals pages code*/ .banner_txt_heading_pages { color: #fff; font-weight: bold; font-family: F37 Judge; line-height: 55px; font-size: 56px; } .f-banner-svg-cheap-flights { background: url(../../../img/dialtotravel.co.uk/home/deals/cheap-flights.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-newyork { background: url(../../../img/dialtotravel.co.uk/home/deals/newyear.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-goodfriday { background: url(../../../img/dialtotravel.co.uk/home/deals/goodfriday.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-easter { background: url(../../../img/dialtotravel.co.uk/home/deals/easter.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-halloween { background: url(../../../img/dialtotravel.co.uk/home/deals/halloween.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-cyber { background: url(../../../img/dialtotravel.co.uk/home/deals/cyber.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-christmas { background: url(../../../img/dialtotravel.co.uk/home/deals/christmas.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-boxing { background: url(../../../img/dialtotravel.co.uk/home/deals/boxing.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-thanksgiving { background: url(../../../img/dialtotravel.co.uk/home/deals/thanksgiving.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-remembrance { background: url(../../../img/dialtotravel.co.uk/home/deals/remembrance.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-mother { background: url(../../../img/dialtotravel.co.uk/home/deals/mother.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-father { background: url(../../../img/dialtotravel.co.uk/home/deals/father.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-valentines { background: url(../../../img/dialtotravel.co.uk/home/deals/valentines.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-canada { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-canada.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-africa { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-africa.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-asia { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-asia.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-australia { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-australia.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-caribbean { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-caribbean.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-europe { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-europe.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-fareast { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-far-east.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-fareast { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-far-east.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-latinamerica { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-latin-america.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-mexico { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-mexico.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-middleeast { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-middle-east.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-newzealand { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-new-zealand.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } .f-banner-svg-flights-to-usa { background: url(../../../img/dialtotravel.co.uk/home/deals/flights-to-usa.jpg) center top repeat-x; padding-top: 10px; padding-bottom: 600px; background-color: #fff; background-size: cover } @media only screen and (max-width: 1361px) { .f-banner-svg-newyork { background-size: contain; } .f-banner-svg-goodfriday { background-size: contain; } .f-banner-svg-easter { background-size: contain; } .f-banner-svg-halloween { background-size: contain; } .f-banner-svg-cyber { background-size: contain; } .f-banner-svg-christmas { background-size: contain; } .f-banner-svg-boxing { background-size: contain; } .f-banner-svg-thanksgiving { background-size: contain; } .f-banner-svg-remembrance { background-size: contain; } .f-banner-svg-mother { background-size: contain; } .f-banner-svg-father { background-size: contain; } .f-banner-svg-valentines { background-size: contain; } .f-banner-svg-flights-to-canada { background-size: contain; } .f-banner-svg-flights-to-africa { background-size: contain; } .f-banner-svg-flights-to-asia { background-size: contain; } .f-banner-svg-flights-to-australia { background-size: contain; } .f-banner-svg-flights-to-caribbean { background-size: contain; } .f-banner-svg-flights-to-europe { background-size: contain; } .f-banner-svg-flights-to-fareast { background-size: contain; } .f-banner-svg-flights-to-latinamerica { background-size: contain; } .f-banner-svg-flights-to-mexico { background-size: contain; } .f-banner-svg-flights-to-middleeast { background-size: contain; } .f-banner-svg-flights-to-newzealand { background-size: contain; } .f-banner-svg-flights-to-usa { background-size: contain; } } @media only screen and (max-width: 768px) { .f-banner-svg-newyork { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-goodfriday { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-easter { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-halloween { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-cyber { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-christmas { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-boxing { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-thanksgiving { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-remembrance { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-mother { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-father { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-valentines { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-canada { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-africa { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-asia { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-australia { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-caribbean { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-europe { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-fareast { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-latinamerica { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-mexico { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-middleeast { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-newzealand { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .f-banner-svg-flights-to-usa { padding-top: 10px; padding-bottom: 0px; background-color: #faeecd; background-size: cover !important; padding-bottom: 100px; } .banner_txt_heading_pages { color: #fff; font-weight: bold; font-family: F37 Judge; line-height: 55px; font-size: 26px; padding-bottom:0px; padding-top:100px; } } /*Deals pages code end*/ .bg-light-blue_deals { background-color: #E3FB68; } .p-40 { padding: 20px !important; } .sap p { font-size:13px; } .havequestiontxt { color: #2b2b2b; width: 100%; float: left; padding-top: 10px; font-size: 13px; text-align: center; } .stickyfixdiv { background: #fff; border: rgb(237, 79, 2) solid 1px; padding: 27px; text-align: center; border-radius: 6px; } .ftc_bg { background-color: #ff6600 !important; text-transform: uppercase !important; font-size: 18px !important; color: #fff !important; padding: 5px 10px !important; border-radius: 6px !important; text-decoration: none !important; } .strongcolor { color: #ff6600 !important; } .calbkreqbtn { background-color: #ff6600 !important; text-transform: uppercase !important; font-size: 18px !important; color: #fff !important; padding: 10px 15px !important; border-radius: 6px !important; text-decoration: none !important; border: 0px; padding: 10px; width: 100%; font-weight: bold; } .cbkreqtextarea { color: #005082; border-radius: 0px; box-shadow: none; height: 120px; font-weight: normal; border: 1px solid #dfdfdf; background: #fff; padding: 10px; } @media only screen and (max-width:411px) { .header_phoneicon_s { width: 49px !important; padding-right:10px; } } .samodalzi { z-index:999999999 !important; } .page-banner-layout { padding: 200px 0px 75px; } .page-title-container { background: #fff !important; padding: 30px 0px 0px 0px !important; border-radius: 5px; position: relative; display: block; top: -40px; } .page-title-container h2 { text-align: center; font-family: F37 Judge; font-size: 40px; color: #182870; } .heading-style { font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 1.5em; padding-bottom: 15px; position: relative; color: #1c3c7d; } .heading-style:before { content: ""; position: absolute; left: 0; bottom: 1px; height: 3px; width: 55px; background-color: #e4541a; z-index: 1 !important; } .heading-style:after { content: ""; position: absolute; left: 60px; bottom: 2px; height: 1px; width: 95%; /* background-color: #dddddd; */ background: linear-gradient(78deg, #bfbfbf 0%, #999 37%, #e6e6e6 71%, #fbfbfb 100%); } .mil-suptitle { padding: 2px 12px; background-color: rgb(213,241,241); border-radius: 40px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-weight: 500; color: rgb(32,79,94); width: max-content; margin: 0 auto; } @media screen and (max-width: 768px) { .page-title-container { top: 0px !important; } .mil-suptitle { font-size: 10px } .footer-company-section { text-align:center !important; } .footer-page-links { text-align: center !important; } .page-banner-layout { padding: 75px 0px 0px 0px !important; background-size:contain !important; } } .mil-breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; margin-bottom:0px; } .mil-breadcrumbs ul li { list-style-type: none } .mil-breadcrumbs ul li a { text-decoration: none; color: rgb(32,79,94); } .mil-breadcrumbs ul li:after { content: "/"; margin: 0 10px } .mil-breadcrumbs ul li:last-child { cursor: not-allowed } .mil-breadcrumbs ul li:last-child a { color: rgb(90,134,149); pointer-events: none } .mil-breadcrumbs ul li:last-child:after { display: none } .footer-company-section { width: 100%; font-size: 12px; color: #182870; } .company-info-links { width: 100%; } .company-info-links h2.footer-title { font-family: F37 Judge; font-size: 30px; color: #182870; } .company-info-links ul { list-style: none; margin: 0px; padding: 0px; } .company-info-links ul li{ margin-bottom:8px; display:block; } .company-info-links ul li a { text-decoration: none; color: #182870; } .company-info-links ul li a:hover { text-decoration: none; color: #e4541a; } .footer-page-links { width: 100%; } .footer-page-links h2.footer-title { font-family: F37 Judge; font-size: 30px; color: #182870; text-align:center; margin-bottom:25px; } .footer-page-links ul { list-style: none; margin: 0px; padding: 0px; } .footer-page-links ul li { margin-bottom: 8px; display: block; margin:0 15px; } .footer-page-links ul li a { text-decoration: none; color: #182870; font-size: 13px; } .footer-page-links ul li a:hover { text-decoration: none; color: #e4541a; } ul.content-li-style { padding-left: 15px; } ul.content-li-style li { list-style: disc !important; } .txt-justify{text-align:justify;} .atol-bg-container { background: #e4fffb; padding: 15px; border: #c7ebe5 solid 1px; border-radius: 5px; margin-top: 15px; } .atol-protectet-txt { text-transform: uppercase; font-family: F37 Judge; font-size: 1.80rem; line-height: 0.7; color: #182870; font-weight: 700; }