@charset "utf-8"; /* CSS Document */ /*************************** TABLE OF CONTENT 01 - GLOBAL 02 - HEADER 03 - TAB 04 - SLIDER 05 - HOT DEAL 06 - OUR TOP HOTEL 07 - SECTION-CONTENT 08 - NEWS LETTER 09 - FOOTER 10 - OTHERS 11 - HOTEL RESULT PAGE 12 - ACCORDIAN 13 - HOTEL CONFIRMATION 14 - HOTEL BOOKING 15 - HOTEL DETAIL 16 - FLIGHT BOOKING PAGE 17 - FLIGHT RESULT 18 - FLIGHT RESULT TWOWAY 19 - FLIGHT CONFIRMATION 20 - FLIGHT HOTEL RESULT 21 - FLIGHT HOTEL DETAIL 22 - FLIGHT HOTEL BOOKING 23 - FLIGHT HOTEL CONFIRMATION 24 - TRAVEL PORT 25 - AUTOEXTENDER 26 - PAGER 27 - PROGRESS 28 - RESPONSIVENESS ****************************/ /* 01 GLOBAL */ ul, li, ul li, table, lable, p, span, dl, dt, dd, table, tr, td {margin: 0px; padding: 0px; } * {margin: 0px; padding: 0px;} a:hover, a:focus {text-decoration: none !important;} img {border: none;} .mt5 {margin-top: 5px !important;} .mt7 {margin-top: 7px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt30 {margin-top: 30px !important;} .mt40 {margin-top: 40px !important;} .mt50 {margin-top: 50px !important;} .mt60 {margin-top: 60px !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb30 {margin-bottom: 30px !important;} .mb40 {margin-bottom: 40px !important;} .mb50 {margin-bottom: 50px !important;} .mb60 {margin-bottom: 60px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml30 {margin-left: 30px !important;} .ml40 {margin-left: 40px !important;} .ml50 {margin-left: 50px !important;} .ml60 {margin-left: 60px !important;} pd10 {padding: 10px;} .img-fullwidth img {width: 100%; height: auto;} body {font-size: 14px !important; font-family: 'Open Sans', sans-serif !important; letter-spacing: 0.4px; word-spacing: 1px; background:#fff !important; } header, footer, figure, aside, section, article {display: block;} .full-width {float: left; width: 100%; padding: 0 15px 30px; max-width: 100%;} .widthfull {width: 100%; float: left;} .breadcrumb { padding: 8px 0px !important; margin-bottom: 0px !important; list-style: none !important; background-color: transparent !important; border-radius: 0px !important; margin-top: 10px;} .top_line { width: 100%; height: 4px; float: left; background: #003366; margin-bottom:5px;} .im-responsive{width:100%; height:auto;} select:-moz-focusring{color: transparent !important; text-shadow: 0 0 0 #000 !important;} .topcontrol{background:#d19e01 !important;} select.title-mr{padding:0 0 0 2px;} .padding0 {margin-left: -5px !important; margin-right: -5px !important;} .padding0>div {padding-left: 5px !important; padding-right: 5px !important;} .padding0-tab {margin-left: -5px !important; margin-right: -5px !important;} .padding0-tab>div {padding-left: 5px !important; padding-right: 5px !important;} .padding0-topdestination{margin-left:0px !important; margin-right:0px !important;} .padding0-topdestination>div {padding-left: 0px; padding-right: 0px;} .padding0-transfer-result-tab {margin-left: -5px !important; margin-right: -5px !important;} .padding0-transfer-result-tab>div {padding-left: 5px !important; padding-right: 5px !important;} .padding0-flight-result-header>div {padding-left: 5px; padding-right: 5px;} .padding0-advance-search{margin-left: -15px !important; margin-right: -15px !important;} .padding0-advance-search>.padding-center {padding-left: 5px !important; padding-right: 5px !important;} .padding0-advance-search>.padding-right {padding-right: 5px !important;} .padding0-advance-search>.padding-left {padding-left: 5px !important;} .main-shadow-box{width:100%; float:left; background:#fff; overflow:auto; border-radius:5px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .main-shadow-box-normal{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box-normal:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .ol-coomon{width:100%; float:left; padding-left:20px;} .ul-coomon{width:100%; float:left; padding-left:20px;} .ul-coomon li{float:left; width:100%;} .select2-container--default{width:100% !important;} .select2-container .select2-selection--single{height:34px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px !important;} .select2-container--default .select2-selection--single{border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px !important; position: absolute; top: 1px; right: 1px; width: 20px;} /*Bootstrap time Picker*/ /*.table-condensed {width: 100% !important;} .table-condensed thead {display: none !important;} .table-condensed tfoot {display: none !important;}*/ /*Bootstrap time Picker*/ /*Start New Autocomplete*/ .ac_results{padding:0;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:9999;width:400px!important; max-height:270px; overflow:auto;} .ac_results ul{width:100%;list-style:none;padding:0;margin:0;box-shadow:0 0 1px 1px #CCC;background-color:#fff} .ac_results li{margin:0;cursor:default;display:block;font:menu;font-size:14px;overflow:hidden} .ac_odd{float:left;width:100%;background:url(../images/autocompleteicon/loc1.png) 3% 49% no-repeat #FFF;color:#063553;font:15px/25px DinMedium;padding:10px 20px 10px 31px;margin-top:5px} .ac_odd u{text-decoration:none;} .ac_even{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF;} .ac_even1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF;} .ac_evenFH{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF;} .ac_evenFH1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF;} .ac_over{background-color:#FFEC9D} .ac_even:hover{background-color:#FFEC9D} .ac_results.new {border-radius:5px; top:100%;} .ac_results.new .ac_even{float:left;width:100%;padding:7px 6px 7px 40px; font: 400 14px/20px Roboto,Arial,sans-serif; letter-spacing: .2px; color: #5f6368;font-size: 13px; background:url(../images/autocompleteicon/plane2.png) 3.5% 40% no-repeat #FFF; border-bottom: 1px solid #eee;} .ac_results.new .ac_even:hover{background:url(../images/autocompleteicon/plane2a.png) 3.5% 40% no-repeat #f1f2f7; animation:plane-animation 4s infinite linear;} .ac_results.new .ac_even u{text-decoration:none;} .ac_results.new .ac_even .airport-name{display:block; line-height:15px;} .ac_results.new .ac_even .city-name{display:block; line-height:15px; font-size:10px;} .ac_results.ac_results_hotel.new .ac_even{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF;} .ac_results.ac_results_hotel.new .ac_even:hover{background:url(../images/autocompleteicon/hotel-icon.png) 2.8% 40% no-repeat #FFF; animation:hotel-animation 4s infinite linear;} .ac_results.ac_results_transfer.new .ac_even{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF;} .ac_results.ac_results_transfer.new .ac_even:hover{background:url(../images/autocompleteicon/transfer-icon.png) 2.8% 40% no-repeat #FFF; animation:transfer-animation 4s infinite linear;} .ac_results.ac_results_other.new .ac_even{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF;} .ac_results.ac_results_other.new .ac_even:hover{background:url(../images/autocompleteicon/ohter-icon.png) 2.8% 40% no-repeat #FFF; animation:other-animation 4s infinite linear;} about-main-1 { margin-bottom: 30px; position: relative; } .about-main-1 .content-top { position: absolute; text-align: center; width: 100%; top: 35%; font-size: 40px; color: #ffffff; font-weight: 500; } .about-main { width: 100%; float: left; } .about-main hr { margin-top: 3px; } .about-main h2 { font-size: 24px; color: #213958; text-transform: uppercase; } .about-main p { font-size: 14px; color: #4a4a4a; line-height: 20px; } .about-main ul { margin: 0 0 0 5px; list-style-image: url(../../Content/images/check-icon.png); } .about-main ul li { font-size: 14px; color: #4a4a4a; line-height: 14px; padding: 5px 0; } .about-main-1 img { background-size: cover; width: 100%; max-width: 100%; position: relative; } .about-main-1 .content-top { position: absolute; text-align: center; width: 100%; bottom: 30px; font-size: 40px; color: #ffffff; font-weight: 900; } .contact-main { line-height: 29px; font-weight: normal; font-size: 15px; color: #2a2828; } .contact-icon { width: 7%; height: 36px; float: left; } .customer-review { width: 37%; height: 36px; background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); color: #fff; padding: 8px 62px 0 0; margin-right: 2px; font-size: 16px; text-align: center; } .review-txt { font-size: 12px; color: #616060; line-height: 45px; } .regnal-icon { width: 7%; height: 36px; float: left; } .regnal-review { width: 100%; height: 36px; background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); color: #fff; padding: 4px 2px 0px 40px; margin-right: 2px; font-size: 20px; } .office { width: 100%; float: left; margin: 0 0 19px 0; box-shadow: 0 2px 8px 1px rgb(64 60 67 / 24%); border-color: rgba(223,225,229,0); } .office ul { margin: 0; padding: 0; } .office ul li { color: #333; float: left; list-style-type: none; margin: 0 1px; padding: 9px 0; } @keyframes plane-animation { 0% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;} 25% {background:url(../images/autocompleteicon/plane2a.png) 4% 40% no-repeat #f1f2f7;} 50% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;} 99% {background:url(../images/autocompleteicon/plane2a.png) 4% 40% no-repeat #f1f2f7;} 100% {background:url(../images/autocompleteicon/plane2a.png) 1.5% 40% no-repeat #f1f2f7;} } @keyframes hotel-animation { 0% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;} 25% {background:url(../images/autocompleteicon/hotel-icon.png) 4% 40% no-repeat #f1f2f7;} 50% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;} 99% {background:url(../images/autocompleteicon/hotel-icon.png) 4% 40% no-repeat #f1f2f7;} 100% {background:url(../images/autocompleteicon/hotel-icon.png) 1.5% 40% no-repeat #f1f2f7;} } @keyframes transfer-animation { 0% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;} 25% {background:url(../images/autocompleteicon/transfer-icon.png) 4% 40% no-repeat #f1f2f7;} 50% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;} 99% {background:url(../images/autocompleteicon/transfer-icon.png) 4% 40% no-repeat #f1f2f7;} 100% {background:url(../images/autocompleteicon/transfer-icon.png) 1.5% 40% no-repeat #f1f2f7;} } @keyframes other-animation { 0% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;} 25% {background:url(../images/autocompleteicon/ohter-icon.png) 4% 40% no-repeat #f1f2f7;} 50% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;} 99% {background:url(../images/autocompleteicon/ohter-icon.png) 4% 40% no-repeat #f1f2f7;} 100% {background:url(../images/autocompleteicon/ohter-icon.png) 1.5% 40% no-repeat #f1f2f7;} } ::-webkit-scrollbar-track {background-color: #eee !important;-webkit-border-radius: 0px;border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #5b5873 !important;} .ac_results.new::-webkit-scrollbar {width:3px;} @media only screen and (min-width: 320px) and (max-width: 767px) { .ac_results{width:100% !important;} .ac_even, .ac_even1{float:left;width:100%;padding:6px 6px 6px 40px !important;} } .padding0 {margin-left: -5px !important; margin-right: -5px !important;} .padding0>div {padding-left: 5px !important; padding-right: 5px !important;} .padding00 {margin-left: 0px !important; margin-right: 0px !important;} .padding00>div {padding-left: 0px !important; padding-right: 0px !important;} .topcontrol {background: #014071 !important; color:#fff !important;} .ul-common{width:100%; float:left; padding-left:20px;} .ul-common li{float:left; width:100%; line-height:26px; text-align:justify;} .ol-common{width:100%; float:left; padding-left:20px;} .ol-common li{float:left; width:100%; line-height:26px; text-align:justify;} /* ----------------EXTERNAL PAGES--------------------- */ .home_external_page{width:100%;padding-bottom:30px; font-family: 'Poppins', sans-serif; background: #f5f5f5;} .about_us_pg .about-us-bg, .privacy_policy_pg .privacy_policy_bg, .terms_condition_pg .terms_condition_bg, .service_pg .service_bg, .contact_us_pg .contact_us_bg{float:left; width:100%; font-family: 'Poppins', sans-serif; height:auto; background:url(../images/banners/contactus_bg.html) no-repeat top; margin-bottom:40px; } .about_us_pg .about-us-bg, .terms_condition_pg .terms_condition_bg, .contact_us_pg .contact_us_bg, .service_pg .service_bg, .privacy_policy_pg .privacy_policy_bg{ width:100%; font-family: 'Poppins', sans-serif; float:left; text-align:center; color:#fff; font-size:40px; padding:100px 0;} .about_us_pg .about-us-bg h1, .contact_us_pg .contact_us_bg h1, .privacy_policy_pg .privacy_policy_bg h1, .service_pg .service_bg h1, .terms_condition_pg .terms_condition_bg h1{text-transform:uppercase; font-family: 'Poppins', sans-serif;} .about_us_pg .heading, .privacy_policy_pg .heading, .service_pg .heading, .terms_condition_pg .heading{width:100%; float:left; text-align:left; font-size:30px; font-weight:bold; color:#000; border-bottom:1px solid #eee; margin-top: 20px; margin-bottom:10px; } .about_us_pg .heading h2, .terms_condition_pg .heading h2, .service_pg .heading h2, .privacy_policy_pg .heading h2{ border-bottom:0px solid #00d227; float:left; width:auto; padding:5px 0; margin:0px; position:relative;font-size: 25px;text-transform: uppercase;} .about_us_pg .heading h2:after, .terms_condition_pg .heading h2:after, .service_pg .heading h2:after, .privacy_policy_pg .heading h2:after{width:100%; height:3px; content:""; position:absolute; bottom:0px; left:0px; background:#014071;} .about_us_pg h3, .terms_condition_pg h3, .privacy_policy_pg h3{font-size: 20px;width:100%;float:left;line-height: 25px;} .about_us_pg h4, .terms_condition_pg h4, .privacy_policy_pg h4{font-size: 20px;width:100%;float:left;} .about_us_pg .abouttext, .terms_condition_pg .abouttext, .privacy_policy_pg .abouttext, .privacy_policy_pg .faq-text, .about_us_pg .faq-text{width: 100%;float: left;line-height: 26px; font-size: 15px; margin: 0;padding:0;text-align: justify;margin-bottom: 10px;} .about_us_pg .abouttext a, .terms_condition_pg .abouttext a, .privacy_policy_pg .abouttext a{color: #014071;} .about_us_pg .abouttext a:hover, .terms_condition_pg .abouttext a:hover, .privacy_policy_pg .abouttext a:hover{text-decoration:none;} .about_us_pg .ul-common, .privacy_policy_pg .ul-common, .terms_condition_pg .ul-common{width:100%;float:left;padding-left:20px;margin-bottom:10px;} .about_us_pg .innterul{padding-left: 15px; line-height: 30px;} .innteraboutdata .message_body {line-height: 30px; font-size: 15px;} .privacyinner, .faqinner p{line-height: 30px; font-size: 15px; } .faqinner ul{padding-left: 15px;} .contactus-pg-new-img{width:100%; float:left;} .contactus-pg-new-img .aboutus-banner{width:100%; float:left; position:relative; margin-bottom:50px;} .contactus-pg-new-img .aboutus-banner .im{width:100%; height:auto; position:relative;} .contactus-pg-new-img .aboutus-banner .im img{width:100%; height:auto;} .contactus-pg-new-img .aboutus-banner .im:before{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:1;} .contactus-pg-new-img .aboutus-banner h2{position: absolute; font-size: 50px; font-style: italic; top: 50%; left: 50%; transform: translate(-50% ,-50%); z-index: 111;color: #fff;margin: 0px;} .aboutus-new{width:100%; float:left;} .aboutus-new .aboutus-banner{width:100%; float:left; position:relative; margin-bottom:50px;} .aboutus-new .aboutus-banner .im{width:100%; height:auto; position:relative;} .aboutus-new .aboutus-banner .im img{width:100%; height:auto;} .aboutus-new .aboutus-banner .im:before{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;} .aboutus-new .aboutus-banner h2{position: absolute; font-size: 50px; font-style: italic; top: 50%; left: 50%; transform: translate(-50% ,-50%); z-index: 111;color: #fff;margin: 0px;} .aboutus-new .abouttext {width: 100%;float: left;line-height: 30px;font-size: 15px;margin: 0;padding: 0;text-align: justify;margin-bottom: 10px;} .aboutus-new .aboutus-heading{width:100%; float:left; font-size:20px; font-style:italic; color:#014071; font-weight:600;} @media screen and (min-width:320px) and (max-width:767px) { .aboutus-new .aboutus-banner h2{font-size:26px;} } /* CONTACT US */ .contactus-pg{ float:left; width:100%;background: #f5f5f5;} .contact-us-bg{ float:left; width:100%; height:auto; background:url(../images/banners/contactus-bg.html) no-repeat top; margin-bottom:40px; } .contact-us-bg h1{ width:100%; float:left; text-align:center; color:#fff; font-size:40px; font-weight:bold; padding:100px 0;} .contactus-pg .map-full{width:100%; float:left; margin-top:10px;} .contactus-pg .contact-detail h2{width:100%; float:left; font-size:20px; font-weight:bold; color:#000; padding:0px; margin:0px; margin-top:30px; margin-bottom:15px;} .contactus-pg .contact-detail p{width:100%; float:left; color: #777; font-size: 15px; line-height: 26px; padding:0px; margin:0px;} .contactus-pg .contact-detail p span{color:#000;} .contactus-pg .contact-detail p a{color: #777;} .contactus-pg .form-full{ float:left; width:100%; border:5px solid #ccc; padding:15px; margin-top:10px; margin-bottom:0px;} .contactus-pg .form-full .input{ border-radius:0px; float:left; height:46px; line-height:46px; margin-bottom:25px;} .contactus-pg .form-full .textaria{ border-radius:0px;} .contactus-pg .form-full .input-btn{ border:none; outline:0px; padding:10px 30px; background:#d19e01; color:#fff; margin-top:20px;} .contactus-pg .form-full .input-btn:hover{ background:#ea5559;} /* CONTACT US */ /*------------HEADER--------------Start gold wings*/ header .top-header{background:#ffff;width:100%;float:left;color:#fff;} header .top-header .col-1{width:100%;float:left;} header .top-header .col-1 small { color: #203375; } header .top-header .col-1 ul{list-style:none;text-align:center;padding-left:0;padding-left: 0px;margin-top: 25px;margin-bottom: 0px;} header .top-header .col-1 ul li{float:left;margin-right: 0px;} header .top-header .col-1 .abta img{width: 80px;} header .top-header .col-1 .atol img{width: 36px;} header .top-header .col-1 .iata img{width: 50px;} header .top-header .col-2{/*padding-left:30px; display: flex; justify-content: center;*/ } header .top-header .col-2 .logo{width:160px; margin-bottom: 10px; background:#fff; padding:5px 5px; border-radius: 5px;} header .top-header .col-2 .logo img{width:100%;} header .top-header .col-2 small{color:#feca29;} header .top-header .col-2 a{color:#feca29;text-decoration:underline;} header .top-header .col-3{text-align:center;} header .top-header .col-3 small{color:#feca29;font-size: 15px; } header .top-header .col-3 small a { width: 150px; height: 150px; border-radius: 5px; padding: 8px; border: 2px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-size: 15px; font-weight: 1000; color: #ffff; box-shadow: Error: 0 0.5rem 0.8rem #00000080; background: #e9505b; } header .top-header .col-3 small a:hover{text-decoration:none;} header .top-header .col-3 small span .fa-power-off{color:#ff4343;} header .top-header .col-3 p { margin: 0; margin-top: 5px; color: #203375; } header .top-header .col-3 .h3{margin:0;font-size: 28px; margin-top: 3px; display:block; font-weight: 500; line-height: 1.1; color:#203375;} header .top-header .col-3 .h3 a{color:#fff;} header .top-header .col-3 .h3 a .whatsapp-icon {width: 18px;height: 18px; margin-right: 10px;} header .bottom-header{background-color:#d19e01;padding:10px 0;width:100%;} header .bottom-header a{color:#6ff;display:inline-block;} header .bottom-header a:hover{color:#fff;text-decoration:none;} header .bottom-header .navbar-default .navbar-nav{justify-content:center; align-items:center; display:flex; margin-left:15px;} header .bottom-header .navbar-default .navbar-nav li{display:inline-block;font-size:16px;list-style:none;margin-right: 5px; padding-top:8px;} header .bottom-header .navbar-default .navbar-nav li a{display:block;padding:5px 8px; font-size: 15px; text-transform:uppercase; color: #ffffff;border-radius: 12px;font-weight: 600;} header .bottom-header .navbar-default .navbar-nav li a.active{background:#203375;} header .bottom-header .navbar-default .navbar-nav > li > a:hover{background:#203375;} header .bottom-header .navbar-default .navbar-nav > li.open > a{background:#203375; color:#fff;} header .bottom-header .navbar-default .navbar-nav > li > .dropdown-menu li{width:100%; border-radius:0px;} header .bottom-header .navbar-default .navbar-nav > li > .dropdown-menu li a{color:#16255b; border-radius:0px;} header .bottom-header .navbar-default .navbar-nav > li.dropdown .dropdown-toggle .caret{transition:0.3s; position:relative; top:-1px;} header .bottom-header .navbar-default .navbar-nav > li.dropdown.open .dropdown-toggle .caret{transform:rotate(-180deg);} /*header .bottom-header .navbar-default .navbar-nav li:last-child a{background:#000000;border-radius: 20px;padding: 3px 15px;}*/ header .bottom-header .navbar-default{background:none;border: 0;margin-bottom: 0;min-height: 100%;} header .bottom-header .navbar-default .navbar-collapse{padding-left:0;padding-right:0;border: none;box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);} @media screen and (min-width:320px) and (max-width:767px) { header .bottom-header .navbar-default .navbar-nav > li > .dropdown-menu li a{color:#fff;} header .top-header .col-2 .logo {width:120px;} header .top-header .col-2 .logo img{width:100%;} header .bottom-header{padding:0px 0;} header .top-header .col-2 .logo{margin-bottom:0px;} /*---------------HEADER------------------*/ header .top-header .col-2 {padding-left: 0;} header .top-header .col-3 small.login{position: absolute;top: -40px;right: 18px; } header .top-header{padding-bottom:10px;} header .bottom-header .navbar-default .navbar-nav{padding-bottom:10px;} header .bottom-header .navbar-default{margin-bottom:0;text-align: left;} header .bottom-header .navbar-default .navbar-toggle{background:none;margin-right: 0;} header .bottom-header .navbar-default .navbar-toggle .icon-bar{background:#fff;} header .bottom-header .navbar-default .navbar-nav li{width:100%; margin:0px;} header .bottom-header ul li:first-child a{padding-left:8px;} header .bottom-header ul li a{padding:5px 8px} header .bottom-header .admin-info a, header .bottom-header ul li{font-size:14px;padding-left: 0;} header .bottom-header .user-details{position: absolute;top: 15px;left:0;} header .bottom-header .navbar-default .navbar-nav li a.active {display: inline-block;} header .bottom-header .navbar-default .navbar-nav li:last-child a {display: inline-block;} header .bottom-header .navbar-default .navbar-nav li a {display: inline-block;} } @media screen and (min-width:768px) and (max-width:991px) { header .top-header .col-3 .h3{font-size: 16px;} header .top-header .col-3 .h3 a .whatsapp-icon {width:17px;height:17px;margin-right:5px;} /*---------------HEADER---------------*/ header .top-header .col-1 ul {padding-left: 0;} header .top-header .col-1 ul li {margin-right: 18px;} header .top-header .col-1 small {font-size: 9px;} header .top-header .col-2 small {font-size: 62%;} header .bottom-header .navbar-default{min-height: 100%;} header .bottom-header ul li a{padding:5px 8px} header .bottom-header li{font-size:14px} } @media screen and (min-width:992px) and (max-width:1199px) { header .bottom-header ul li{font-size:14px} header .bottom-header .navbar-default .navbar-nav li a {padding: 5px 8px;font-size: 11px;} } .login_full{width:100%;float:left;} /* FORGOT PASSWORD POPUP START */ .login_full .login-forgotpopup{width:100%; float:left;} .login_full .login-forgotpopup .forgot-password-panel{width:100% !important; float:left; border:1px solid #ccc; padding:20px 20px; background:#fff; border-radius: 5px !important;} .login_full .login-forgotpopup .forgot-password-panel .key-outer{width:80px; margin:0 auto; } .login_full .login-forgotpopup .forgot-password-panel .key{width:100%; height:80px; float:left; text-align:center; border-radius:50%; padding:8px 0; padding-top:22px; font-weight:600; background:#d19e01; /*background:rgba(21,189,204,0.5);*/ color:#fff;} .login_full .login-forgotpopup .forgot-password-panel .key .icon{width:100%; float:left; text-align:center; font-size:26px;} .login_full .login-forgotpopup .forgot-password-panel .key .text{width:100%; float:left; text-align:center; font-size:14px; margin-top:-5px; font-weight:normal;} .login_full .login-forgotpopup .forgot-password-panel .h3{margin:0px; padding:0px; color:#000; font-size:18px; margin-top:10px; margin-bottom:20px; width:100%; float:left; text-align:center; font-weight:600;} .login_full .login-forgotpopup .forgot-password-panel input{ width:100%; float:left; border-radius:4px; border:1px solid #ccc; height:36px; margin-bottom:20px; outline:0px; padding:0 10px; } .login_full .login-forgotpopup .forgot-password-panel input[type=submit]{background:#d19e01; color:#fff; font-weight:bold; outline:none; border:0px; border-radius:5px;height: 40px;} .login_full .login-forgotpopup .forgot-password-panel input[value=Submit]{background:#3ac4fa; color:#fff; font-weight:bold; outline:none; border:0px; border-radius:5px;height: 40px;} .login_full .login-forgotpopup button{outline:none;} .login_full .login-forgotpopup button.close{background:#000; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; border-radius:50%; opacity:1 !important;} .login_full .login-forgotpopup .modal-content{border:0px;} .login_full .login-forgotpopup .modal-body{width:100%; float:left;} .login_full .login-forgotpopup .modal-header{display:none;} .login_full .login-forgotpopup .modal-footer{display:none;} @media (min-width: 320px){ .login_full .login-forgotpopup .modal-dialog { max-width:450px; width:100%; margin: 30px auto;} } /* LOGIN POPUP START */ @media (min-width: 320px){ .login_full .login-popup .modal-dialog { max-width:450px; width:100%; margin: 30px auto;} } .login_full .login-popup{width:100%; float:left;} .login_full .login-popup .login-popup-panel{width:100% !important; float:left; border:1px solid #ccc;background:#fff; border-radius: 5px !important;} .login_full .login-popup .login-popup-panel button{outline:none;} .login_full .login-popup .login-popup-panel button.close{background:#000; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; margin-top:5px; border-radius:50%; opacity:1 !important;} .login_full .login-popup .modal-content{border:0px;} .login_full .login-popup .modal-body{width:100%;float:left;position: relative;z-index: 9999;} .login_full .login-popup .modal-header{display:none;} .login_full .login-popup .modal-footer{display:none;} .login_full .login-popup .login-popup-panel .popup-header{width:100%; float:left; border-bottom:2px solid #d19e01; padding:10px 20px;} .login_full .login-popup .login-popup-panel .title{float:left; font-size:20px; font-weight:600; color:#333; margin-bottom:0px;} .login_full .login-popup .login-popup-panel .registration-content{width:100%; float:left; padding:20px 20px; padding-top:30px;} .login_full .login-popup .login-popup-panel .registration-content .form-full{width:100%; float:left;} .login_full .login-popup .login-popup-panel .registration-content .form-full .form-group{width:100%; float:left; margin-bottom:15px;} .login_full .login-popup .login-popup-panel .registration-content .form-full .positeion-relative{width:100%; float:left; position:relative; font-weight:normal;} .login_full .login-popup .login-popup-panel .registration-content .form-full .positeion-relative .icon{position:absolute;top:7px; left:8px; color:#d19e01; font-size:20px;} .login_full .login-popup .login-popup-panel .registration-content .form-full .form-control:focus + .icon{color:#014071;} .login_full .login-popup .login-popup-panel .registration-content .form-full .form-control {padding-left:30px; height:40px; font-style:italic;} .login_full .login-popup .login-popup-panel .registration-content .form-full .forgot-password {width: auto; float: left; font-size: 12px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #014071;} .login_full .login-popup .login-popup-panel .registration-content .form-full .booking-text {width: auto; float: left; font-size: 10px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #999;} .login_full .login-popup .login-popup-panel .registration-content .form-full .login-btn-outer{width:100%; margin:0 auto;} .login_full .login-popup .login-popup-panel .registration-content .form-full .login-btn{width:100%; float:left; background:#d19e01; color:#FFF; border:0px solid #666464; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none;-webkit-box-shadow: 0 8px 6px -6px #777; transition:0.3s; -webkit-transition:0.3s;} .login_full .login-popup .login-popup-panel .registration-content .form-full .login-btn:hover{background:#203375;} .login_full .login-popup .login-popup-panel .registration-content .form-full .login-btn .login-icon{width:auto;} .login_full .login-popup .login-popup-panel .registration-content .form-full .booking-btn{width:100%; float:left; background:#f8f8f8; color:#3ac4fa; border:1px solid #ccc; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none; } .login_full .login-popup .login-popup-panel .registration-content .form-full .line-partition{width:100%; height:1px; float:left; border-bottom:1px dashed #ccc; margin:20px 0 10px 0;} .login_full .login-popup .login-popup-panel .registration-content .form-full .sign-uptext{width:100%; float:left; color:#999; font-size:12px; text-align:center; margin:15px 0;} .login_full .login-popup .login-popup-panel .registration-content .form-full .sign-uptext a{color:#d19e01; font-weight:600;} .login_full .login-popup .login-popup-panel .registration-content .form-full .sign-uptext.agent-login{margin-top:0px;} .login_full .login-popup .login-popup-panel .registration-content .form-full .or{width:100%; height:1px; float:left; background:#ccc; margin:15px 0 10px 0; position:relative;} .login_full .login-popup .login-popup-panel .registration-content .form-full .or .circle{width:35px; height:35px; line-height:30px; border-radius:50%; text-align:center; font-size:12px; font-style:italic; color:#999; border:0px solid #ccc; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel{width:100%; float:left; margin-top:15px; margin-bottom:15px;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login{width:100%; float:left; background:#fff; border:1px solid #1953a1; margin-bottom:10px; border-radius:5px; position:relative; padding-left:40px;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .icon{width:40px; float:left; position:absolute; top:0px; left:0px; text-align:center;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .icon i{width:100%; float:left; font-size:20px; text-align:center; padding:9px 0; color:#1953a1;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .text{width:100%; float:left; text-align:center; padding:8px 0; font-size:14px; background:#1953a1; color:#fff; outline:none; border:none;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login{ border:1px solid #4285f4;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .icon{} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .icon img{width:20px; height:20px; margin-top:8px;} .login_full .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .text{background:#4285f4;} /*-----------banner----------*/ .main-banner .carousel-inner > .item > img { height: 545px; } .main-banner{position: relative;} .main-banner .carousel-inner>.item>img{width:100%;} .main-banner .carousel-control.left, .main-banner .carousel-control.right{background-image:none;display: none;} .main-banner .carousel-control .icon-next, .main-banner .carousel-control .icon-prev, .main-banner .carousel-control .glyphicon-chevron-left, .main-banner .carousel-control .glyphicon-chevron-right{width:auto;height:auto;border:2px solid #fff;padding:12px;border-radius:33px;background-color:transparent;background-repeat:no-repeat} .main-banner .carousel-control:hover, .main-banner .carousel-control, .main-banner .carousel-control:focus{opacity:1} .main-banner .carousel-control .glyphicon-chevron-left, .main-banner .carousel-control .icon-prev {left: 10%;} .main-banner .carousel-control .glyphicon-chevron-right, .main-banner .carousel-control .icon-next {right: 10%;} .main-banner .carousel-inner .item .carousel-caption{bottom:initial; top:0px; padding:0px; text-shadow:none;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel{width:70%; margin:0 auto;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner{width:100%; float:left; background:url(../images/banner/banner-inner.jpg) no-repeat; background-size:cover; padding:15px 20px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel{width:40%; float:left;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .banner-logo{width:100%; float:left;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .banner-logo img{width:50%;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .special-offer{width:100%; float:left; text-align:center; font-size:16px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .special-offer span{background:#203375; color:#fff; padding:2px 5px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .fare-from{width:100%; float:left; text-align:left; font-size:14px; color:#00408f; text-indent:50px; margin-top:10px; font-weight:600;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .price-b{width:100%; float:left; text-align:center; font-size:40px; font-weight:bold; color:#d19e01;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .logo-panel .price-b .symble{font-size:16px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel{width:60%; float:left;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details{width:100%; float:left; border:3px solid #fff; background:#d19e01; margin-top:10px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details .box1{width:50%; float:left; padding:10px 10px; border-right:1px solid #fff; position:relative;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details .box1:before{content:""; position:absolute; top:0px; right:-1px; width:1px; height:20px; background:#d19e01;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details .box1:after{content:""; position:absolute; bottom:0px; right:-1px; width:1px; height:20px; background:#d19e01;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details .box2{width:50%; float:left; padding:10px 10px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare{width:100%; float:left; list-style:none; margin-bottom:0px; text-align:left; margin-top:10px; padding:0px 10px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare li{width:100%; float:left; margin-bottom:10px; font-size:16px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare li .city{text-align:left; float:left;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare li .price{ text-align:right; float:right;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details .baggage{width:100%; float:left; text-align:center; font-size:16px; padding:5px 0; background:#203375; color:#fff; } .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .info-text{width:100%; float:left; text-align:center; font-size:8px; color:#333; margin-top:10px;} @media screen and (min-width:320px) and (max-width:767px) { .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel{display:none;} .main-banner .carousel-inner > .item > img { height: auto; } } @media screen and (min-width:768px) and (max-width:991px) { .main-banner .carousel-inner>.item>img {height: 535px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel {width:100%; margin: 0 auto;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details{margin-top:0px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare li {font-size: 14px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare{padding:0 0px;} } @media screen and (min-width:992px) and (max-width:1199px) { .main-banner .carousel-inner>.item>img {width: 100%;height: 550px;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel {width:90%; margin: 0 auto;} .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel .banner-detail-panel-inner .detail-panel .details ul.cityfare{padding:0 0px;} } @media screen and (min-width:1200px) and (max-width:1399px) { .main-banner .carousel-inner .item .carousel-caption .banner-detail-panel {width:80%; margin: 0 auto;} } @media screen and (min-width:1200px) and (max-width:1440px){ .main-banner .carousel-inner>.item>img {height:545px;} } /*-----------SEARCH----------*/ .search-tab-outer{width:100%; float:left; position:relative; background-color:transparent;} .search-tab-outer::before {content: "";left: 0;position: absolute;right: 0;bottom:76px;} .search-content .plus-minus-btn{width: 20px; height: 20px; margin-top: 35px; margin-left: 7px; border: none; outline:none;} .search_container{ float:left;width:100%; position:relative; font-family: 'Open Sans', sans-serif;margin-top:-500px;} .search_container .tab_full_container{width:100%;float:left;padding: 0px 0px;z-index: 111;} .search_container .tab_full_container .heading h1{font-family: 'Raleway', sans-serif;font-weight: 700;text-transform: capitalize;} .search_container .tab_full_container .content{padding:10px 12px 10px;border:0px solid #ccc;background: #d19e01;border-radius:0;width: 100%;min-height: 125px;} .search_container .tab_full_container h1{margin-bottom:40px;text-transform:uppercase;font-weight: 300;} .search_container .tab_full_container .tab{width:100%;text-align: start;padding-left:15px;margin-bottom: 5px;} .search_container .tab_full_container .tab li{float: initial;display: inline-block;} .search_container .tab_full_container .tab button{background:none;margin-bottom:2px;color:#fff;border:none;outline:0;cursor:pointer;transition:.3s;border-radius:5px;font-weight: 600;} .search_container .tab_full_container .tab button img{margin-bottom:5px} .search_container .tab_full_container .tab button:hover{} .search_container .tab_full_container .tab button a{font-weight: 600;} .search_container .tab_full_container .tab button a:hover, .search_container .tab_full_container .tab button a:focus{text-decoration:none;} .search_container .tab_full_container .tab button.active a::before, .search_container .tab_full_container .tab button.active a::after{background-color: #ddb026;} .search_container .tab_full_container .tab button a::before {content: "";height: 3px;position: absolute;left: 60px;top: 27px;width: 68%;} .search_container .tab_full_container .tab button a::after {content: "";height: 3px;position: absolute;right: 60px;top: 27px;width: 68%;} .search_container .tab_full_container .tab button.active .image{border-color: #ddb026;background-color: #ddb026;} .search_container .tab_full_container .tab button .image{width: 60px;border-radius: 50%;height: 60px;line-height: 60px;background: #095d97;border: 1px solid #095d97;margin-left: auto;margin-right: auto;z-index: 1;position: relative;} .search_container .tab_full_container .tab button{margin: auto 30px;} .search_container .tab_full_container .tab button a {color: #fff;font-size: 18px;position: relative;display: inline-block;text-transform: uppercase;} .search_container .dropdown-menu .h6{display:inline-block; font-size:12px; margin-top: 10px; margin-bottom: 10px; font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;} @media screen and (min-width:320px) and (max-width:767px) { /*--------SEARCH----------*/ .search-tab-outer { width: 100%; float: left; position: relative; background-color: #ffffff; margin-top:-20px; } .search_container{margin-top: 0px;} .search_container .tab_full_container {margin-top: 0px;} .search_container .tab_full_container .form-group .fa {right: 30px;} .search_container .tab_full_container .tab button.active{background: #d19e01;} .search_container .tab_full_container .tab button{background: #203375;padding: 10px 16px;} .search_container .tab_full_container .tab button.active a::before, .search_container .tab_full_container .tab button.active a::after {display: none;} .search_container .tab_full_container .tab button a {color:#fff;width: 100%;} .search_container .tab_full_container .tab button.active .image {border-color: #203375;background-color: #203375;} .search_container .tab_full_container .tab button .image{background-color: rgb(71, 91, 160);border: 1px solid rgb(71, 91, 160);margin-left: auto;margin-right: auto;} .search_container .tab_full_container .content{height:auto;padding-bottom: 20px;margin-bottom: 20px;padding-left: 0;padding-right: 0;} .search_container .tab_full_container .search-content .content .tabcontent .text-div {width: 100%;float: left;} .search_container .tab_full_container .search-tab-outer::before {display:none;} } @media screen and (min-width:320px) and (max-width:450px) { /*-------------SEARCH---------------*/ .search_container .tab_full_container .tab{margin-top: 10px;text-align: center;float: left; margin-bottom:5px;} .search_container .tab_full_container .tab button{width:100%;margin:0;padding:0px;} .search_container .tab_full_container .tab li {display: inline-block;margin-bottom: 10px;width: 45%;margin: 6px;} .search_container .tab_full_container .tab button a {width: 100%;line-height: 28px;font-size:14px;} .search_container .tab_full_container .tab button .image {width: 50px;height: 50px; display:none;} .search_container .tab_full_container .tab button img {width: 25px;height: 25px;vertical-align: baseline;margin-bottom:0;} .search_container .tab_full_container .tab li:nth-child(3n) .image img{width: 30px;height: 30px;vertical-align: text-bottom;} } @media screen and (min-width:500px) and (max-width:767px) { .search_container .tab_full_container .tab{margin-top: 10px;text-align: center;float: left;} .search_container .tab_full_container .tab button{width:100%;margin:0;padding: 7px 5px 0;} .search_container .tab_full_container .tab li {display: inline-block;margin-bottom: 10px;width: 21%;margin: 3px;} .search_container .tab_full_container .tab button a {width: 100%;line-height: 28px;font-size:11px;} .search_container .tab_full_container .tab button .image {width: 50px;height: 50px;} .search_container .tab_full_container .tab button img {width: 25px;height: 25px;vertical-align: baseline;margin-bottom:0;} .search_container .tab_full_container .tab li:nth-child(3n) .image img{width: 30px;height: 30px;vertical-align: text-bottom;} } @media screen and (min-width:320px) and (max-width:499px) { /*-------------SEARCH---------------*/ .search_container .tab_full_container .tab{margin-top:0px;text-align: start; margin-bottom:10px; padding-left:15px;} .search_container .tab_full_container .tab button{width:100%;margin:0;padding:0px;} .search_container .tab_full_container .tab li {display: inline-block;margin-bottom: 10px;width: 45%;margin:4px;} .search_container .tab_full_container .tab button a {width: 100%;line-height: 28px;font-size:14px;} .search_container .tab_full_container .tab button .image {width: 50px;height: 50px; display:none;} .search_container .tab_full_container .tab button img {width: 25px;height: 25px;vertical-align: baseline;margin-bottom:0;} .search_container .tab_full_container .tab li:nth-child(3n) .image img{width: 30px;height: 30px;vertical-align: text-bottom;} } @media screen and (min-width:768px) and (max-width:991px) { /*---------SEARCH----------*/ .search-engine::before {bottom: 337px;} .search-container{margin-top: -107px;} .search_container .tab_full_container{margin-top:0;width:100%;} .search_container .tab_full_container .content {float:left;} .search_container .tab_full_container .tab button{margin: auto 30px;} .search_container .tab_full_container .tab button a {color: #fff;font-size: 18px;position: relative;display: inline-block;} } @media screen and (min-width:992px) and (max-width:1199px) { } /*-----------FLIGHT------------*/ .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_extra_large{float:left;width:100%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_large{float:left;width: 21%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_medium{float:left;width: 16%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_small{float:left;width: 10.5%;position: relative;} .search_container .tab_full_container .search_navigation_tab{float:left;margin-top:-80px; width:100%;} .search_container .tab_full_container .search_navigation_tab ul{border-bottom:0;margin-bottom:0;text-align: center;position: relative;} .search_container .tab_full_container .search_navigation_tab ul li{margin-bottom:0;display: inline-block;text-align: center; float:initial;} .search_container .tab_full_container .search_navigation_tab ul li.active a, .search_container .tab_full_container .search_navigation_tab ul li.active a:focus, .search_container .tab_full_container .search_navigation_tab ul li.active a:hover{color:#fff;cursor:default;} .search_container .tab_full_container .search_navigation_tab ul li a:hover{border-color:transparent;outline:0!important;outline-offset:none!important} .search_container .tab_full_container .search_navigation_tab ul li a:focus, .search_container .tab_full_container .search_navigation_tab ul li a:hover{text-decoration:none;color:#fff; outline-offset:0} .search_container .tab_full_container .search_navigation_tab ul li a{border:0 solid transparent!important;position:relative;display:block;padding:0px 5px;background:none;border-radius:0;color:#fff;font-size: 20px;text-align: left;margin-right: 2.5px;} .search_container .tab_full_container .search_navigation_tab ul li.active a:before{content:""; position:absolute; width:100%; height:2px; background:#fff; top:100%; left:0px;} .search_container .tab_full_container .search_navigation_tab ul li a span{font-size: 17px; font-weight: 500;} /*--------------SEARCH NAVIGATION TAB ICON-----------*/ /*.search_container .tab_full_container .search_navigation_tab ul li.active .image{background: #5bc9e2;}*/ .search_container .tab_full_container .search_navigation_tab ul li .image{float: none;padding: 0;margin-right:0;display: inline-block;width: 30px;height: 33px;text-align: center;} .search_container .tab_full_container .search_navigation_tab ul li .image img{width:auto;vertical-align:middle;} @media screen and (min-width:320px) and (max-width:767px) { .search_container .tab_full_container{z-index:0; margin-top:5px;} .search_container .tab_full_container .search_navigation_tab ul{width:100%; float:left;text-align: left;} .search_container .tab_full_container .search_navigation_tab ul li{width:49%; background:#014071; padding: 0px 0 5px 0; margin-bottom:5px;} .search_container .tab_full_container .search_navigation_tab ul li.active{background: #7f7f7f;} .search_container .tab_full_container .search_navigation_tab ul li a{margin-right:0px; margin-left:0px;} .search_container .tab_full_container .search_navigation_tab ul li:nth-child(2) a{margin-right:0px;} .search_container .tab_full_container .search_navigation_tab ul li:nth-child(4) a{margin-right:0px;} .search_container .tab_full_container .search_navigation_tab ul li .image{display:none;} } /*-----------HOTELS------------*/ .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_large{float:left;width: 40%;position: relative;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_medium{float:left;width: 17.3%;position: relative;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small{float:left;width: 17.5%;position: relative;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small:last-child{width:8%;} @media screen and (min-width:992px){ .search_container .tab_full_container .tabcontent.divTabHotels{padding-top:22px;} } /*------------FLIGHTS HOTEL--------------*/ .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_extra_large{float:left;width:100%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_large{float:left;width: 17%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_medium{float:left;width: 13%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small{float:left;width: 11.25%;position: relative;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small:last-child{width:8%;} /*-------------TRANSFER---------------*/ .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_extra_large{float:left;width:100%;position: relative;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_large{float:left;width: 21%;position: relative;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_medium{float:left;width: 15.33%;position: relative;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_small{float:left;width: 12%;position: relative;} /*-----------ATTRACTION-------------*/ .search_container .tab_full_container .divTabAttraction .row-custom .width_large{float:left;width: 45%;position: relative;} .search_container .tab_full_container .divTabAttraction .row-custom .width_medium{float:left;width: 25%;position: relative;} .search_container .tab_full_container .divTabAttraction .row-custom .width_small{float:left;width: 15%;position: relative;} /*-------------CARE HIRE---------------*/ .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_extra_large{float:left;width:100%;position: relative;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_large{float:left;width: 21%;position: relative;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_medium{float:left;width: 14.5%;position: relative;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_small{float:left;width: 12%;position: relative;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_small .search-button{margin-bottom: 15px;} .search_container .tab_full_container .tab-content{width:100%;float:left;} .search_container .tab_full_container .tab-content .tabcontent .form_full{margin-left:2px;margin-right:2px;} /*--------------RADIO BUTTON---------------*/ .search_container .radio-full .radio-inline [type="radio"]:checked, .search_container .radio-full .radio-inline [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .search_container .radio-full .radio-inline [type="radio"]:checked + label, .search_container .radio-full .radio-inline [type="radio"]:not(:checked) + label{font-weight: normal;position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #fff;font-weight: 500;} .search_container .radio-full .radio-inline [type="checkbox"]:checked + label, .search_container .radio-full .radio-inline [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 6px;cursor: pointer;line-height: 20px;display: inline-block;color: #fff;} .search_container .radio-full .radio-inline [type="radio"]:checked + label:before, .search_container .radio-full .radio-inline [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #ffff; border-radius: 100%; background: transparent; } .search_container .radio-full .radio-inline [type="radio"]:checked + label:after, .search_container .radio-full .radio-inline [type="radio"]:not(:checked) + label:after { content: ''; width: 9px; height: 9px; background: #e9505b; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .search_container .radio-full .radio-inline [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .search_container .radio-full .radio-inline [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .search_container .tab_full_container .tab-content .tabcontent .form_full .radio-full{margin-bottom:10px;margin-top: 10px;} .search_container .tab_full_container .tab-content .tabcontent .form_full .radio-inline {margin-left:0;margin-right:10px;color:#5e5e5e;padding-left: 0;vertical-align: inherit;} .search_container .tab_full_container .tab-content .tabcontent .form_full .checkbox-inline{margin-left:0;margin-right:10px;color: #fff;font-weight: 500;} .search_container .tab_full_container .tab-content .tabcontent .form-group{width:100%;float:left;position: relative;} .search_container .tab_full_container .tab-content .tabcontent .form-group label{font-size: 13px;font-weight: 400;margin-bottom: 10px;width: 100%;float: left;padding: 0;text-align: left;line-height: 1;color: #3d3d3d;position:absolute;left: 9px;top: 7px; z-index:1;} .search_container .tab_full_container .tab-content .tabcontent .form-group select.form-control{-webkit-height:40px;line-height: 33px;-webkit-appearance: none;background-image: url(../images/icons/arrow-down.png);background-position: right 7px center;background-repeat:no-repeat;padding-left: 10px;text-indent: 18px;padding-top: 13px;} .search_container .tab_full_container .tab-content .tabcontent .form-group select.form-control:focus{webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);} .search_container .tab_full_container .tab-content .tabcontent .form-control::placeholder{color:#000;line-height: 33px;} .search_container .tab_full_container .tab-content .tabcontent.divTabTransfer .form-group select{padding-left:10px;text-indent: 0;} .search_container .tab_full_container .tab-content .tabcontent .form-group span.icon{position: absolute;left: 7px;top:26px;bottom: 0;font-size: 17px;color:#203375;line-height: 7px;height: 42px;font-size: 17px;border-radius:0 !important;} .search_container .tab_full_container .tab-content .tabcontent .form-group .form-control{height:60px;-webkit-height:40px;font-size:11px;background:#fff;box-shadow: none;border: none !important;padding: 0;padding-left:27px;border-radius: 0px;line-height: 70px;padding-right: 10px;font-weight: 400;color: #000;padding-top: 10px;} .search_container .tab_full_container .tab-content .tabcontent .form-group .form-control.select{-webkit-appearance:none;} .search_container .tab_full_container .tab-content .tabcontent .form-group .form-control:focus{outline:none;box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);} .search_container .tab_full_container .tab-content .tabcontent .form-group .dropdown .main-pax.form-control{line-height:50px; padding-left:10px;} .search_container .tab_full_container .tab-content .tabcontent .form-group .dropdown .main-pax.form-control .ml5{margin-right:2px;} .search_container .tab_full_container .tab-content .tabcontent .plus_button{width:100%;float:left;text-align: center;} .search_container .tab_full_container .tab-content .tabcontent .plus_button button{margin-top:20px;background-color: transparent;padding: 0;} .search_container .tab_full_container .tab-content .tabcontent .search-button{margin-left: 2px;margin-right: 2px;} .search_container .tab_full_container .tab-content .tabcontent .search-button .btn{font-size:18px;background: #203375;text-align:center;display:block;color:#fff;-webkit-transition:.9s;transition:.9s;width: 100%; line-height: 30px;height:61px;padding: 0;padding-left: 5px;padding-right: 5px;border-radius: 0px;font-weight:400;margin-top: 0 !important;} .search_container .tab_full_container .tab-content .tabcontent .search-button .btn:focus{outline:none;} .search_container .tab_full_container .tab-content .tabcontent .search-button .btn:hover{background:#203686;} .search_container .tab_full_container .tab-content .tabcontent.divTabFlights .search-button .btn, .search_container .tab_full_container .tab-content .tabcontent.divTabHotels .search-button .btn, .search_container .tab_full_container .tab-content .tabcontent.divTabFlightHotel .search-button .btn, .search_container .tab_full_container .tab-content .tabcontent.divTabTransfer .search-button .btn{margin-top: 0;} /*--------------PAX------------------*/ .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown{width:246px; position:relative; position:absolute; top:100%; z-index:1111; float:left; background:#fff; color:#999; border-radius:5px; box-shadow:0 2px 3px 0 #999; border:1px solid #eee;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown:before{position:absolute; content:""; border-width:15px; border-style:solid; border-color: transparent transparent #eaeaea transparent;bottom:100%;left:50%;margin-left:-15px; border-top:none;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content{width:100%; float:left; padding:0 10px; margin-top:20px;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .form-group{width:100%; float:left;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .form-group label{color:#333; font-size: 16px; font-weight: 600;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .form-group select.form-control{line-height:28px;padding-left: 10px;text-indent: 0;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel{width:100%; float:left;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .heading{width:100%; float:left; font-size:16px; font-weight:600; color:#333; margin-bottom:10px;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer{width:100%; float:left; position:relative; padding-left:120px; margin-bottom:20px;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max{width:120px; position:absolute; left:0px; top:-5px;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#203375; background:transparent; font-size:30px; outline:none;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#203375; background:transparent; font-size:30px; outline:none;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text{float:left; text-align:center; width:50px; font-weight: 400; height:30px; font-size:16px; color:#000; background:transparent; border:0px; outline:none;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text{float:left; font-weight: 400;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .info-text1{width:100%; float:left; font-size:12px; color:#999; margin-bottom:10px;font-weight: 400;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .done-btn-full{width:100%; float:left; border-top:1px solid #ccc; padding:5px 10px} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #d19e01; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} .search_container .tab_full_container .tab-content .tabcontent .adult-class-dropdown .dropdown-content .form-group .form-control{border: 1px solid #ccc !important;} .search_container .tab_full_container .tab-content .tabcontent .form-group .form-control.f-traveller{width:100%;float:left; line-height:60px; padding-left: 10px;background-image: url(../images/icons/arrow-down.png);background-position: right 7px center;background-repeat: no-repeat;padding-top: 6px;} .search_container .tab_full_container .tab-content .tabcontent .form-group .form-control.main-pax{padding-left: 10px;} .search_container .tab_full_container .tab-content .tabcontent .dropdown-menu .done-btn-full{width:100%; float:left; border-top:0px solid #ccc; padding:5px 5px} .search_container .tab_full_container .tab-content .tabcontent .dropdown-menu .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #d19e01; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} /*--------------HOTEL DROPDOWN---------------*/ .search_container .tab_full_container .tab-content .tabcontent .dropdown{width: 100%;float: left;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .popup-text{width: 100%;float: left;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax {background: #fff;padding: 10px 10px !important;margin: 8px auto !important; width: 355px;color:#333;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax .addbtn {width: 30px;float: left !important;background: none;border: 1px solid #ccc !important;line-height: 24px;padding-left: 0 !important;padding-right: 0 !important;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax .quantity {width: 30px;float: left !important;background: none;border: 1px solid #ccc !important;line-height: 24px;text-align: center;padding-left: 0 !important;padding-right: 0 !important;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax{margin-top:10px !important;} .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax .mt10{margin-top:10px;} .search_container .tab_full_container .tab-content .tabcontent .form-group span.right {display:none; position: absolute;width: 20px;font-size: 16px;color: #fee254;bottom: 15px;left: initial;right: 5px;height: 40px;line-height: 40px;} @media screen and (min-width:320px) and (max-width:767px){ .search_container .tab_full_container .tab-content{} .search_container .tab_full_container .search_navigation_tab ul li a span{font-size: 14px;} .search_container .tab_full_container .search_navigation_tab{margin-top:0px;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_small{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small:last-child {width:50%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small{width:50%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small:last-child {width:50%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_small{width:50%;} .search_container .tab_full_container .tab-content .tabcontent .search-button .btn{margin-bottom:15px;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_large{width:50%;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_medium{width:50%;} .search_container .tab_full_container .tabcontent.divTabCarHire .row-custom .width_small{width:50%;} /*--------------ATTRACTION----------------*/ .search_container .tab_full_container .divTabAttraction .row-custom .width_large {width:50%;} .search_container .tab_full_container .divTabAttraction .row-custom .width_medium{width:50%;} .search_container .tab_full_container .divTabAttraction .row-custom .width_small{width:50%;} } @media screen and (min-width:768px) and (max-width:991px) { .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax{width:255px;} .search_container .tab_full_container .search_navigation_tab ul li .image img{width: 35px;} .search_container .tab_full_container .search_navigation_tab ul li a{padding: 11px 14px;} .search_container .tab_full_container .search_navigation_tab ul li .image{display:none;} .search_container .tab_full_container .search_navigation_tab ul li a span{ font-size: 14px;} .search_container .tab_full_container .search_navigation_tab{margin-top:-70px;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_large{width: 30%;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_small{width: 20%;} .search_container .tab_full_container .tabcontent.divTabFlights .row-custom .width_medium{width: 30%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_medium{width: 33%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_large{width:40%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_medium{width: 30%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small{width: 20%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_medium{width:25%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel .row-custom .width_small:last-child {width: 15%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_large{width:100%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_medium{width:28%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small{width: 16%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_large{width: 35%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small{width: 100%;} .search_container .tab_full_container .tabcontent.divTabHotels .row-custom .width_small:last-child {width:16%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_large{width: 50%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_medium{width: 25%;} .search_container .tab_full_container .tabcontent.divTabTransfer .row-custom .width_small{width: 25%;} .search_container .tab_full_container .tabcontent.divTabHajjUmrah .row-custom .width_small{width: 30%;} .search_container .tab_full_container .tabcontent.divTabHajjUmrah .row-custom .width_large{width: 40%;} .search_container .tab_full_container .tabcontent.divTabHajjUmrah .row-custom .width_medium{width: 30%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel.divPackagesearch .row-custom .width_medium{width: 40%;} .search_container .tab_full_container .tabcontent.divTabFlightHotel.divPackagesearch .row-custom .width_small{width: 20%;} } @media screen and (min-width:992px) and (max-width:1199px) { .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax{width:238px;} .search_container .tab_full_container .search_navigation_tab ul li .image img{width: 35px;} .search_container .tab_full_container .search_navigation_tab ul li a{padding: 11px 8px;} .search_container .tab_full_container .search_navigation_tab ul li a span{font-size: 14px;} .search_container .tab_full_container .tab-content .tabcontent.divTabFlightHotel .form-group .dropdown .main-pax.form-control .ml5{margin-right:0px; margin-left:0px !important;} .search_container .tab_full_container .tab-content .tabcontent.divTabFlightHotel .form-group .dropdown .main-pax.form-control{font-size:10px;} .search_container .tab_full_container .tab-content .tabcontent.divTabFlightHotel .form-group label{font-size:11px;} } @media screen and (min-width:1200px) and (max-width:1366px) { .search_container .tab_full_container .tab-content .tabcontent .dropdown .dropdown-menu.hotel-pax{width:290px;} } /*-------------MULTICITY-------------*/ .search_container .tab-content .tabcontent .multycity{width: 100%;float: left;background: rgba(0, 33, 87, 0);} .search_container .tab-content .tabcontent .multycity .row_data{width:100%;float:left;} .search_container .tab-content .tabcontent .multycity .left_panel{width: 63%;float: left;} .search_container .tab-content .tabcontent .multycity .left_panel .width_large{width: 33.5%;} .search_container .tab-content .tabcontent .multycity .left_panel .width_small{width:16.5%;} .search_container .tab-content .tabcontent .multycity .right_panel{width:37%;float:left} .search_container .tab-content .tabcontent .multycity .right_panel .width_medium{width: 44%;} .search_container .tab-content .tabcontent .multycity .right_panel .width_small{width:28%;} @media screen and (min-width:320px) and (max-width:767px) { .search_container .tab-content .tabcontent .multycity .left_panel{width:100%;} .search_container .tab-content .tabcontent .multycity .right_panel{width:100%;} .search_container .tab-content .tabcontent .multycity .left_panel .width_large{width:50%;} .search_container .tab-content .tabcontent .multycity .left_panel .width_small{width:50%;} .search_container .tab-content .tabcontent .multycity .right_panel{width:100%;} .search_container .tab-content .tabcontent .multycity .right_panel .width_medium{width:50%;} .search_container .tab-content .tabcontent .multycity .right_panel .width_small{width:50%;} .search_container .tab-content .tabcontent .multycity .left_panel .width_small:nth-child(4) .form_full .form-group {border-right: 0px solid #004f87;} } @media screen and (min-width:768px) and (max-width:991px) { .search_container .tab-content .tabcontent .multycity .left_panel{width:100%;} .search_container .tab-content .tabcontent .multycity .right_panel{width:100%;} .search_container .tab-content .tabcontent .multycity .left_panel .width_small:nth-child(4) .form_full .form-group {border-right: 0px solid #004f87;} } /*-------------------HOT DEALS------------------*/ .hot-deals-full{width:100%; float:left;background-size:cover;padding:10px 0;background-image:url('../images/bg/hot-deals-bg.jpg');} .hot-deals-full .flight-offers .h2{margin-top: 20px; margin-bottom: 20px;font-size: 25px;background: linear-gradient(to right, #203375 0%, #d19e01 45%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700; line-height: 1.1; display:block;} .hot-deals-full .flight-offers .content{float:left;width:100%;background: #fff;border: 0px solid #eaeaea;margin-bottom:30px; box-shadow: 0 3px 10px 0 #a5a5a5;} .hot-deals-full .flight-offers .content .image{width:20%;float:left;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;} .hot-deals-full .flight-offers .content .image img{width:100%;height: 80px;} .hot-deals-full .flight-offers .content .name{width:55%;float:left;padding: 10px;position:relative; font-size:13px;} .hot-deals-full .flight-offers .content .name .flight-icon{position: absolute; width:63px; top:18px;right: 5%;} .hot-deals-full .flight-offers .content .name .h4{font-family: 'Cabin', sans-serif;margin:0;font-size: 18px;background: linear-gradient(to right, #203375 0%, #d19e01 45%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700; line-height: 1.1; display:block;} .hot-deals-full .flight-offers .content .name p{margin:0;line-height: 28px;font-family: 'Roboto', sans-serif;} .hot-deals-full .flight-offers .content .name p img{width:20px;} .hot-deals-full .flight-offers .content .price{width:25%;float:left;background:#203375;color:#fff;text-align:center;height: 100px;font-family: 'Roboto', sans-serif;} .hot-deals-full .flight-offers .content .price p{margin:0;margin-top: 7px;margin-bottom: 2px;color:#fff;} .hot-deals-full .flight-offers .content .price .h3{margin:0; font-size: 20px; font-weight: 500; line-height: 1.1; display:block;} .hot-deals-full .flight-offers .content .price .input-button{padding: 2px 5px;font-size: 12px;background:#d19e01;color:#fff;border:1px solid #d19e01; margin-top: 5px;} .hot-deals-full .flight-offers .content .price .input-button:hover{background:#b78b05;} .hot-deals-full .hot-deals .h2{margin-top: 20px; margin-bottom: 20px;font-size: 25px;background: linear-gradient(to right, #203375 0%, #d19e01 45%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700; line-height: 1.1; display:block;} .hot-deals-full .hot-deals .content{float:left;width:100%;background: #fff;border: 0px solid #eaeaea;margin-bottom:30px; box-shadow: 0 3px 10px 0 #a5a5a5;} .hot-deals-full .hot-deals .content .image{width:20%;float:left;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;} .hot-deals-full .hot-deals .content .image img{width:100%;height: 80px;} .hot-deals-full .hot-deals .content .name{width:55%;float:left;padding: 10px;position:relative;padding-bottom: 0;} .hot-deals-full .hot-deals .content .name .flight-icon{position: absolute;top: 38%;right: 5%;} .hot-deals-full .hot-deals .content .name .h4{font-family: 'Cabin', sans-serif;margin:0;font-size: 18px;background: linear-gradient(to right, #203375 0%, #d19e01 45%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700; line-height: 1.1; display:block;} .hot-deals-full .hot-deals .content .name p{margin:0;font-family: 'Roboto', sans-serif;} .hot-deals-full .hot-deals .content .name p.location{margin-top: 7px;} .hot-deals-full .hot-deals .content .name .rating{width:100%; float:left;} .hot-deals-full .hot-deals .content .name .rating .stars {content: "\f005"; margin-top:0px; margin-bottom:0px; color:#d19e01; display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; letter-spacing:5px; font-size: 14px;} .hot-deals-full .hot-deals .content .name .rating .stars.stars-1:before {content: "\f005";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-1-5:before {content: "\f005\f123";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-2:before {content: "\f005\f005";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-2-5:before {content: "\f005\f005\f123";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-3:before {content: "\f005\f005\f005";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-3-5:before {content: "\f005\f005\f005\f123";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-4:before {content: "\f005\f005\f005\f005";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-4-5:before {content: "\f005\f005\f005\f005\f123";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-5:before {content: "\f005\f005\f005\f005\f005";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-5-5:before {content: "\f005\f005\f005\f005\f005\f123";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-1-0:before {content: "\f005\f006\f006\f006\f006";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-2-0:before {content: "\f005\f005\f006\f006\f006";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-3-0:before {content: "\f005\f005\f005\f006\f006";} .hot-deals-full .hot-deals .content .name .rating .stars.stars-4-0:before {content: "\f005\f005\f005\f005\f006";} .hot-deals-full .hot-deals .content .price{width:25%;float:left;background:#203375;color:#fff;text-align:center;height: 100px;font-family: 'Roboto', sans-serif;} .hot-deals-full .hot-deals .content .price p{margin:0;margin-top: 7px;margin-bottom: 2px;color:#fff;} .hot-deals-full .hot-deals .content .price .h3{margin:0; font-size: 20px; font-weight: 500; line-height: 1.1; display:block;} .hot-deals-full .hot-deals .content .price .input-button{padding: 2px 5px;font-size: 12px;background:#d19e01;color:#fff;border:1px solid #d19e01; margin-top: 5px;} .hot-deals-full .hot-deals .content .price .input-button:hover{background:#b78b05;} .hot-deals-full .hot-deals .content .days{text-align:right;} .hot-deals-full .hot-deals .content .days .nights{color:#203375;} .hot-deals-full .hot-deals .content .days .day{color:#d19e01;} @media screen and (min-width:320px) and (max-width:767px) { .hot-deals-full {padding:0px 0;} .hot-deals-full .flight-offers .content .price {padding-left: 5px;padding-right: 5px;height: 122px;padding-top: 20px;} .hot-deals-full .flight-offers .content .price p{font-size: 10px;} .hot-deals-full .flight-offers .content .price .input-button {font-size: 10px;} .hot-deals-full .flight-offers .content .name .flight-icon{position:static;} .hot-deals-full .hot-deals .content .price {padding-left: 5px;padding-right: 5px;height: 122px;padding-top: 20px;} .hot-deals-full .hot-deals .content .price p{font-size: 10px;} .hot-deals-full .hot-deals .content .price .input-button {font-size: 10px;} } @media screen and (min-width:320px) and (max-width:370px) { .hot-deals-full .flight-offers .content .price .h3{font-size:14px;} .hot-deals-full .hot-deals .content .price .h3{font-size:14px;} } @media screen and (min-width:768px) and (max-width:991px) { } @media screen and (min-width:992px) and (max-width:1199px) { /*----------------DEALS-----------------*/ .hot-deals-full .flight-offers .content .price {padding-left: 5px;padding-right: 5px;height: 112px;padding-top: 20px;} .hot-deals-full .flight-offers .content .price p{font-size: 10px;} .hot-deals-full .flight-offers .content .price .input-button {width: 100%;font-size: 10px;} .hot-deals-full .flight-offers .content .name {padding: 10px 10px 0;} .hot-deals-full .flight-offers .content .name .flight-icon{position:static;} .hot-deals-full .flight-offers .content .price .h3 {font-size: 16px;} .hot-deals-full .hot-deals .content .price {padding-left: 5px;padding-right: 5px;height: 112px;padding-top: 20px;} .hot-deals-full .hot-deals .content .price p{font-size: 10px;} .hot-deals-full .hot-deals .content .price .input-button {width: 100%;font-size: 10px;} .hot-deals-full .hot-deals .content .price .h3{font-size:16px;} } /*-------------------ACTIVITIES--------------------*/ .activities-full{padding:30px 0;} .activities-full .activities{width:100%; float:left; padding-right:45px;position:relative;margin-bottom: 20px;} .activities-full .activities .line-effect{width: 100%;float: left;} .activities-full .activities .line-effect .left_border{position: absolute;right: 20px;border: 1px solid #ccc;height: 65%;top: 15%;} .activities-full .activities .line-effect .middle_border{position:absolute;right:5px;border:1px solid #ccc;height:100%;top:0;} .activities-full .activities .line-effect .right_border{position:absolute;right:-10px;border:1px solid #ccc;height:100%;top:0;height: 65%;top: 15%;} .activities-full .activities img{width:100%;} .activities-full .activities p.heading{color:#d19e01;font-weight: 600;font-size: 21px;margin-top: 20px;font-family: 'Cabin', sans-serif;} .activities-full .activities p.heading span{color:#203375;} .activities-full .activities p{color:#828282;} .activities-full .activities p.normal_para{font-family: 'Roboto', sans-serif;font-size: 17px;} .activities-full .activities .line img{width:auto;} .activities-full .carousel-control.left, .activities-full .carousel-control.right{background-image:none;display: none;} .activities-full .availability{text-align:center;width: 100%;float: left;} .activities-full .availability img{width:100%;} .activities-full .availability .input-button{font-family: 'Roboto', sans-serif;text-transform:uppercase;font-weight:500; background: linear-gradient(to right, #203375 0%, #d19e01 80%); padding: 10px 20px;color: #fff;border-radius: 7px;border: none;margin-top: 30px;} .activities-full .availability .input-button:hover{background: linear-gradient(to right, #d19e01 0%, #203375 80%);} .activities-full .availability .enqiry-now{width:100%; float:left;} .activities-full .availability .enqiry-now-bg{ float:left; width:100%; height:auto; background:url(../images/package/contactus-bg.jpg) no-repeat bottom; margin-bottom:40px; } .activities-full .availability .enqiry-now-bg h1{ width:100%; float:left; text-align:left; color:#fff; font-size:30px; font-weight:bold; padding:80px 0 0 0;} .activities-full .availability .enqiry-now-bg p{width:100%; float:left; font-size:22px; color:#fff; padding-bottom:80px;} .activities-full .availability .enqiry-now .heading{width:100%; float:left; text-align:left; font-size:30px; font-weight:bold; color:#000; border-bottom:1px solid #eee; margin-bottom:10px; } .activities-full .availability .enqiry-now .heading h2{ border-bottom:0px solid #ff3333; float:left; width:auto; padding:5px 0; margin:0px; position:relative;} .activities-full .availability .enqiry-now .heading h2:after{width:100%; height:3px; content:""; position:absolute; bottom:0px; left:0px; background:#d19e01;} .activities-full .availability .enqiry-now .form-full{ float:left; width:100%; padding:20px; margin-top:10px; background: #4d4d4d; background:rgba(237,50,55,0.5);} .activities-full .availability .enqiry-now .form-full select{ border-radius:0px; float:left; height:35px; line-height:46px; margin-bottom:25px;} .activities-full .availability .enqiry-now .form-full .input{ border-radius:0px; float:left; height:35px; line-height:46px; margin-bottom:25px;} .activities-full .availability .enqiry-now .form-full .textaria{ border-radius:0px;} .activities-full .availability .enqiry-now .form-full .input-btn{ border:none; outline:0px; padding:10px 30px; border-radius:5px; background: linear-gradient(to right, #203375 0%, #d19e01 80%); color:#fff; margin-top:19px;} .activities-full .availability .enqiry-now .form-full .input-btn:hover{ background: linear-gradient(to right, #d19e01 0%, #203375 80%);} .activities-full .availability .enqiry-now button.close {position: absolute; font-size: 50px; right: 20px;top: 7px; color: #000; font-weight:300; z-index:99; } .activities-full .availability .enqiry-now .form-group{margin-bottom:0;float:left;width:100%;} .activities-full .availability .enqiry-now .form-full textarea.input{height:100px;} .activities-full .availability .enqiry-now .form-full .form-group label{font-size: 12px;font-weight: normal;text-align: left;float: left;width: 100%;color:#fff;} @media screen and (min-width:320px) and (max-width:767px) { .activities-full .activities {padding-right: 0;} .activities-full .activities p.heading {font-size: 16px;} .activities-full .activities p.normal_para {font-size: 15px;} } @media screen and (min-width:768px) and (max-width:991px) { .activities-full .activities {padding-right: 0;} } @media screen and (min-width:992px) and (max-width:1199px) { } /*-------------WORLD FLIGHT OFFERS-------------*/ .world-flight-offer { padding-top: 30px; width: 100%; float: left; text-align: center; background-color: #103e65; background-size: cover; padding-bottom: 30px; position: relative; } /* .world-flight-offer:before{content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(00,175,239,0.8);} */ .world-flight-offer .world-flight-offer-inner{width:100%; float:left; position:relative; z-index:11;} .world-flight-offer .head-icon{width:100%; height:30px; margin-top:50px; text-align:center; float:left;display: none;} .world-flight-offer .head-icon img{width:30px;} .world-flight-offer .heading-text{width:100%; float:left; text-align:center; font-size:26px; font-weight:600; color:#fff;} .world-flight-offer .heading-text span{color:#d60672; font-weight:normal;} .world-flight-offer .heading-p-text{color:#fff;float:left;width:100%;text-align:center;margin-top: 20px;} .world-flight-offer .package{width:100%; float:left; margin-top:15px; background:#fff;} .world-flight-offer .package .im{width:100%; float:left; position:relative;} .world-flight-offer .package .im img{width:100%; height:150px;} .world-flight-offer .package .flight-logo{width:100%; margin:0 auto;} .world-flight-offer .package .flight-logo img{width:100px; margin-bottom:10px; margin-top:10px;} .world-flight-offer .package .flight-from{width:100%; float:left; text-align:center; font-size:14px; margin-top:0px; color:#203375;text-transform:uppercase;font-weight: 600;} .world-flight-offer .package .drop-icon{width:100%; float:left; text-align:center; font-size:14px; color:#000;} .world-flight-offer .package .flight-time{width:100%; float:left; text-align:center; font-size:14px; margin-top:10px; color:#333;} .world-flight-offer .package .flight-time .land{transform:rotate(60deg);-moz-transform:rotate(60deg); -webkit-transform:rotate(60deg);} .world-flight-offer .package .price-from{width:100%; float:left; text-align:center; font-size:14px; color:#333; position:relative;} .world-flight-offer .package .price-from:before{position:absolute; content:""; width:80px; height:1px; background:#333; left:0px; top:50%;} .world-flight-offer .package .price-from:after{position:absolute; content:""; width:80px; height:1px; background:#333; right:0px; top:50%;} .world-flight-offer .package .price .pound-icon{font-size:14px;} .world-flight-offer .package .book-now{width:100%; float:left; text-align:center; font-size:14px; background:#d19e01; color:#fff; padding:8px 0; margin-top:10px;} .world-flight-offer .package p {width: 100%;text-align: left;float: left;color: #000;font-size: 13px;padding: 7px 10px;margin: 0px;text-transform:uppercase;font-weight:600;} .world-flight-offer .package p span.price {font-size: 13px;float: right;text-align: right;width: 40%;font-weight:normal;} .world-flight-offer .package p span.price b{color:#d19e01;} .world-flight-offer .mt100{margin-top:100px !important;} .world-flight-offer .owl-slider{margin: 0 10px; overflow: hidden;} .world-flight-offer .owl-theme .owl-controls{margin-top:45px;} .world-flight-offer .owl-theme .owl-controls .owl-buttons div{border-radius: 0; background: #ffc33c; padding: 15px 20px; opacity: 1; border: 1px solid transparent; transition: all 0.30s linear 0s;} .world-flight-offer .owl-theme .owl-controls .owl-buttons div:hover{background: transparent; border: 1px solid #ffc33c;} .world-flight-offer .owl-prev:before, .world-flight-offer .owl-next:before{content: "\f053"; font-family: 'FontAwesome'; color: #fff;} .world-flight-offer .owl-next:before{content: "\f054";} /*--------------------WORLD FLIGHT OFFER CAROUSEL-------------------*/ #world_flight_offer{width:100%; float:left;} .world-flight-offer .owl-slider-full{width:100%; float:left; padding:0 20px;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls {margin-top: 10px; text-align: left; width:auto; float: left; top:45%; position:static;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev{float:left; margin-left:-50px; background:#fff !important; border:0px !important; position:absolute; top:45%;width: 40px;height: 40px;opacity:1;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{ float:right; margin-right:-50px; background:#fff !important; border:0px !important; position:absolute; top:45%; right:0px;width: 40px;height: 40px;opacity:1;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev:before, .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next:before{font-size:26px;margin-left: 5px;} .world-flight-offer .owl-theme .owl-controls{position:absolute; top:-50px; right:10px; margin-top:0px !important;} .world-flight-offer .owl-theme .owl-controls .owl-buttons div {color: #666 !important; display: inline-block; zoom: 1; *display: inline; margin: 5px; border:1px solid #ccc !important; padding:1px 10px; font-size: 12px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; background: #869791; background: linear-gradient(#fff, #e9e9e9) !important; background: -webkit-linear-gradient(#fff, #e9e9e9) !important; opacity:0.5;} .world-flight-offer .owl-theme .owl-controls .owl-buttons div:hover{ color:#6855f7;} .world-flight-offer .owl-prev:before, .world-flight-offer .owl-next:before {content: "\f104" !important; font-size:16px; font-weight:600; font-family: 'FontAwesome'; color: #666 !important;} .world-flight-offer .owl-next:before {content: "\f105" !important; font-size:16px; font-weight:600;} @media only screen and (max-width: 480px){ .world-flight-offer .owl-theme .owl-controls{margin-top: 25px;} } @media screen and (min-width:320px) and (max-width:767px) { .world-flight-offer .package p span.price {width: 50%;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: -33px;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: -33px;} } @media screen and (min-width:768px) and (max-width:991px) { .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: -33px;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: -33px;} } @media screen and (min-width:992px) and (max-width:1199px){ .world-flight-offer .package p span {width: 46%;font-weight: normal;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: -35px;} .world-flight-offer .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: -35px;} } /*----------------WORLD FLIGHT OFFER CAROUSEL END--------------------*/ /*----------------FEATURES-------------*/ .features{background:#fff;padding:25px 0;} .features .col-md-2 { border-right: 1px solid #e8e8e8; height: 125px; box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%); border-radius: 5px; padding-top: 15px; margin-right: 35px; } .features .col-md-2:last-child{border-right: 0px solid #e8e8e8;} .features .content{text-align:center;} .features .content .image{height: 55px;} .features .content.child-3 .image img {width:41px;} .features .content img{width:50px;} .features .content p{color:#000;margin-top:10px;font-size: 11px;font-family: 'Roboto', sans-serif;} @media screen and (min-width:320px) and (max-width:767px) { .features .col-md-2{border-right: 0px solid #e8e8e8;} .features .content{margin-bottom:20px;} .features .content .image{height: auto;} .features .col-md-2 {height:auto;} } @media screen and (min-width:768px) and (max-width:991px) { } @media screen and (min-width:992px) and (max-width:1199px) { } /*----------------HOLIDAY PACKAGES----------------*/ .package-full{width:100%; float:left; background-image:url('../images/bg/holiday-package-bg.jpg');background-position:100% 100%;background-size:cover;padding-bottom:10px;font-family: 'Roboto', sans-serif; position:relative;} .package-full:before{content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(213,160,1,0.7);} .package-full .package-full-inner{width:100%; float:left; position:relative; z-index:11;} .package-full .h3{width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; color:#FFF; margin-top:10px; margin-bottom:0px; padding:20px 0;font-family: 'Roboto', sans-serif; line-height: 1.1;} .package-full p{text-align:center;float: left;width: 100%;color: #fff;margin-bottom:30px;font-family: 'Roboto', sans-serif;} .package-full .packages{position:relative;margin-bottom: 30px;} .package-full .packages .image{width:100%; height:250px;} .package-full .packages .content{position:absolute;left:0;top:0;width:100%;height:100%;text-align: center;background: rgba(0, 0, 0, 0.47058823529411764);} .package-full .packages .content p{color:#fff;padding-top: 20px;margin-bottom: 10px;} .package-full .packages .content .h4{font-size: 18px; color:#fff;width: 100%;float: left;margin-top: 0; margin-bottom: 10px; font-weight: bold; line-height: 1.1;} /*.package-full .packages .content ul{list-style:none;text-align: center;float: left;padding-left: 54px;padding-top: 110px;} .package-full .packages .content ul li{float:left;margin-right: 10px;}*/ .package-full .packages .content ul{list-style:none;text-align: center;float: inherit; display: inline-block; padding-left: 0; padding-top: 90px;} .package-full .packages .content ul li{float:left;margin-right: 10px;} .package-full .packages .content .book-now-outer{width:100%; float:left; margin-top:10px;} .package-full .packages .content .book-now{font-family: 'Roboto', sans-serif;background: #d19e01;padding: 6px 15px;color: #fff;font-weight: 700;border-radius: 3px; text-align: center;} .package-full .packages .content .book-now:hover{background:#b78b05;} @media screen and (min-width:320px) and (max-width:767px) { .package-full{padding-bottom:0px;} .package-full .h3{margin-top:0px; font-size:20px; margin-bottom:0px;} } @media screen and (min-width:320px) and (max-width:499px) { .package-full .packages .image{height:250px;} .package-full .packages .content ul {float: inherit;padding-top: 90px;display: inline-block;padding-left: 0;} } @media screen and (min-width:500px) and (max-width:767px) { .package-full .packages .image{height:270px;} .package-full .packages .content ul {float: inherit;padding-top: 100px;display: inline-block;padding-left: 0;} } @media screen and (min-width:768px) and (max-width:991px) { .package-full .packages .content ul {padding-top: 20px;} .package-full .packages .content ul li img{width:22px;} .package-full .packages .image{width:100%; height:180px;} } @media screen and (min-width:992px) and (max-width:1199px) { .package-full .packages .content ul {padding-top:50px;} .package-full .packages .image{width:100%; height:200px;} } /* --------------RECOMMENDED HOTEL------------- */ .recom-hotel{background-image:url('../images/bg/recommended-bg.jpg');background-position:100% 100%;background-size:cover;padding-bottom:30px;} .recom-hotel .h3{width:100%; float:left; text-align:center; font-size:30px; font-weight:700; color:#d19e01; margin-top:10px; margin-bottom:0px; padding:20px 0;font-family: 'Roboto', sans-serif;text-transform: uppercase; line-height: 1.1;} .recom-hotel p{text-align:start;float: left;width: 100%;color: #484848;font-weight: 600;line-height: 1.9; padding-left:5px;} .recom-hotel .package{width:100%; float:left; position:relative; margin-top:30px; border:1px solid #ccc; height:225px; overflow:hidden; transition:0.5s !important; -webkit-transition:0.5s !important;} .recom-hotel .package .im{width:40%; float:left; height:225px !important; transition:0.5s !important; -webkit-transition:0.5s !important;} .recom-hotel .package .im img{width:100%; height:225px;} .recom-hotel .package .im:hover{width:100%;} .recom-hotel .package .detail{width:60%; height:100%; margin-left:0%; position:absolute; float:left; top:0px; right:0px; padding:10px 0; background:#fff; transition:0.5s !important; -webkit-transition:0.5s !important; } .recom-hotel .package:hover .detail{ right:-100%; } .recom-hotel .package .detail:hover{ right:0%; } .recom-hotel .package .detail .name{width:70%; float:left; padding:0 10px; position:relative;} .recom-hotel .package .detail::before {background: #fff none repeat scroll 0 0; content: ""; height: 125%; margin-left: 65px !important; position: absolute; right: 87%; top: -34px; transform: rotate(-24deg);width: 100px; -webkit-transform: rotate(-24deg);width: 100px;} .recom-hotel .package .detail .name p{width:100%; float:left; margin:0px; font-size:14px; color:#666666; text-align:justify; } .recom-hotel .package .detail .name .hotel-name{font-size:16px; color:#333;font-weight: 700;font-family: 'Roboto', sans-serif;text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .recom-hotel .package .detail .name .rating{width:auto; height:auto;} .recom-hotel .package .detail .name .rating .stars {content: "\f005"; margin-top:0px; margin-bottom:0px; color:#d19e01; display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; letter-spacing:5px; font-size: 14px;} .recom-hotel .package .detail .name .rating .stars.stars-1:before {content: "\f005";} .recom-hotel .package .detail .name .rating .stars.stars-1-5:before {content: "\f005\f123";} .recom-hotel .package .detail .name .rating .stars.stars-2:before {content: "\f005\f005";} .recom-hotel .package .detail .name .rating .stars.stars-2-5:before {content: "\f005\f005\f123";} .recom-hotel .package .detail .name .rating .stars.stars-3:before {content: "\f005\f005\f005";} .recom-hotel .package .detail .name .rating .stars.stars-3-5:before {content: "\f005\f005\f005\f123";} .recom-hotel .package .detail .name .rating .stars.stars-4:before {content: "\f005\f005\f005\f005";} .recom-hotel .package .detail .name .rating .stars.stars-4-5:before {content: "\f005\f005\f005\f005\f123";} .recom-hotel .package .detail .name .rating .stars.stars-5:before {content: "\f005\f005\f005\f005\f005";} .recom-hotel .package .detail .name .rating .stars.stars-5-5:before {content: "\f005\f005\f005\f005\f005\f123";} .recom-hotel .package .detail .name .rating .stars.stars-1-0:before {content: "\f005\f006\f006\f006\f006";} .recom-hotel .package .detail .name .rating .stars.stars-2-0:before {content: "\f005\f005\f006\f006\f006";} .recom-hotel .package .detail .name .rating .stars.stars-3-0:before {content: "\f005\f005\f005\f006\f006";} .recom-hotel .package .detail .name .rating .stars.stars-4-0:before {content: "\f005\f005\f005\f005\f006";} .recom-hotel .package .detail .name p.desc{color:#a1a1a1;font-size: 13px; overflow:hidden;} .recom-hotel .package .detail .name .hotel-place{font-size:14px; color:#a9a9a9; margin-bottom:20px;} .recom-hotel .package .detail .name .facility{float:left;width:100%;list-style:none;padding-left:0;margin-top: 10px;} .recom-hotel .package .detail .name .facility li{float:left;margin-right: 10px;} .recom-hotel .package .detail .price{width:30%; float:left; padding:0 10px; position:relative;text-align: center;} .recom-hotel .package .detail .price:before{content:''; width:1px; height:200px; background:#ccc; left:0px; top:0px; position:absolute;} .recom-hotel .package .detail .price p{width:100%; text-align:center; font-size:20px; color:#333; font-weight:700; margin-bottom:0px;font-family: 'Roboto', sans-serif;} .recom-hotel .package .detail .price a{width:80%; float:left; text-align:center; padding:5px 0px; background:#ff9900; color:#fff; margin-left:10%; margin-top:30px;} .recom-hotel .package .detail .price p:first-child{margin-top:30px; font-size:13px; text-transform:capitalize; font-weight:600;color: #828282;font-family: 'Roboto', sans-serif;} .recom-hotel .package .detail .price p.pp{font-size:13px !important; font-weight:normal;color: #828282;} .recom-hotel .package .detail .price .book{font-family: 'Roboto', sans-serif;background: #d19e01;padding: 6px 15px;color: #fff;font-weight: 700;border-radius: 3px;border: 1px solid #d19e01;text-align: center;margin-top: 10px;} .recom-hotel .package .detail .price .book:hover{background:#b78b05;} @media screen and (min-width:320px) and (max-width:767px) { .recom-hotel .h3 {font-size: 18px;} .recom-hotel .package .detail .price a {margin-left: 0%; width: 100%;} .recom-hotel .package .detail .price p {font-size: 16px;} .recom-hotel .package .detail .name .hotel-name {font-size: 15px;} .recom-hotel .package .detail .name p.desc {height: 110px; margin-top: 5px;font-size: 11px;line-height: 18px;} } @media screen and (min-width:320px) and (max-width:450px) { .recom-hotel .package .detail {height: 100%;margin-left:0%;padding: 10px 0;width: 100%;} } @media screen and (min-width:320px) and (max-width:566px) { .recom-hotel .package .detail::before {transform: rotate(-18deg);} } @media screen and (min-width:768px) and (max-width:991px) { .recom-hotel .package .detail .name p.desc {height: 120px;} } @media screen and (min-width:992px) and (max-width:1199px) { .recom-hotel .package .detail::before {transform: rotate(-15deg);-webkit-transform: rotate(-15deg);} .recom-hotel .package .detail .price a {width: 100%;margin-left: 0;} .recom-hotel .package .detail .name .hotel-name {font-size: 13px;} .recom-hotel .package .detail .name p.desc {height: 120px; font-size: 11px;} } @media screen and (min-width:1200px){ .recom-hotel .package .detail .name p.desc {height: 120px;} } /*-----------------testimonial------------*/ .testimonial-full {width:100%; float:left; padding:10px 0;background:#eaeff5;background-image:url('../images/bg/testimonial-bg.jpg');background-position: 100% 100%;background-size: cover; position:relative;} /* .testimonial-full:before{content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(00,175,239,0.8);} */ .testimonial-full .testimonial-full-inner{width:100%; float:left; position:relative; z-index:11;} .testimonial-full .header .h3{font-size: 24px; color:#fff;text-align: center; margin-top: 20px; margin-bottom: 0px;font-family: 'Roboto', sans-serif;font-weight: 700; display:block; line-height: 1.1;} .testimonial-full .testimonial .content{min-height: 265px;background: #fff;padding: 15px; border-radius: 5px; margin-bottom: 20px;float: left;width: 100%;} .testimonial-full .testimonial .content p{color:#939393;line-height: 30px;text-align: justify;font-family: 'Roboto', sans-serif;font-weight: 300;} .testimonial-full .testimonial .name{width:100%;float:left;} .testimonial-full .testimonial .name img{width: 70px;border-radius: 76px;float: left;} .testimonial-full .testimonial .name p{float: left;margin-top: 25px;margin-left: 10px;font-size: 17px;color:#fff;} .testimonial-full .owl-slider-full{width:100%; float:left; margin-top:30px;} .testimonial-full .owl-slider-full .owl-slider{margin-left:10px;margin-right:10px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls {margin-top: 10px; text-align: left; width:auto; float: left; top:45%; position:static;width: 100%;text-align: center;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons{width:100%; float:left;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev{border:2px solid #fff; float:left; left:0px; margin-left:-50px; background:none !important; position:absolute; top:45%;width: 40px;height: 40px;opacity:1;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{border:2px solid #fff;float:right; margin-right:-50px; background:none !important; position:absolute; top:45%; right:0px;width: 40px;height: 40px;opacity:1;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev:before{font-size: 33px;top: -6px;position: absolute;left: 10px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next:before{font-size: 33px;top: -6px;position: absolute;right: 10px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls{top:-50px; right:10px; margin-top:0px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons div {color: #666 !important; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; background: #869791; background: linear-gradient(#fff, #e9e9e9) !important; background: -webkit-linear-gradient(#fff, #e9e9e9) !important; opacity: .5;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons div:hover{ color:#6855f7;} .testimonial-full .owl-slider-full .owl-prev:before, .testimonial-full .owl-slider-full .owl-next:before {content: "\f104" !important; font-size:16px;font-weight:600;font-family: 'FontAwesome'; color: #fff !important;} .testimonial-full .owl-slider-full .owl-next:before {content: "\f105" !important; font-size:16px; font-weight:600;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-page span{background:#d19e01;} .testimonial-full .owl-slider-full .owl-slider-full .owl-item{padding-bottom: 21px;} .testimonial-full .our_offer .owl-wrapper-outer{padding: 16px 0px; margin: 0px 0px 0px;} @media screen and (min-width:320px) and (max-width:767px) { .testimonial-full{padding:0px 0;} .testimonial-full .header .h3{margin-bottom:20px; font-size:20px;} .testimonial-full .testimonial{width:100%;float:left;margin-bottom:20px;} .testimonial-full .testimonial .content{height: 100%;} .testimonial-full .owl-slider-full{padding:0; margin-top:0px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: 0;top:12%;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: 0;top:12%;} .testimonial-full .heading .line-icon{width:300px; margin:0 auto; margin-top:30px;} .testimonial-full .heading .line-icon .line-icon-inner:before{width:125px;} .testimonial-full .heading .line-icon .line-icon-inner:after{width:125px;} } @media screen and (min-width:768px) and (max-width:991px) { .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: 0;top:40%;left: -25px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: 0;top:40%;right: -25px;} } @media screen and (min-width:992px) and (max-width:1199px){ .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: 0;left:-30px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: 0;right:-30px;} } @media screen and (min-width:1200px) and (max-width:1366px){ .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-prev {margin-left: 0;left:-30px;} .testimonial-full .owl-slider-full .owl-theme .owl-controls .owl-buttons .owl-next{margin-right: 0;right:-30px;} } /*----------------TESTIMONIAL CAROUSEL END-------------------*/ /*---------------PARTNER CAROUSEL----------------*/ .partner-carousel {padding: 20px 0;} /*------------FOOTER-------------------*/ footer .footer-background { width: 100%; float: left; padding: 10px 0 10px; border-bottom: 1px solid #919191; background-size: cover; background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); } footer .top-footer .foot-content{float:left;width:100%;} footer .top-footer .foot-content .h3 { color: #ffffff; font-size: 18px; margin-top: 20px; margin-bottom: 20px; display: block; font-weight: 700; line-height: 1.1; } footer .top-footer .foot-content.contact ul li.phone span{font-size: 20px;} footer .top-footer .foot-content.contact ul li.whatsapp span{font-size: 20px;} footer .top-footer .foot-content.contact ul li.whatsapp .whatsapp-icon{width:20px; height:20px; float:left; margin-right:10px;} footer .top-footer .foot-content ul{list-style:none;padding-left:0;width: 100%;float: left;} footer .top-footer .foot-content ul li{padding-bottom:10px;color: #fff;float: left;width: 100%;} footer .top-footer .foot-content ul li a{color: #ffffff;text-decoration: none;} footer .top-footer .foot-content ul li .fa{width: 10%;font-size:20px} footer .top-footer .foot-content ul li span{width:90%;} footer .top-footer .location{position:relative;margin-bottom:45px;font-size: 22px;} footer .top-footer .location .fa{font-size:32px;color:#fff} footer .top-footer .location p{font-size:15px;color:#fff;position:absolute;top:1px;left:49px} footer .top-footer .foot-content ul li .fa { width: 30px; float: left; padding-right: 30px; color: #fff; } footer .top-footer .foot-content ul li span {width: calc(100% - 30px);float: left;color: #919191;} footer .top-footer .foot-content ul li a span{width:auto;} footer .top-footer .foot-content .iata{width:100%;} footer .top-footer .gallery .row{padding-left: 10px;padding-right: 10px;} footer .top-footer .gallery .col-6{margin-bottom:10px;padding-left: 5px;padding-right: 5px;} footer .top-footer .gallery img{width:100%;border-radius:5px;} footer .top-footer .foot-content .icons{width:100%;float:left;} footer .top-footer .foot-content .icons ul{list-style:none;padding-left:0;margin-top: 0;margin-bottom: 10px;float:left;width:auto; display: flex; align-items: center;} footer .top-footer .foot-content .icons ul li{float:left;margin-right:30px;width: auto;padding-bottom: 0;} footer .top-footer .foot-content .icons ul li:last-child{margin-right:0px;} footer .top-footer .foot-content .icons .abta img{width: 80px;} footer .top-footer .foot-content .icons .atol img{width: 36px;} footer .top-footer .foot-content .icons .iata img{width: 50px;} footer .top-footer .foot-content .h4{color: #aa8514; font-size: 20px; margin-top: 10px; margin-bottom: 10px; display:block; font-weight: 500; line-height: 1.1;} footer .top-footer .foot-content p{color: #919191;line-height: 28px;text-align: justify;} /*--------------LOWER FOOTER---------------*/ footer .lower-footer { background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); color: #fff; margin-bottom: 0; padding: 10px 0; font-family: 'Lato', sans-serif; } footer .lower-footer .ul-social-icon{padding-left:0;list-style:none;float: left;margin-bottom: 0;} footer .lower-footer .ul-social-icon li{float:left;padding-right: 15px;} footer .lower-footer .ul-social-icon li a i { color: #fff; width: 35px; height: 35px; line-height: 35px; border: 2px solid #fff; text-align: center; font-size: 16px; border-radius: 49px; background-color: #e9505b; } footer .lower-footer .ul-social-icon li a:hover i { color: #01233f; border-color: #fff; } footer .lower-footer .left{text-align:left;} footer .lower-footer .left p{color: #fff;margin-top: 10px;} footer .lower-footer .right{text-align:right;} footer .lower-footer .right p{text-align:right;color: #919191;margin-top: 10px;} footer .lower-footer .right p a{text-decoration:underline;color: #919191;} @media screen and (min-width:320px) and (max-width:767px) { footer .top-footer .foot-content.contact ul li.phone span{font-size:16px;} footer .top-footer .foot-content.contact ul li.whatsapp span{font-size: 16px;} footer .top-footer .quick-links{text-align: left;margin-bottom: 20px;} footer .top-footer .iata{width:100%;} footer .top-footer .cards{margin-bottom: 30px;} footer .top-footer .foot-content .icons ul li {margin-left: 0;margin-right:30px;margin-top: 10px;} footer .lower-footer p{line-height: 20px;} footer .lower-footer .right {text-align: left;} footer .lower-footer .right p {text-align: left;} footer .lower-footer .right img.cards {width: 280px;} footer .top-footer .foot-content .h3 {margin-bottom:10px; font-size: 18px;} } @media screen and (min-width:320px) and (max-width:499px) { footer .top-footer .gallery .col-6 {max-width:90px;} footer .footer-background { width: 100%; float: left; padding: 10px 0 10px; border-bottom: 1px solid #919191; background-repeat: no-repeat; background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); } } @media screen and (min-width:500px) and (max-width:767px) { footer .top-footer .gallery .col-6 {max-width:90px;} } @media screen and (min-width:768px) and (max-width:991px) { footer .top-footer .foot-content.contact ul li.phone span{font-size:16px;} footer .top-footer .foot-content.contact ul li.whatsapp span{font-size: 16px;} footer .top-footer .iata {width: 100%;} footer .top-footer .newsletters .pl-0{padding-left:0;} footer .top-footer .foot-content .h3 {font-size: 16px;} footer .top-footer .foot-content .icons ul li {margin-left: 0;margin-right:30px;margin-top: 10px;} footer .lower-footer img{width:100%;} footer .top-footer .foot-content ul li a {font-size: 12px;} footer .top-footer .foot-content ul li span{font-size:12px;} } @media screen and (min-width:992px) and (max-width:1199px) { footer .top-footer .quick-links{text-align: center;margin-bottom: 60px;} footer .top-footer .iata {width: 100%;} footer .top-footer .foot-content .h3 {font-size: 15px;} } @media screen and (min-width:992px) and (max-width:1023px) { footer .top-footer .foot-content ul li .fa {width: 10%;float: left;padding-right: 30px;} footer .top-footer .foot-content ul li span {width: 80%;float: left;} } /*Tp Digital css start*/ .warpper { margin-top:20px; } .tab { cursor: pointer; padding: 10px 20px; margin: 0px 2px; background: #fff; display: inline-block; color: #fff; border-radius: 3px 3px 0px 0px; /* box-shadow: 0 0.5rem 0.8rem #00000080;*/ width: 300px; text-align: center; align-items: center; justify-content: center; } .panels { width: 100%; border-radius: 3px; overflow: hidden; padding: 0px; } .panel { display: none; animation: fadein .8s; border:none; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .panel-title { font-size: 1.5em; font-weight: bold } .radio { display: none; } #one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel { display: block } #one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab { background: transparent; color: #ffffff; /* border: 1px solid #203375;*/ font-size: 21px; } .form-control { border: 2px solid rgb(225, 231, 238); border-radius: 3px; height: 45px; background: rgb(255, 255, 255); cursor: pointer; position: relative; } .search-btn { cursor: pointer; padding: 10px 20px; margin: 0px 2px; background: #e9505b; display: inline-block; color: #fff; border-radius: 3px 3px 0px 0px; box-shadow: 0 0.5rem 0.8rem #00000080; width: 100%; text-align: center; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; } /*Search Dropdown Start*/ .open-button { background: #fffffff6; width: 100%; border-radius: 3px; overflow: hidden; padding: 20px; } /* The popup chat - hidden by default */ .chat-popup { display: none; width: 240px; /* position: relative;*/ /* position: absolute;*/ z-index: 9; float: left; background: #fff; color: #999; border-radius: 5px; box-shadow: 0px 2px 3px 0px #999; border: 1px solid #eee; height:auto; padding:5px; } .chat-popup2 { display: none; width: 94%; /* position: relative;*/ /* position: absolute;*/ z-index: 9; float: left; background: #fff; color: #999; border-radius: 5px; box-shadow: 0px 2px 3px 0px #999; border: 1px solid #eee; height: auto; padding: 15px; height:320px; } .chat-popupmulticity { display: none; width: 240px; /* position: relative;*/ /* position: absolute;*/ z-index: 9; float: left; background: #fff; color: #999; border-radius: 5px; box-shadow: 0px 2px 3px 0px #999; border: 1px solid #eee; height: auto; padding: 5px; } span { cursor: pointer; } span.heading{ font-weight:700; } .adult-panel { padding-top:10px; } .number { padding:5px 0px 0px 0px; } .minus { width: 20px; height: 20px; border-radius: 100px; padding: 1px 15px 1px 15px; border: 3px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-size: 25px; font-weight: 1000; color: #fff; box-shadow: 0 0.5rem 0.8rem #00000080; } .plus { width: 10px; height: 10px; border-radius: 100px; padding: 1px 10px 1px 10px; border: 3px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-size: 25px; font-weight: 1000; color: #fff; box-shadow: 0 0.5rem 0.8rem #00000080; } .minus { background: #d19e01; } .plus { background-color: #203375; } .input { height: 34px; width: 100px; text-align: center; font-size: 26px; border: 1px solid #ddd; border-radius: 4px; display: inline-block; vertical-align: middle; } /*The popup chat mobile view start*/ @media screen and (min-width:320px) and (max-width:767px) { .chat-popup { display: none; width: auto; /* position: relative;*/ /* position: absolute;*/ z-index: 9; float: left; background: #fff; color: #999; border-radius: 5px; box-shadow: 0px 2px 3px 0px #999; border: 1px solid #eee; height: auto; padding: 10px; } } /*The popup chat mobile view end*/ .btn-cancle { margin-top: 20px; justify-content: end; align-items: end; background-color: #e9505b; color:#fff; } .btn-cancle:hover { color: #fff; background: #203375; } /* Add styles to the form container */ .form-container { max-width: 300px; padding: 10px; background-color: white; } /* Full-width textarea */ .form-container textarea { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; resize: none; min-height: 200px; } /* When the textarea gets focus, do something */ .form-container textarea:focus { background-color: #ddd; outline: none; } /* Set a style for the submit/send button */ .form-container .btn { background-color: #04AA6D; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 0.8; } /* Add a red background color to the cancel button */ .form-container .cancel { background-color: red; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } /*Search Dropdown End*/ .theme_main_wrapper { padding: 0px; background: #eeeeee; } .theme_header { text-align: center; background: #171717; padding: 25px 0px 25px 0px; } .theme_header img { width: 150px; } .theme_header h3 { color: #ffffff; font-weight: 800; font-family: 'Open Sans', sans-serif; } .theme_navbar_wrapper { border: 0; padding: 10px 0 0 0; background: #000000; } .theme_main_menu_bar { border: 0; border-radius: 0; margin-bottom: 0; font-weight: bold; text-align: center; background: transparent; } .theme_menu_bar_header > button > span, .theme_menu_bar_header > button > span:hover { background: #ffffff !important; } .theme_menu_bar_toggle, .theme_menu_bar_toggle:visited { margin-top: 10px; border: none !important; border-radius: 0 !important; background: #3e4548 !important; -webkit-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; } .theme_menu_bar_toggle:active, .theme_menu_bar_toggle:hover, .theme_menu_bar_toggle:focus { background: #ced4df !important; } .theme_menu_collapse { border-top: none !important; } .theme_menu_bar_nav { float: none; display: inline-block; } .theme_menu_bar_nav > li > a:link, .theme_menu_bar_nav > li > a:visited { font-size: 13px; padding-top: 20px; font-weight: 500; padding-bottom: 20px; color: #ffffff !important; font-family: 'Open Sans', sans-serif; background: transparent !important; -webkit-transition: color .3s ease-out 0s; transition: color .3s ease-out 0s; } .theme_menu_bar_nav > li > a:active, .theme_menu_bar_nav > li > a:hover, .theme_menu_bar_nav > li > a:focus { color: #feb600 !important; background: transparent !important } .sz-navbar-direction-icon { margin-left: 5px; font-size: 8px !important; } .theme_navbar_wrapper.affix { top: 0; width: 100%; z-index: 10; position: fixed; border-bottom: 0; background: rgba(0,0,0,0.8); -webkit-transition: all ease-out .5s; transition: all ease-out .5s; } @media(max-width:991px) { .theme_navbar_wrapper.affix { position: static } } .theme_carousel_intro { color: #171717; background: #feb600; padding: 25px 50px 25px 50px; } .theme_carousel_intro > hr { width: 10%; border: 1px solid #feb600; } .theme_carousel_intro h1 { font-weight: 700; font-family: 'Open Sans', sans-serif; } .theme_carousel_intro p { font-size: 16px; letter-spacing: 1px; margin-bottom: 35px; font-family: 'Open Sans', sans-serif; } .theme_carousel_intro a, .theme_carousel_intro a:visited { width: 150px; height: 50px; display: block; color: #feb600; line-height: 50px; text-align: center; background: #171717; text-decoration: none; font-family: 'Open Sans', sans-serif; -webkit-transition: all ease-out .5s; transition: all ease-out .5s; } .theme_carousel_intro a:hover, .theme_carousel_intro a:active { background: rgba(23, 23, 23,0.8); } .theme_features_wrapper { text-align: center; background: #171717; padding: 25px 0px 25px 0px; } .theme_features_wrapper > hr { width: 10%; border: 1px solid #feb600; } .theme_features_wrapper h1 { color: #ffffff; font-weight: 700; font-family: 'Open Sans', sans-serif; } .theme_features_list { padding: 0px; color: #ffffff; list-style-type: none; } .theme_features_list li { font-size: 20px; font-family: 'Open Sans', sans-serif; } .theme_demos_wrapper { padding: 50px 100px 50px 100px; } .theme_demos_wrapper h1 { font-weight: 800; text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .theme_demos_wrapper > hr { width: 5%; margin-bottom: 50px; border: 2px solid #feb600; } @media only screen and (max-width: 480px) { .theme_demos_wrapper h1 { font-size: 25px; } .theme_demos_wrapper > hr { width: 100%; } } .theme_demos_columns { padding-top: 25px; text-align: center; padding-bottom: 25px; } .theme_demos_columns h4 { font-weight: 800; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .theme_demos_columns div { padding: 5px; border-radius: 5px; background: #171717; } .theme_demos_columns div img { width: 100%; border-radius: 5px; } .theme_footer_wrapper { padding: 25px; background: #171717; } .theme_footer { margin: auto; width: 200px; text-align: center; } .theme_footer ul { list-style-type: none; padding: 0px; } .theme_footer ul li { margin-top: 5px; } .theme_footer ul li a { padding: 15px; color: #171717; display: block; background: #feb600; text-decoration: none; font-family: 'Open Sans', sans-serif; -webkit-transition: all ease-out .5s; transition: all ease-out .5s; } .theme_footer ul li a:hover, .theme_footer ul li a:active { color: #feb600; background: rgba(254, 182, 0,0.7); } .theme_footer_wrapper h5 { color: #ffffff; margin-top: 25px; text-align: center; } .theme_new { position: relative; } .theme_new > span { top: 0px; left: 0px; color: #ffffff; background: red; font-weight: 800; position: absolute; text-transform: uppercase; padding: 5px 15px 5px 15px; border-radius: 5px 0px 0px 0px; font-family: 'Open Sans', sans-serif; } /*========== DEMOS COLUMNS CAROUSEL ==========*/ .theme_columns_carousel { padding: 50px; background: #eeeeee; } .theme_columns_carousel h1 { font-weight: 800; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } /*Carasole start*/ /* Google Fonts - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } .slide-container { max-width: 1120px; width: 100%; padding: 40px 0; } .slide-content { margin: 0 40px; overflow: hidden; } .slide-content2 { margin: 0 40px; overflow: hidden; } .slide-content3 { margin: 0 40px; overflow: hidden; border-radius: 25px; } .card { border-radius: 10px; background-color: #FFF; } .image-content, .card-content { flex-direction: column; align-items: center; padding: 10px 14px; } .card-content { padding-bottom: 15px; border: var(--bui_border_width_100) solid var(--bui_color_border_alt); border-bottom:3px solid #e7e7e7; border-radius:10px; } .image-content { position: relative; row-gap: 5px; padding: 0px 0; } .filling-form { float: left; } .filling-to { float: right; } .overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(to right, #d19e01 20%, #203375 55%); border-radius: 25px 25px 0 25px; } .overlay::before, .overlay::after { content: ''; position: absolute; right: 0; bottom: -40px; height: 40px; width: 40px; background-color: #4070F4; } .overlay::after { border-radius: 0 25px 0 0; background-color: #FFF; } .card-image { position: relative; /* height: 150px; width: 150px;*/ background: #FFF; padding: 3px; border-radius: 10px; } .card-image .card-img { width: 100%; height:200px; object-fit: cover; border-radius: 10px; border: 2px solid #e7e7e7; } .book-btn { cursor: pointer; padding: 7px 7px 7px 7px; margin: 10px 2px; background: #d19e01; color: #fff; border-radius: 3px 3px 0px 0px; box-shadow: 0 0.5rem 0.8rem #00000080; width: 100%; text-align: center; align-items: center; font-size: 16px; font-weight: 600; border:none; } .name { font-size: 18px; font-weight: 500; color: #333; } .description { font-size: 14px; color: #707070; text-align: center; } .button { border: none; font-size: 16px; color: #FFF; padding: 8px 16px; background-color: #4070F4; border-radius: 6px; margin: 14px; cursor: pointer; transition: all 0.3s ease; } .button:hover { background: #265DF2; } .swiper-navBtn { color: #6E93f7; transition: color 0.3s ease; } .swiper-navBtn:hover { color: #e9505b; } .swiper-navBtn::before, .swiper-navBtn::after { font-size: 25px; } .swiper-button-next { right: 0; } .swiper-button-prev { right: 0; } .swiper-pagination-bullet { background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active { background-color: #4070F4; } /*222222*/ .swiper-navBtn2:hover { color: #e9505b; } .swiper-navBtn2::before, .swiper-navBtn2::after { font-size: 25px; } .swiper-button-next2 { right: 0; } .swiper-button-prev2 { left: 0; } .swiper-pagination-bullet2 { background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active2 { background-color: #4070F4; } /*End222222*/ /*Start333333333*/ .swiper-navBtn3:hover { color: #d19e01; } .swiper-navBtn3::before, .swiper-navBtn3::after { font-size: 25px; } .swiper-button-next3 { right: 0; } .swiper-button-prev3 { left: 0; } .swiper-pagination-bullet3 { background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active3 { background-color: #4070F4; } /*End3333333333*/ /*Start444444444*/ .swiper-navBtn4:hover { color: #d19e01; } .swiper-navBtn4::before, .swiper-navBtn4::after { font-size: 25px; } .swiper-button-next4 { right: 10px; } .swiper-button-prev4 { left: 10px; } .swiper-pagination-bullet4 { background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active4 { background-color: #4070F4; } /*Ens444444444*/ /*Start5555555*/ .swiper-navBtn5:hover { color: #d19e01; } .swiper-navBtn5::before, .swiper-navBtn5::after { font-size: 25px; } .swiper-button-next5 { right: 10px; } .swiper-button-prev5 { left: 10px; } .swiper-pagination-bullet5 { background-color: #6E93f7; opacity: 1; } .swiper-pagination-bullet-active5 { background-color: #4070F4; } /*Ens55555555*/ @media screen and (max-width: 768px) { .slide-content { margin: 0 10px; } .slide-content2 { margin: 0 10px; } .slide-content3 { margin: 0 10px; } } .h2-heading { margin-top: 40px; margin-bottom: 40px; font-size: 25px; background: linear-gradient(to right, #e24f5b 0%, #203375 45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; line-height: 1.1; display: block; } h2.h4 { font-family: 'Cabin', sans-serif; margin: 5px; font-size: 25px; background: linear-gradient(to right, #e24f5b 0%, #203375 45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; line-height: 1.1; height:40px; } h2.h5 { font-family: 'Cabin', sans-serif; margin: 5px; font-size: 21px; background: linear-gradient(to right, #203375 0%, #d19e01 45%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; line-height: 1.1; } .bg-img-c { width: 100%; float: left; background-size: cover; padding: 10px 0; /* background-image: url(https://wallpaper.dog/large/5486501.png);*/ background-repeat: no-repeat; background-size: cover; } .flight-form { float: left; margin-top: 10px; } .flight-to { float: right; margin-top: 10px; } h2.price-card { float: left; margin-top: 30px; } h2.price-card-5 { float: left; margin-top: 0px; } .f-brand{ margin: 0px; padding-left: 30px; height: 70px; } .day { color: #d19e01; } .nights { color: #203375; } .star { color: #d19e01; } .card-image-holiday .card-img { position: relative; background: transparent; padding: 3px; border-radius: 0px; width: 100%; height: 200px; object-fit: cover; } .bg-image-holiiday{ } .holiday-card-img { padding: 0px; border-radius: 15px; } .holiday-card-content { background-color: #fff; border-radius: 0px; } .Hotels-head-text{ padding-bottom:35px; } .input-btn2 { width: 50px; height: 50px; border-radius: 100px; padding: 1px 15px 1px 15px; border: 3px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-size: 25px; font-weight: 1000; color: #fff; box-shadow: Error: 0 0.5rem 0.8rem #00000080; background: #e9505b; } .input-btn1 { width: 50px; height: 50px; border-radius: 100px; padding: 1px 15px 1px 15px; border: 3px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-size: 25px; font-weight: 1000; color: #fff; box-shadow: Error: 0 0.5rem 0.8rem #00000080; background: #203375; } .input-text { width: 100px; height:30px; background: #fff; border: 1px solid transparent; box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%); justify-content:center; text-align:center; font-size:25px; font-weight:500; } /*===== HEADER =====*/ .header { width: 100%; height:50px; position: relative; top: 0; left: 0; padding: 0 3.5rem; background-color: #d19e01; z-index: var(--z-fixed); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { color: var(--white-color); } .header__toggle { font-size: 25px; color: var(--white-color); cursor: pointer; } /*===== NAV =====*/ @media screen and (max-width: 768px) { .nav { position: fixed; top: 0; left: -100%; background-color: var(--dark-color); color: var(--white-color); width: 100%; height: 100vh; padding: 1.5rem 0; z-index: var(--z-fixed); -webkit-transition: .5s; transition: .5s; } } .nav__content { height: 100%; -ms-grid-rows: max-content 1fr max-content; grid-template-rows: -webkit-max-content 1fr -webkit-max-content; grid-template-rows: max-content 1fr max-content; row-gap: 2rem; } .nav__close { position: absolute; right: 1.5rem; top: 10px; font-size: 20px; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); border-radius: 100%; cursor: pointer; width: 40px; height: 40px; border-radius: 100px; border: 3px solid rgb(225, 231, 238); vertical-align: middle; text-align: center; font-weight: 1000; color: #fff; padding-top: 2px; } .nav__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: .25rem; margin-bottom: .8rem; width: 56px; height: 56px; background-color: var(--first-color); border-radius: 50%; overflow: hidden; } .nav__img img { width: 46px; } .nav__name { display: block; color: var(--white-color); } .nav__profesion { font-size: var(--small-font-size); } .nav__menu { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .nav__item { margin: 2.5rem 0; padding-left: 10px; font-size:15px; } .nav__link { color: #103e65; } .nav__social { padding-top: .5rem; } .nav__social-icon { font-size: 1.2rem; color: var(--white-color); margin-right: 1rem; } .nav__social-icon:hover { color: var(--first-color); } /*Aparecer menu*/ .show { left: 0; } /*Active menu*/ .active { color: #d19e01; } .login-button { padding-top: 27px; font-size:16px; font-weight:700; } .login a{ background-color: #e9505b; color:#ffff;padding:10px;border-radius:5px; } .login-mobile { visibility: hidden; } .login-pc { visibility: visible; } @media screen and (max-width: 468px) { .nav__link { color: #203375; } .active { color: #e9505b; } .login-button { padding-top: 0px; } .login-pc a{ visibility:hidden; padding:0px; width:0%; } .login-mobile a{ visibility:visible; } .login-pc { visibility: visible; display: none; overflow:auto; } } /*===== MEDIA QUERIES =====*/ @media screen and (min-width: 768px) { body { margin: 0; } .header { height: 50px; } .header__logo, .header__toggle { display: none; } .nav { width: 100%; } .nav__content { -ms-grid-columns: (max-content)[3]; grid-template-columns: repeat(3, -webkit-max-content); grid-template-columns: repeat(3, max-content); -ms-grid-rows: 1fr; grid-template-rows: 1fr; -webkit-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav__close, .nav__profesion { display: none; } .nav__perfil { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav__img { width: 32px; height: 32px; margin-right: .5rem; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav__img img { width: 26px; } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; justify-content: center; align-items: center; padding-top: 0px; } .nav__item { margin: 0 .25rem; padding:0px; } .nav__link { padding: .8rem .9rem; border-radius: 10px; font-weight: 600; font-size: 15px; background-color: hsl(0deg 4% 33% / 10%); } .nav__link:hover { background-color: #203375; color: #fff; } .active { color: #333; } } @media screen and (min-width: 1024px) { .bd-grid { margin-left: auto; margin-right: auto; } } :root { --header-height: 3rem; /*===== Colores =====*/ --first-color: #3664F4; --dark-color: #fff; --dark-color-alt: #282B3A; --white-color: #E6E7E9; /*===== Fuente y tipografia =====*/ --body-font: 'Poppins', sans-serif; --normal-font-size: .938rem; --small-font-size: .813rem; /*===== z index =====*/ --z-fixed: 100; } .header2 { background-color: #203375; height: auto; padding: 5px 10px 5px 170px; } .header2 .active { background-color: #d19e01; } @media screen and (max-width: 468px) { .header2 { padding: 5px 30px 5px 15px; } .header2 .active { background-color: transparent; } } /*Upperslider*/ .upperslider-container { width: 40%; transform: translate(-50%,-50%); overflow: hidden; border-radius: 8px; } .uppersliderwrapper { width: 100%; display: flex; animation: slide 16s infinite; height:30vh; } @keyframes slide { 0% { transform: translateX(0); } 25% { transform: translateX(0); } 30% { transform: translateX(-100%); } 50% { transform: translateX(-100%); } 55% { transform: translateX(-200%); } 75% { transform: translateX(-200%); } 80% { transform: translateX(-300%); } 100% { transform: translateX(-300%); } } /*End Upperslider*/ .main-form { background-color: #000000a1; border-radius: 5px; padding-bottom: 15px; } .Customer { padding: 0px 40px 0px 30px; } .call-section { margin-top: 7px; color: #fff; display: inline-block; background: #ed2223; font-weight: 700; font-size: 20px; white-space: nowrap; padding: 16px 5px 14px 19px; display: inline-block; border-radius: 25px; } .call-section-text { font-weight: 900; margin-top: 0px; color: #fff; padding: 13px; background: #f01e1c; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); background: linear-gradient(to right, #e9505b 0%,#103e65 100%); font-size: 22px; margin: 0 0 0 0; color: #fff; border-radius: 10px; box-shadow: -1px 2px 5px rgb(0 0 0 / 70%); position: relative; } .logo-div{ width:25%; padding-left:70px; } .menu-div { width: 35%; } .book-div { width: 25%; padding-top: 5px; } .m-menu-div { width: 15%; } .mobile-callwhatsapp{ display:none; height:0px; width:0px; padding:0px; visibility:hidden; } .multi-city { font-size: 20px; padding-left: 20px; } .multicity-text { color: red; font-weight: 700; } /*Mobile View start*/ @media screen and (max-width: 468px) { body { font-size: 14px !important; font-family: 'Open Sans', sans-serif !important; letter-spacing: 0.4px; word-spacing: 1px; background: #ffffff !important; */ } header .top-header { background: #ffff; width: 100%; float: left; color: #fff; padding: 0px; padding-top:5px; } .col-xs-12 { width:auto; } .login-button { padding-top: 25px; } #one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab { background: transparent; color: #ffffff; /* border: 1px solid #203375; */ font-size: 13px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 10px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .search_container .tab_full_container { z-index: 0; margin-top: 25px; } .main-banner .carousel-inner > .item > img { height: auto; display:none; height:0px; padding:0px; } .main-form { background-color: #103e65; margin-bottom:15px; } .col-6{ width:50%; display:inline-block; } .date-mobile { display: flex; } .Customer { padding: 0px 20px 0px 20px; } .best-flight { margin: 0px 20px 0px 20px; } .call-section { margin-top: 7px; color: #fff; display: inline-block; background: #ed2223; font-weight: 700; font-size: 20px; white-space: nowrap; padding: 8px 10px 8px 10px; display: inline-block; border-radius: 7px; } .call-section-text { font-weight: 900; margin-top: 0px; color: #fff; padding: 13px; background: #f01e1c; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); background: linear-gradient(to right, #e9505b 0%,#103e65 100%); font-size: 15px; margin: 0 0 0 0; color: #fff; border-radius: 5px; box-shadow: -1px 2px 5px rgb(0 0 0 / 70%); position: relative; } .features .col-md-2 { border: 1px solid #e8e8e8; height: 125px; box-shadow: none; border-radius: 5px; padding-top: 15px; margin-right: 15px; margin-left:15px } .features .col-md-2:last-child { border-right: 1px solid #e8e8e8; } .logo-div { width: 60%; padding-left: 0px; } .menu-div { width: 0%; } .book-div { width: 0%; } .m-menu-div { width: 59%; } } .modal { display: none; position: fixed; padding-top: 10px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); margin: 0px; padding: 0px; } /*Mobile view end*/ .scrool-menu { display: none; visibility: hidden; } .mobile-menu { display: none; visibility: hidden; } .smli li { padding: 10px; color:#fff; } #search_popup { width: 100%; height: 100%; background: #161616f2; position: fixed; top: 0; z-index: 133; display: none; } #serach-popup { display: block; background-color: #fd6a6a; /* border: 2px solid #d19e01; */ opacity: 96%; margin: 12% 32%; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); border: 3px solid #FFF; border-radius: 4px; box-shadow: inset 0px 0px 20px 0px #f0f0f0ab; } @media screen and (max-width: 468px) { #serach-popup { display: block; background-color: #fd6a6a; /* border: 2px solid #d19e01; */ opacity: 96%; margin: 12% 0% 0% 1%; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); border: 3px solid #FFF; border-radius: 4px; box-shadow: inset 0px 0px 20px 0px #f0f0f0ab; width: 98%; } .wait-page .return-1 { float: right; width: 35%; display: inline-block; line-height: 20px; font-size: 15px; text-align: center; margin-top: 20px; } } #whychose { display: flex; justify-content: center; } @media screen and (max-width: 468px) { .scrool-menu { display: block; visibility: visible; overflow: auto; width: 100%; scroll-behavior: smooth; padding-top: 20px; } .smli li a { white-space: nowrap; background-color: #edecec; border-color: var(--bui_color_white); padding: 8px; border-radius: 10px; } .scrool-menu-li { display: flex; } .mobile-menu { display: block; visibility: visible; } #scrool-menu::-webkit-scrollbar { width: 0px; display: none; } .header { background-color: transparent; height: 0px; } .login a { background-color: transparent; color: #e9505b; padding: 10px; border-radius: 5px; font-size: 20px; margin-top: -20px; padding-left: 110px; } #whychose { display: contents; justify-content: center; } } @media screen and (max-width: 468px) { .form-control { border: 2px solid rgb(225, 231, 238); border-radius: 3px; height: 45px; background: rgb(255, 255, 255); cursor: pointer; position: relative; box-shadow: 0 2px 2px 1px rgb(64 60 67 / 5%); border-color: rgb(223 225 229 / 90%); }} .contactUsForm{ padding:10px;box-shadow: 0 2px 8px 1px rgb(64 60 67 / 24%); border-color: rgba(223,225,229,0); margin-top: 40px; } @media screen and (max-width: 468px) { .contactUsForm{ padding:10px;box-shadow: none; border-color: rgba(223,225,229,0); margin-top: 300px; } .customer-review { width: 100%; height: 36px; background: linear-gradient(to right, #d24e5c 0%,#103e65 100%); color: #fff; padding: 8px 62px 0 0; margin-right: 2px; font-size: 16px; text-align: center; margin-bottom: 30px; } } @media screen and (max-width: 468px) { footer .lower-footer { background: linear-gradient(to right, #e9505b 0%,#103e65 100%); margin-bottom: 50px; padding: 10px 0; font-family: 'Lato', sans-serif; } .mobile-callwhatsapp { display: block; height: auto; width: 100%; padding: 0px; bottom: 0px; position: fixed; z-index: 999999; visibility: visible; } .call-footer { width: 47%; text-align: center; font-size: 24px; background: linear-gradient(to right, #e9505b 0%,#103e65 100%); color: #fff; padding: 4px 0px 8px 0px; height: 40px; border-radius: 4px; } .whatsapp-footer { width: 47%; text-align: center; font-size: 24px; background-color: #33d56f; color: #fff; padding: 4px 0px 8px 0px; height: 40px; border-radius: 4px; } /* #logo{ width:50%; }*/ #menu { width: 50%; } .login-button { padding-top: 0px; font-size: 13px; font-weight: 700; padding-left: 0px; } .multi-city { font-size: 20px; padding-left: 1px; } .search_container .radio-full .radio-inline [type="radio"]:checked + label, .search_container .radio-full .radio-inline [type="radio"]:not(:checked) + label { font-weight: normal; position: relative; padding-left: 25px; cursor: pointer; line-height: 20px; display: inline-block; color: #fff; font-weight: 500; } .multicity-text { color: red; font-weight: 700; font-size: 18px; } .chat-popup2 { display: none; width: 91%; /* position: relative; */ /* position: absolute; */ z-index: 9; float: left; background: #fff; color: #999; border-radius: 5px; box-shadow: 0px 2px 3px 0px #999; border: 1px solid #eee; height: auto; padding: 15px; height: auto; } }