@import 'header.css'; @import 'footer.css'; @import 'search-form.css'; @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Cursive:wght@400..700&display=swap'); html { scroll-behavior: smooth; } body {font-family: "Poppins", sans-serif; font-weight: 400; overflow-x: hidden;} /*body {font-family: "Quicksand", sans-serif !important; font-weight: 400; overflow-x: hidden;}*/ /*h1,h2,h3,h4,h5,h6 {font-family: "Playfair Display", serif;}*/ /*h1,h2,h3,h4,h5,h6 {font-family: "Anton", sans-serif;}*/ a:hover{text-decoration: none !important;} .box-shadows {box-shadow: 0 0.3rem 0.3rem rgb(0 0 0 / 10%) !important; } .btn:focus, .btn.focus{ box-shadow: none!important;} .easefares_boxdesign_002 {background: #fff; border-radius: 20px; position: relative; height: 100%;} .easefares_hide_watermark_002 {position: absolute; left: 0; right: 0; bottom: -35px; background: #fff; width: 100%; height: 45px;} .easefares_wlwmark_hide_002{position: absolute; left: 0; right: 0; top: 285px; background: #f7f7f7; width: 100%; height: 28px;} .easefares_carbg_002 {background-color: #f5f5f5; padding-top:30px;} iframe #tpcwl_iframe {min-height:200px !important; height:280px !important;} /* Top Destination */ .easefares_top_destbg_002 { background: url("../images/destination-bg.avif") no-repeat center; background-size: cover; min-height: 403px; width: 100%; margin-top:60px; padding:40px 60px 40px; } .easefares_topdest_area_002 {position: relative; overflow: hidden; height: 275px; border-radius: 20px;} .easefares_topdest_area_002 > img {object-fit: cover; width: 100%; height: 100%; border-radius: 20px; position: absolute; left: 0; top: 0; transform: scale(1); transition: all 0.3s ease-in-out;} .easefares_topdest_area_002:hover > img {filter: brightness(1.1); transform: scale(1.1);} .easefares_topdest_area_002:before {content: ''; position: absolute; background: linear-gradient(180deg, rgb(0 30 49 / 90%) 45%, transparent); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 1;} .easefares_topdest_area_002 .easefares_topdest_textarea_002 {position: absolute; left: 0; bottom: 0; padding: 20px; width: 100%; height: 100%; z-index: 2;} .easefares_topdest-mt_002 {margin-top: 27px;} .easefares_topdest_name_002 {font-size: 22px; font-weight: 600; text-transform: capitalize; padding-top: 10px; padding-bottom: 10px; margin: 0; text-align: right; display: block;} .easefares_topdest_title_002 {font-size: 14px; color:#000; font-weight: 400; padding-top: 0px; margin: 0; text-align: right; display: block;} .easefares_border-radius_002 {border-radius: 0 80px !important;} .easefares_whybook-hding_002 {font-size: 19px; font-weight: 700;} .easefares_whybook-prgh_002 {font-size:14px; font-weight: 400; color: #000} .easefares_whybook-icon_002 {font-size: 24px; color: #05a5f3; margin-bottom: 10px; background: #00436f; display: flex ; align-items: center; justify-content: center; padding: 10px; border-radius: 6px;} .easefares_about_icon_002 {width: 70px; height: 70px; object-fit: contain; margin:0 0 15px;} .easefares_contact_box_002 { min-height: 185px; border:1px solid #ddd; padding: 20px 20px 20px; border-radius: 20px; background: #fff; margin-bottom: 15px;} .easefares_contact-hding_002 {font-size: 22px; font-weight: 700; display: block;} .easefares_contact-hding_002 > span {color:#0163a3;} .easefares_contact-img_002 {width: 60px; height: 60px; padding:5px; margin: 0 auto 10px; display: table; filter:invert(1);} /*wraper */ .easefares_wrap-hding_002 { font-size: 36px; color: #000; text-transform: capitalize; font-weight: 900;  padding-top: 10px; margin: 0; } .easefares_wrap-title_002 { font-size: 16px; color: #000; font-weight: 700;  margin:0; position:relative; color:#00436f; font-family: "Edu NSW ACT Cursive", cursive; display:inline-block; padding-right:10px; } .easefares_wrap-title_002:before {content: ''; position: absolute; left: 100%; top: 11px; width: 70px; height: 4px; background: linear-gradient(90deg, #0c6dac 50%, #99d2f7 50%); border-radius: 10px;} .easefares_wrap-subhding_002_002 { font-size: 20px; color: #222; font-weight: 500;   margin:0; padding: 10px 0; } .easefares_wrap-prgh_002 { font-size: 16px;  color: #000; margin-bottom: 0; } .easefares_wrap-btn_002 {font-size: 16px; font-weight: 700; color: #000; text-decoration: none; border: 1px solid #ffa600; background: #ffa600; border-radius: 40px; padding: 6px 20px; margin-top: 10px; display: inline-block;} .easefares_wrap-btn_002:hover {color: #fff; text-decoration: none;} /* Card design */ .easefares_card_design_002 {position: relative; height:100%; } .easefares_card_design_002 > img {border-radius: 10px; width: 100%; height: 340px; object-fit: cover;} .easefares_card-textarea_002 {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 95px 20px 40px 170px;} .easefares_offer_btn_002 {border-radius: 40px; padding: 10px 30px; color: #000; text-decoration: none; background: #ffa600; font-weight: 600; font-size: 18px; margin: 30px 0px 0; display: inline-block;} .easefares_offer_btn_002:hover {color: #fff; background: #ef7f1a; text-decoration: none;} .easefares_festive_hding_002 {font-size: 36px; font-weight: 700; text-transform: uppercase;  color: #000; text-align: right; display: block; line-height: 1; margin-top: -10px; /*text-shadow: 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000;*/} .easefares_festive_prgh_002 {font-size: 16px; text-align: right; font-weight: 400; color: #000; margin: 0; padding-bottom: 30px;} /* cruise form */ .easefares_cruise-bg_002 {background: #f7f7f7 url('../images/cruise-search-bg.jpg') center; padding: 100px 0;} .easefares_cruise_filter_label_002 {color:rgba(255, 255, 255, 0.7) !important; font-size:10px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; display: block; padding-bottom: 5px;} .easefares_cruise_filter_field_002 {width: 100%; height: 50px; border:1px solid #fff; color:#24242; font-size: 14px; padding: 10px 15px 10px 15px;} .easefares_cruise_filter_btn_002 {width: 100%; height: 50px; text-transform: uppercase; letter-spacing: 0.3px; border:1px solid #0b156a; font-size: 14px; padding: 10px 15px 10px 15px; background: #0b156a; color:#fff; } .easefares_crusie_filter_002 {background: #132e87; padding: 20px; border-radius: 15px;} /*  carousel button */ .owl-carousel .owl-nav { position: absolute; top: 45%; right: 0; left: 0;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: flex; outline: none; color: #fff; background: #fff !important; border-radius: 50%; border:1px solid #ddd !important;   font-size: 50px; position: absolute; bottom: 0px; top:-14px; width:45px; height: 45px; justify-content: center; align-items: center;  } .owl-carousel .owl-nav button.owl-next > span, .owl-carousel .owl-nav button.owl-prev > span { outline: none; display: block; color:#000; padding: 0px 15px;  font-size: 30px;  border-radius: 50%; transform: translate(0, -1px);  } .owl-carousel .owl-nav button.owl-next { right:-20px; } .owl-carousel .owl-nav button.owl-prev {  left: -20px; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block!important; } /* Offer */ .easefares_offer_box_002 {background-color: #151515; padding: 0px; margin-bottom: 15px; border-radius: 80px 0;} .easefares_offer_img_002 { border-radius: 80px 0; width: 100%; height:200px; overflow: hidden; margin-right: 10px; } .easefares_offer_img_002 > img {width: 100%; height: 100%; object-fit: cover;} .easefares_offer_textarea_002 {width: 100%; padding:20px 20px; position: relative;} .easefares_offer_title_002 {font-size: 18px; font-weight: 700; color:#fff; display: block; padding-bottom: 10px; margin: 0;} .easefares_offer_subtitle_002 {font-size: 12px; font-weight: 600; text-transform: uppercase; color: #ef7f1a; display: block; margin-bottom: 10px;} .easefares_offer_desc_002 {font-size: 14px; color: #999; margin: 0;} /* faq collapse */ .easefares_accord_002 {margin: 10px 0px 0; display: block; position: relative; } .easefares_accord_002 > .accordion-header {border-bottom: none !important; } .easefares_accord_002 .accordion-header button {width: 100%; font-size: 20px !important; font-weight: 700; text-align: left !important; color: #000 !important; background: none !important; border-bottom: 1px solid rgb(153 153 153 / 40%); border-radius: 1px !important; text-decoration: none; padding: 13px 0;} .easefares_accord_002 button:focus {box-shadow: none !important;} /* Breadcrumb */ .easefares_breadcrumb_bg_002 {background: #00436f; padding: 20px 0; position: relative;} .easefares_breadcrumb_easefares_ullist_002 {margin: 0; padding: 0; display: flex; } .easefares_breadcrumb_easefares_ullist_002 li {list-style: none; font-size:14px; color:#8bacc1; font-weight: 500; padding:0px 10px; position:relative; } .easefares_breadcrumb_easefares_ullist_002 li:not(:last-child):before {content: ''; position: absolute; right: 0; top:4px; width: 1px; height: 16px; background: #fff; transform: rotate(23deg);} .easefares_breadcrumb_easefares_ullist_002 li:first-child {padding-left: 0px;} .easefares_breadcrumb_easefares_ullist_002 li a {color:#ffa600; text-decoration: none;} .easefares_ullist_002 {margin: 15px 0 0 0px; padding: 0px 0 0 0px; position: relative;} .easefares_ullist_002 li {list-style: none; margin-bottom: 10px; padding: 0px 0 0 25px; font-size: 16px; position: relative;} .easefares_ullist_002 li:before {content: '\f00c'; position: absolute; left: 0; top: 2px; font-size: 10px; color: #ef7f1a; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 5 Free'; font-weight: 900;} .error {font-size: 10px; color: #d20000; font-weight: 600; margin: 0; padding: 5px 0; display: block;} .error > span { display:block; } .easefares_gray_color_002 {color: #bbb !important;} .easefares_about-img1_002 {width: 400px; height: 500px; border-radius: 40px; object-fit: cover;} .easefares_about-img2_002 {width: 300px; height: 400px; border-radius: 40px; object-fit: cover; position: absolute; right: 25px; bottom: -100px;} /* Partner easefares_logo_002 */ .partners-easefares_logo_002 {width: 100%; height: 80px; background: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1); border-radius: 15px; padding:10px 15px;} .partners-easefares_logo_002 > img {width: 100%; height: 100%; object-fit: contain;} #easefares_partner_logo_carousel_002 .partners-easefares_logo_002 {margin:30px;} .plane {position: absolute; top: 0; font-size: 40px; animation: fly 10s linear 2/*infinite*/; animation-delay:6s; z-index:1; opacity:0; } .plane > img {width: 80px; } @keyframes fly {0% {left: -100px;   /* start from outside left */ top:0px; opacity: 0.1; transform: scale(0.2); } 30% {opacity: 1; transform: scale(1); } 100% {left: 100vw;   /* move fully to the right side */ top:48%; opacity: 1; } } /* Plane fly */ .city-bg {position: relative; height: 200px;} .city-bg:before { content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: url('../images/city.png') repeat-x; background-size: contain; opacity: 0.4;} .plane2 {position: absolute; top: 0px; animation: footerplan 10s linear infinite; z-index:1; } .plane2 > img {width: 80px; } @keyframes footerplan {0% {left: -100px;   /* start from outside left */ opacity: 0.7; transform: rotate(0deg) scale(0.5); top:150px; } 25% {opacity: 1; transform: rotate(0deg) scale(0.5); top:150px; } 40% {transform: rotate(-25deg) scale(0.7); } 50% {transform: rotate(-25deg) scale(0.7); top: 100px; } 75% {transform: rotate(0deg) scale(0.7); top: 0px; } 100% {left: 100vw; transform: scale(0.6); top: 0px; } } .car1 {position: absolute; top: 150px; animation: car_anim_1 7s linear infinite; z-index:1; } .car1 > img {width: 60px; height:60px; object-fit:contain; } .car2 {position: absolute; top: 157px; left:-200px; animation: car_anim_2 7s linear infinite;  animation-delay:2s;  z-index:1; } .car2 > img {width: 60px; height:60px; object-fit:contain; } .car3 {position: absolute; top: 156px; right: -100px; animation: car_anim_3 7s linear infinite; animation-delay:4s; z-index:1; } .car3 > img {width: 60px; height:60px; object-fit:contain; } @keyframes car_anim_1 {0% {left: -100px; } 100% {left: 100vw; } } @keyframes car_anim_2 {0% {left: -200px; } 100% {left: 100vw; } } @keyframes car_anim_3 {from { right:-100px;} to   { right:100vw; } } /* Car page services */ .service-bg { background:#f7f7f7; padding:60px 0; } .car-service-box {background: #fff; padding: 20px; border-radius: 20px; min-height: 300px; height: 100%; overflow: hidden; position: relative;} .car-serice-icon {width: 70px; height: 70px; padding: 8px; position: relative; background: #f7f7f7; border-radius: 50%; margin-bottom: 10px; transition: all 0.3s ease-in-out;} .car-serice-icon > img {width: 100%; height: 100%; object-fit: contain; position: relative; left: 25px; top: 15px;} .car-service-box:hover .car-serice-icon {transition: 1s ease-in-out; background: #47a7e6} .car-service-box:before {content: ''; position: absolute; width: 100%; height: 100%; top:100%; left: 0; bottom: 0; right: 0; border-radius: 200px 200px 0 0; background: #0163a3; opacity: 0; transition: all 0.3s ease-in-out;} .car-service-box:hover:before {top:0; border-radius: 0px 0px 0px 0px; opacity: 1; transition: all 0.3s ease-in-out;} .car-service-box:hover .easefares_wrap-subhding_002_002 {color: #fff;} .car-service-box:hover .easefares_wrap-prgh_002 {color: #fff;} .cruise_card_ht > img {height: 400px !important;} .mobile-calling { position: fixed; bottom: 5px; z-index: 9; width: 90%; left: 5%;  background: #fff; padding: 20px; box-shadow: 0px 0px 20px #ddd; border-radius: 20px; display: flex; justify-content: center; align-items: center; gap: 15px;} .mobile-call-img {width:80px; height: 80px; border-radius: 50%; object-fit: cover;} .mobile-call-hding {font-size:24px; font-weight: 700; color:#00436f;} .mobile-call-number {font-size: 28px; font-weight: 700; color:#ffa600;} @media only screen and (max-width:575px) {.easefares_offer_title_002 {font-size: 15px;} .easefares_offer_desc_002 {font-size: 12px;} .easefares_offer_textarea_002 {padding-bottom: 40px;} } @media only screen and (max-width:767px) {.easefares_wrap-hding_002 { font-size: 22px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top:25px; } .owl-carousel .owl-nav button.owl-prev {left: 0;} .owl-carousel .owl-nav button.owl-next {right: 0;} .plane2  {display: none;} .plane {display: none;} .city-bg {height: 170px;} .plane2 { animation: footerplan 6s linear infinite; } @keyframes footerplan {0% {left: -100px;   /* start from outside left */ opacity: 0.7; transform: rotate(0deg) scale(0.5); top:40; } 25% {opacity: 1; transform: rotate(0deg) scale(0.5); top:40; } 50% {transform: rotate(0deg) scale(0.5); top: 40; } 75% {transform: rotate(0deg) scale(0.5); top: 40; } 100% {left: 100vw;   /* move fully to the right side */ transform: scale(0.5); top: 40px; } } .car1 {top:121px; animation: car_anim_1 3s linear infinite; } .car2 {top:127px; animation: car_anim_2 4s linear infinite; } .car3 {top:127px; animation: car_anim_3 5s linear infinite; } } @media only screen and (max-width:768px) {.easefares_card_design_002 > img {height: 300px;} .easefares_card-textarea_002 {padding: 50px 35px 40px 35px;} .easefares_festive_hding_002 {font-size: 36px;} .easefares_festive_prgh_002 {font-size: 16px;  padding-bottom: 15px;} .easefares_offer_btn_002 {font-size: 16px; padding: 8px 20px;} .easefares_top_destbg_002 {min-height: auto; background-size: cover; padding: 30px 35px 30px;} .easefares_wlwmark_hide_002 {top:585px;} .easefares_cruise-bg_002 {padding: 60px 0;} .easefares_about-img1_002 {width: 85%; height: 100%; margin-left: 15%;} .easefares_about-img2_002 {width: 80%; height: auto; position: relative; top:-80px; left: inherit; right: inherit; bottom: inherit;} .about-textarea {margin-top:-50px;} /*#tpcwl_wrapper > iframe[height="768"] {min-height: 285px !important; height:590px !important; }*/ } @media only screen and (max-width: 991px) {.w-lg-50{ width: 100% !important;} .breadcrump-list { padding-left: 0; } .contact_list li:first-child span { padding: 4px 10px; } .contact_list li:last-child span { padding: 4px 8px; } .contaclist_btn {font-weight: 700; font-size: 16px; padding: 8px 20px; border-radius: 4px; margin-top:15px; } .contact_list {padding: 17px 0 15px; } .contact_list li:first-child {margin-bottom: 15px; } .contact_list li {font-size: 14px; float: none; } .aboutimg-lr {height: 100%;} .banner-mt {margin-top: 0px;} .pageview-nav {overflow-x: auto; white-space: nowrap;} } @media (min-width: 992px) {#tpcwl_wrapper > iframe[height="768"] {min-height: 285px !important; height:285px !important; } } /* Mobile view banner */ .mobile-view-banner {position: relative; background: url("../images/mob-calling-bg.jpg") no-repeat center; height: 672px; background-size: cover; padding-top:20px; } .mob-view-hding {font-size:21px; font-weight: 700; margin:0; padding:0; } .mob-button-design {border-radius: 10px; height: 52px; background: #fff; display: flex; align-items: center; margin-bottom: 15px;} .mob-button-design-img {display:flex; justify-content:center; align-items:center; border-radius: 10px 0 0 10px; background: #181d76; padding: 3px; width: 52px; height: 52px; } .mob-button-design-img > i {font-size:20px; filter: invert(1);} .mob-button-design span {font-size:12px; padding: 8px 10px; font-weight: 600;} .mob-view-title {font-size:17px; font-weight: 700; padding-top:10px; margin-bottom: 0; display: block; padding-bottom: 10px;} .mob-view-tfn {font-size:19px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; background:#006292; color:#fff; padding:5px 15px; border-radius:10px; text-decoration:none; } .mob-view-tfn > img {width:24px; height:24px; object-fit: contain; margin-right: 6px;} .mob-live-agent {width:54px; height: 54px; border-radius: 50%; background: #ddd; position: relative; overflow: hidden;} .mob-live-agent > img {width: 100%; height: 100%; object-fit: cover;} .mob-live-dot {width: 12px; height: 12px; border-radius: 50%; background: #59d800; position: absolute; right: 0; bottom: 0px; animation: moblivedot 1s infinite ease-in-out ; } .mob-ex-logo {width: 140px; margin: 0px 0 5px; } .mob-help-txt {font-size: 22px; font-weight: 700; text-align: left; display: block; margin-bottom: 0; padding-bottom: 10px;} .mob-view-services {margin: 0 0 0px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px;} .mob-view-services li {width:45%; flex-grow: 1; margin-bottom: 0px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 8px;} .mob-view-services li > i {font-size: 16px; color:#fff; position: relative; top:2px; background: #008dd2; width: 40px; height: 40px; border-radius: 5px; padding: 5px; display: flex; align-items: center; justify-content: center;} /*.mob-wrapper {display: block;}*/ .mob-view-anchor, .mob-view-anchor:hover {text-decoration: none; color: #000;} .mob-main-hding {font-size:30px;font-weight: 700; margin: 0; padding: 0; color: #b20f0f;} @keyframes moblivedot {0%   { opacity: 1; transform: scale(1); } 50%  { opacity: 0.6; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } .mobile-fix-button {background: #008dd2; color:#fff; text-decoration: none; display: flex; align-items: center; gap: 15px; position: fixed; left:0; right:0; bottom: 0; padding:10px; z-index:9; } .calling-gif-icon {width: 18px; height: 18px; object-fit: contain; } .mobile-fix-button-txt {font-size:24px; font-weight: 700; color:#fff; padding:0; margin:0px; } @media (max-width: 767px) {.mob-header-fix {position: fixed; top:0; background: #fff; z-index: 3; } .mobile-view-banner {position: fixed; top:84px; z-index: 2; } /*.mob-wrapper {display: none;}*/ .easefares_navleftright-pading_002 {padding: 5px 0 !important;} } /* modal */ .expedia-popup .modal-content {border-radius: 0px; padding: 0px; background: #fff; height:100vh; width:100%; } .expedia-popup .modal-dialog {border-radius: 0px !important; margin:0px !important;} .exmodal-logo {display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; position: relative; margin:30px auto 10px; } .exmodal-logo img {width: 12rem; } .expedia-buttons .btn {width: 100%; background: #008dd2; border-radius:100px; padding: 10px; margin-bottom:10px; font-size:16px; } .phone-offer {background-color: #e78915; color: #fff; font-weight: bold; } .agent-image {width: 130px; border-radius: 50%; } .plane-img {width: 10rem; margin-right: 20px; } .ex-close-btn {position: absolute; right: 10px; top:10px; font-size:35px; line-height: 1; background: none; border:none;} .ex-hding {font-size:24px; font-weight: 700; text-align: center; display: block; padding:20px 0;} @media (max-width: 576px) {.exmodal-logo img {width: 50%; } .plane-img {width: 14rem; margin-right: 10px; } .phone-offer {font-size: 20px; font-weight: 700; } .modal-body h4 {font-size: 28px; font-weight: 700; } .modal-body p {font-size: 17px; } .expedia-popup {display: block !important;} } .modal-body {padding-top :  50px } .modal-number-container {height: 50px; font-size: 22px; font-weight: 700; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #1156bb; color: white; margin : 10px; border-radius :100px; padding :10px 25px 10px 65px; position:relative; } .modal-number-container  h4 {font-size: 20px; } .modal-number-container a {color: #fff;} .content-center {border-radius: 20px 20px 0 0; background: white; } .modal-footer-custom {display: flex; justify-content: space-between; align-items: center ; color : white; padding:0 20px; } .expedia-popup {display: none; position: fixed; top:0; left:0; right:0; bottom: 0; z-index: 999;} .modal-usflag {width:50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top:0;} .modal-usflag img {width: 100%; height: 100%; object-fit: cover;} .modal-anch {text-decoration: none !important; color:#000 !important; position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; padding: 6%; width: 100%; height: 100vh;}