@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: 18px !important; font-family: 'Open Sans', sans-serif !important; letter-spacing: 0.4px; word-spacing: 1px; background: #e6e6e6 !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; display: none;} .im-responsive{width:100%; height:auto;} .padding0 {margin-left: -5px !important; margin-right: -5px !important;} /* .padding0>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;} .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*/ /*01 BANNER START */ .banner-full{width:100%; float:left; padding:0 0 0px 0; background:url(../images/banner/slider1.html) no-repeat center fixed; background-size:cover; } .banner-full.home{width:100%; float:left; padding:0; background:url(../images/banner/home-slider9.html) no-repeat center; background-size:cover;} .banner-full.flight-pg{width:100%; float:left; padding:0 0 0px 0; background:url(../images/banner/slider2.html) no-repeat center;} .banner-full.hotel-pg{width:100%; float:left; padding:0 0 0px 0; background:url(../images/banner/slider3.html) no-repeat center;} .banner-full.cars-pg{width:100%; float:left; padding:0 0 0px 0; background:url(../images/banner/slider4.html) no-repeat center; background-size:cover;} .breadcrumbs {padding: 80px 0;background-position-y: 50%;position: relative;z-index: 1;} .breadcrumbs h2 {margin: 0;text-align: center;margin: 20px;} .breadcrumbs h2>span {color: #fff;font-weight: 600;line-height: 40px;font-size: 60px !important;letter-spacing: 2px;} .breadcrumbs-item a, .breadcrumbs-item i{ display: none} /* 10 OTHERS */ .text-heading {font-size: 22px; font-weight: 600;} .alert{color:#ce2b2b;font-weight:700} .modalBackground {background-color: Black;filter: alpha(opacity=90);opacity: 0.8;} .modalPopup {background-color: #FFFFFF;border-width: 3px;border-style: solid;border-color: black;padding-top: 10px;padding-left: 10px;width: 300px;height: 170px;} #ContentPlaceHolder1_pnlEnquiry{position: absolute !important; top: 0 !important} .AutoExtender {width:100%;} .dropdown-menu {background: #fff;padding: 10px 10px !important;margin: 8px auto !important;width: 274px !important;color:#333;} .addbtn {width: 30px;float: left !important;background: none;border: 1px solid #ccc !important;line-height: 24px;padding-left: 0 !important;padding-right: 0 !important;} .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;} .flighthoteltab .addbtn, .flighthoteltab .quantity{width:33.33%;} .flighthoteltransfertab .addbtn, .flighthoteltransfertab .quantity{width:33.33%;} /* 25 AUTOEXTENDER */ .advance-search .AutoExtender{width:100% !important;} .AutoExtender {font-size: 14px; border: solid 1px #ffc107; padding: 0; background-color: #fff; max-height: 280px; width:auto; overflow: hidden; padding: 5px; line-height: 23px;} .divExtender {overflow-x: hidden; overflow-y: scroll; background-color: #fff; padding: 2px 1px; border: solid 1px #0561aa;} .AutoExtender {font-size: 14px; font-weight: normal; border: solid 1px #0561aa; padding: 0; background-color: #fff; overflow: hidden;} .AutoExtenderList {border-bottom: 1px solid #666666; cursor: pointer; color: #222; padding: 8px 0 8px 5px; line-height: 16px;} .AutoExtenderHighlight {color: #fff; cursor: pointer; border: 0; padding: 8px 0 8px 5px; line-height: 16px; background: #666666;} /* 26 PAGER */ .PagerContainerTable{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;overflow: hidden;font-size: 12px;-webkit-border-radius: 0;border-radius: 0;} .PagerInfoCell{font-size:11px;color:#FFFFFF;padding:5px 9px;margin-right:4px;display:inline-block;background: #426FBF;border:solid 1px #32373b;border-radius:3px;text-shadow:0 1px 0 #181818} .PagerInfoCell:link{text-decoration:none} .PagerInfoCell:visited{text-decoration:none} .PagerCurrentPageCell{width:32px;text-align:center;border:none;background:#426FBF;margin:0 5px 0 0;border-radius:10%;text-shadow:0px 1px 0px #181818} .PagerOtherPageCells{width:32px;text-align:center;font-size:11px;color:#FFFFFF;padding:5px 9px;margin:0 3px 5px 3px;display:inline-block;background:#4d4d4d;border:solid 1px #32373b;border-radius:10%;} .PagerSSCCells{} .PagerHyperlinkStyle{width:20px;text-align:center;color:#FFF;cursor:pointer} .PagerHyperlinkStyle:hover{text-decoration:none; color:#fff;} .PagerHyperlinkStyle:link{text-decoration:none;width:20px;text-align:center; color:#fff; } .PagerHyperlinkStyle:visited{text-decoration:none; color:#fff;} .PagerHyperlinkStyle:active{text-decoration:none; color:#fff;} /* 27 PROGRESS */ .popup_block{border:0 solid #212121;float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); padding:15px 5px;position:fixed; top:20%; width:auto; z-index:10000} .popup_block .progress{background-color:#FFFFFF; width:320px; height: 290px;margin:0 auto;padding:10px;text-align:center;overflow:hidden;border:4px solid #CCCCCC;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px} .popup_block .progress h1{width:100%;text-align:center;font-family:Trebuchet MS;font-size:22px;padding-bottom:5px;font-weight:bold} .popup_block .progress img{text-align:center;margin:0 auto} .popup_block .progress h2{width:100%;text-align:center;font-family:Trebuchet MS;font-size:12px;color:#212121; font-weight:bold} .popup_block .progress h3{width:100%;text-align:center;font-family:Trebuchet MS; font-size:11px !important; color:#747474 !important; font-weight:bold; margin-top:0px !important;} #OuterOverlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1100} #InnerOverlay{background:none repeat scroll 0 0 #000000;height:100%;left:0;filter:alpha(opacity = 80);opacity:0.8;position:fixed;width:100%;z-index:9999;top: 0px;} /* About us */ .about-us section{padding: 50px 0;} .about-us section{padding: 50px 0;} .about-us section p{font-size: 14px; line-height: 1.6em; text-align: justify;} .about-us section h2{margin: 0; padding-bottom: 10px; font-weight: 600;} .about-us .about-title h3{font-size: 20px; font-weight: 600;} .about-us .about-title .mt40 p{font-size: 14px; max-width: 90%; margin:0 auto; text-align: center; } .about-us .about-title {text-align: center;} .about-us .about-title p{max-width: 900px; margin: 0 auto 30px;} .about-us .Ourphilosophy p{max-width: 900px; margin: 0 auto 30px;} .about-us .about-title .icon-img{margin: 20px auto; height: 100px; width: 100px; border-radius: 50%; border: 1px solid #333; padding-top: 28px;} /* FLIGHT PROGRESS START */ .popup_block.popup-outer{float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);} .popup_block .progress.flight-popup{width:500px; height:auto !important; background:transparent !important; border-color:transparent !important; border:0px !important; box-shadow:none !important; } .popup_block .progress.flight-popup .header{width:100%; float:left;} .popup_block .progress.flight-popup .header .onle-half{width:50%; float:left;} .popup_block .progress.flight-popup .header .onle-half .im-res{width:100%; height:auto;} .popup_block .progress.flight-popup .header .onle-half .im-auot{width:auto; height:auto;} .popup_block .progress.flight-popup .header .line{width:100%; height:5px; float:left; background:#1a2a4b; margin:10px 0; position:relative;} .popup_block .progress.flight-popup .header .line:before{content:""; position:absolute; width:25%; height:5px; background:#ffcb01; left:0px;} .popup_block .progress.flight-popup .header .line:after{content:url(../images/icon/plane-icon.html); position:absolute; left:23%; top:-7px;} .popupdiv .progress.flight-popup .header2{background: linear-gradient(to right, #fd4d4f, #3158db) !important;} .popup_block .progress.flight-popup .header2{width:100%; float:left; padding:10px 10px;} .popup_block .progress.flight-popup .header2 h3{width: 100%; float: left; font-size:18px !important; color:#1a2a4b !important; text-align:center; font-weight:600; margin:0px;} .popup_block .progress.flight-popup .header2 p{width: 100%; float: left; font-size:10px; color:#1a2a4b; text-align:center; font-weight:normal; margin:0px;} .popup_block .progress.flight-popup .detail{width:100%; float:left; background:#1a2a4b; color:#fff;} .popup_block .progress.flight-popup .detail{background:#565656 !important; } .popup_block .progress.flight-popup .detail .city-full{width:100%; float:left; padding:5px 0px; margin:5px 0; } .popup_block .progress.flight-popup .detail .city-full i{color:#ffcb01;} .popup_block .progress.flight-popup .detail .city-full .city{width:100%; float:left; color:#fff; font-size:12px; padding:0px; margin-bottom:0px;} .popup_block .progress.flight-popup .detail .city-full .city2{width:100%; float:left; color:#fff; font-size:16px; padding:0px; margin-bottom:0px; font-weight:600;} .popup_block .progress.flight-popup .detail .city-full p{margin-bottom:0px;} .popup_block .progress.flight-popup .detail .info-full{width:100%; float:left; padding:10px 10px; margin:5px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;} .popup_block .progress.flight-popup .detail .info-full .head{width:100%; float:left; color:#ffcb01; font-size:12px; padding:0px; margin-bottom:0px;} .popup_block .progress.flight-popup .detail .info-full .text{width:100%; float:left; color:#fff; font-size:12px; padding:0px; margin-bottom:0px;} .popupdiv .progress.flight-popup .detail .call-assistance{background: #3158db;} .popup_block .progress.flight-popup .detail .call{width:100%; float:left; color:#ffcb01; font-size:14px; font-weight:600; margin-bottom:0px; border-top:1px solid #ccc; padding-top:10px;} .popup_block .progress.flight-popup .detail .call-number{width:100%; float:left; color:#fff; font-size:20px;} .popup_block .progress.flight-popup .footer-logo{width:100%; float:left; text-align:center; margin-top:5px;} .popup_block .progress.flight-popup .detail .gif-full{width:80%; margin:0 auto;} .popup_block .progress.flight-popup .detail .gif-full .gif{width:100%; float:left; margin:10px 0; } .popup_block .progress.flight-popup .detail .gif-full .gif img{width:100%; height:auto;} .popup_block .progress.flight-popup .detail .gif-ful1{width:100%; margin:0 auto; } .popup_block .progress.flight-popup .detail .gif-full1 .gif{width:100%; float:left; margin:10px 0;} .popup_block .progress.flight-popup .detail .gif-full1 .gif img{width:auto; height:auto;} /* HOTEL PROGRESS START */ .popupdiv .progress.flight-popup .detail{background:#fff !important;} .popupdiv .progress.flight-popup .detail .gif-full.hotel-popup{background:#fff;} .popup_block .progress.flight-popup .detail .gif-full.hotel-popup{width:95%; margin:0 auto;} .popup_block .progress.flight-popup .detail .gif-full.hotel-popup .gif{width:100%; float:left; margin:10px 0; } .popup_block .progress.flight-popup .detail .gif-full.hotel-popup .gif img{width:100%; height:auto;} /* COMMON PROGRESS START */ .popup_block .progress.flight-popup.common-p{width:440px; height:auto !important; background:transparent !important; border-color:transparent !important; border:0px !important; box-shadow:none !important; } .popup_block .progress.flight-popup .header2 h3{width: 100%; float: left; font-size:24px !important; color:#fff !important; text-align:center; font-weight:600; margin:0px;} .popup_block .progress.flight-popup .header2 p{width: 100%; float: left; font-size:14px; color:#1a2a4b; text-align:center; font-weight:normal; margin:0px;} .popup_block .progress.flight-popup .detail .gif-full.common-popup{width:20%; margin:0 auto;} .popup_block .progress.flight-popup .detail .gif-full.common-popup .gif{width:100%; float:left; margin:10px 0; } .popup_block .progress.flight-popup .detail .gif-full.common-popup .gif img{width:100%; height:auto;} .popup_block .progress.flight-popup .detail .not-refresh{width:100%; float:left; text-align:center; font-size:10px; color:#868080;} /* BOOKING PROGRESS START */ .popup_block .progress.booking-popup{width:400px; height:auto !important; background:transparent !important; border-color:transparent !important; border:0px !important; box-shadow:none !important; } .popup_block .progress.booking-popup .header{width:100%; float:left;} .popup_block .progress.booking-popup .header .text1{ width:100%; float:left; font-size:12px; text-align:center; margin:0px; color:#fff;} .popup_block .progress.booking-popup .detail{width:100%; float:left; background:#fff; border:1px solid #ccc; color:#333; border-radius:10px; margin-top:10px;} .popup_block .progress.booking-popup .detail .heading{width:100%; float:left; text-align:center; color:#333; font-size:20px; padding:0px; margin-bottom:0px; margin-top:10px;} .popup_block .progress.booking-popup .detail .line{width:100%; height:1px; float:left; background:#ccc; margin:20px 0;} .popup_block .progress.booking-popup .detail .list{width:100%; float:left; text-align:left; color:#333; font-size:14px; padding:0px 20px; margin-bottom:10px;} .popup_block .progress.booking-popup .detail .list i{color:#00a5ea; margin-right:5px;} .popup_block .progress.booking-popup .footer-logo{width:100%; float:left; text-align:center;} .popup_block .progress.booking-popup .footer-logo .list{width:100%; float:left; text-align:center; color:#fff; font-size:14px; padding:0px; margin:10px 0;} @media only screen and (min-width: 320px) and (max-width: 767px) { .popup_block .progress.flight-popup{width:auto;} .popup_block .progress.flight-popup.common-p{width:auto;} .popup_block .progress.booking-popup{width:auto;} .popup_block.popup-outer{float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);} .popup_block .progress.flight-popup .header2 h3 {font-size:18px !important; } .progress.flight-popup .header2 p {font-size: 12px;} .popup_block .progress.flight-popup .header2 p{font-size: 12px;} } @media only screen and (min-width:768px) and (max-width:991px) { .popup_block.popup-outer{float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);} } @media only screen and (min-width:992px) and (max-width:1199px) { .popup_block.popup-outer{float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);} } @media only screen and (min-width:1200px) and (max-width:1366px) { .popup_block.popup-outer{float:left; left:50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);} } /* CONTAINER */ /*.container-full{width:100%; float:left; background:#e8ffff; }*/ /* ADVANCE SEARCH PANEL */ .container-full .flight-result{width:100%; float:left; } .container-full .advance-search{width:100%; float:left; margin-top:8px; margin-bottom:10px; background:transparent !important; } .container-full .advance-search .adserch-left-panel{width:90%; float:left; background:#c1f1f4; border:1px solid #71a7c4; padding:10px 10px;} .container-full .advance-search .adserch-left-panel .tab-panel{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .city{width:30%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .date{width:20%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .date-last{padding:0;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller{width:20%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult {width: 33.3333%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .label-text{ width:100%; font-weight:bold; text-align:left; color:#16528e;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box{width:100%; height:34px; background:#fff; float:left; border:1px solid #ccc; border-radius:5px; /*overflow:hidden;*/} .container-full .advance-search .adserch-left-panel .tab-panel .traveller select.form-control{border:0px; border-radius:0px; padding-left:15px !important;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group{margin-bottom:0px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group label{margin-bottom:0px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult select.form-control:focus{box-shadow:none;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box .main-pax{width:100%; margin:5px 0 0 5px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box.fligth-result-select-box .main-pax{margin:5px 0 0 5px; font-weight:normal;} .container-full .advance-search .adserch-left-panel .tab-panel .class{width:14%; float:left;} /*New Flight City,date,Traveller,Class*/ .container-full .advance-search .adserch-left-panel .tab-panel .flightclass{width:45%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .flightcity{width:35%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flightdate{width:20%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller{width:55%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .adult {width: 33.3333%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .label-text{ width:100%; font-weight:bold; text-align:left; color:#16528e;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .select-box{width:100%; height:34px; background:#fff; float:left; border:1px solid #ccc; border-radius:5px; /*overflow:hidden;*/} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller select.form-control{border:0px; border-radius:0px; padding-left:15px !important;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .form-group{margin-bottom:0px;} .container-full .advance-search .adserch-left-panel .tab-panel .flightflighttraveller .form-group label{margin-bottom:0px;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .adult select.form-control:focus{box-shadow:none;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .select-box .main-pax{width:100%; margin:5px 0 0 5px;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .select-box.fligth-result-select-box .main-pax{margin:5px 0 0 5px; font-weight:normal;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller .select-box.fligth-result-select-box .main-pax {font-size: 12px;} .container-full .advance-search .adserch-left-panel .form-group{width:100%; float:left; margin-bottom:5px;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative{position:relative; width:100%; float:left; font-weight:normal; color:#fff;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative label{ width:100%; font-weight:bold; text-align:left; color:#16528e;} .container-full .advance-search .adserch-left-panel .form-group span{position:absolute; font-size:16px; color:#11aaf6; bottom:0px; left:5px; line-height:34px; } .container-full .advance-search .adserch-left-panel .form-group span img{width:10px;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control{padding-right:initial; height:34px; padding:0 10px; padding-left:25px;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control::placeholder{color:#16528e;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative.left-icon span.left{position:absolute; width:20px; font-size:16px; color:#c0257c; bottom:0px; left:5px; line-height:34px; } .container-full .advance-search .adserch-left-panel .form-group label.position-relative.left-icon input{padding-right:initial; padding-left:25px;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative select{height:34px; width:100%; float:left; line-height:28px;} .container-full .advance-search .adserch-left-panel .radio-full{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .radio-full .radio{float:left; margin:0px 10px 0 0;} .container-full .advance-search .adserch-left-panel .radio-full .radio label.active{font-weight:600;} .container-full .advance-search .adserch-left-panel .radio-full .radio label{width:auto; float:left; color:#fff; font-size:16px;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked, .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label, .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #16528e;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label.active{font-weight:bold;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:before, .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:after, .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #d3302c; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .container-full .advance-search .adserch-left-panel .radio-full .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full{float:left;} .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner{float:left; font-size:16px; margin-right:10px; color:#16528e; font-weight:normal;} .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner input{margin-right:5px; } .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner label{font-weight:normal; margin-bottom:0px;} .container-full .advance-search .adserch-modify-btn-outer{width:10%; float:left; padding-left:5px;} .container-full .advance-search .adserch-modify-btn{width:100%; height:111px; float:left; text-align:center; background:#16528e !important; border:0px; outline:none; color:#fff; border-radius:5px;} .container-full .advance-search .adserch-modify-btn .text1{width:100%; float:left; text-align:center; margin-top:30px; font-size:20px; font-weight:600;} .container-full .advance-search .adserch-modify-btn .text2{width:100%; float:left; text-align:center; font-size:16px; margin-top:-5px;} /*--HOTEL-RESULT*/ .container-full .hotel-result-pg-new .advance-search .form-group span:before{display: none} .container-full .hotel-result-pg-new .advance-search label{margin-top: 0!important; margin-bottom:5px !important; font-weight: 600!important;} .container-full .hotel-result-pg-new .advance-search .adserch-left-panel .form-group label.position-relative .form-control{margin:0; border-radius:4px;} .container-full .hotel-result-pg-new .advance-search input[type="submit"]{margin: 0;} .container-full .hotel-result-pg-new .advance-search{padding:0;} /* FILTER PANEL */ .container-full .filter-panel{width:25%; float:left;border: 1px solid #71a7c4; margin-bottom:30px; margin-top: 10px;} .container-full .filter-panel .header{width:100%; float:left; background:#16528e; color:#fff; padding:10px 10px;} .container-full .filter-panel .header span i{float:right;} .container-full .filter-panel .content{width:100%; float:left; padding:0 10px;} .container-full .filter-panel .content h3{width:100%; float:left; color:#16528e; font-size:24px; padding-bottom:20px; border-bottom:1px solid #16528e;} .container-full .filter-panel .content .price{width:100%; float:left; font-size:16px; font-weight:bold; color:#16528e; margin-top:10px;} .container-full .filter-panel .content .checkbox-full label{width:100%;} .container-full .filter-panel .content .checkbox-full label span{margin-top:-5px;} .container-full .filter-panel .content .checkbox-full label input[type="checkbox"]{display:none;} .container-full .filter-panel .content .checkbox-full label input[type="checkbox"] ~ i.fa.fa-square-o{color: #16528e; display: inline;} .container-full .filter-panel .content .checkbox-full label input[type="checkbox"] ~ i.fa.fa-check-square-o{display: none;} .container-full .filter-panel .content .checkbox-full label input[type="checkbox"]:checked ~ i.fa.fa-square-o{display: none;} .container-full .filter-panel .content .checkbox-full label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{color: #16528e; display: inline;} .container-full .filter-panel .content .checkbox-full label:hover input[type="checkbox"] ~ i.fa {color: #16528e;} .container-full .filter-panel .content .checkbox-full label.active{color: #16528e;} .container-full .filter-panel .content .checkbox-full label {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 2em; text-align: left; white-space: inherit; vertical-align: top; cursor: pointer; background-color: none; border: 0px solid #c8c8c8; border-radius: 3px; color: #16528e; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .container-full .filter-panel .content .checkbox-full label:hover {color: #16528e;} .container-full .filter-panel .content .checkbox-full label:active, .container-full .filter-panel .content .checkbox-full label.active {-webkit-box-shadow: none; box-shadow: none;} .container-full .filter-panel .content .checkbox-full label{padding:5px 0px; width:100%; float:left;} .container-full .filter-panel .content .checkbox-full label i{float:left;} .container-full .filter-panel .content .checkbox-full label i.fa-2x{font-size:24px !important;} .container-full .filter-panel .content .checkbox-full label span{float:left; padding-left:10px; margin-top:-2px; width:89%;} .container-full .filter-panel .content .ul-departure-time{width:100%; float:left; list-style:none; margin-top:20px;} .container-full .filter-panel .content .ul-departure-time li{display:inline-block; padding:5px 0; border:1px solid #16528e; background:#fff; color:#16528e; cursor:pointer;} .container-full .filter-panel .content .ul-departure-time li span{width:100%; float:left; text-align:center; font-size:11px; } .container-full .filter-panel .content .ul-departure-time li.active{background:#16528e; color:#fff;} .filter {border:0px solid #ccc; float: left; width: 100%; padding: 10px; margin-top:0px;} .filter .reset {width: 100%;float: right; text-align: right; font-size: 10px; color:#3399cc; padding: 10px 0;} .filter .accordianfilter {width: 100%; float: left;} .filter ul.starrating, .filter ul.services {width: 100%; list-style: none; float: left;} .filter ul.starrating span img{ width:auto !important; height:auto;} .filter ul.starrating li, .filter ul.services li {display: inline-block; float: left; width: 100%; padding-top: 8px;} .filter ul.starrating li input[type=checkbox], .filter ul.services li input[type=checkbox] {margin-top: 3px; margin-right: 5px; float: left;} .filter ul.starrating li i {color: #333;} .filter .starrating img{width:100px; height:15px;} .filter ul.services span {margin-left: -5px; font-weight:normal !important;} /* COMMON CSS */ .filter-panel-btn{ background:#16528e; width:100%; float:left; color:#fff; cursor:pointer; padding:5px 15px; margin-bottom:5px;} .filter-panel-btn span i{transition:0.3s; -webkit-transition:0.3s;} .collapse.filter-panel{display:block;} .advance-search-btn{ background:#16528e; margin-top: 20px; width:100%; float:left; color:#fff; cursor:pointer; padding:5px 15px; margin-bottom:5px;} .advance-search-btn span i{transition:0.3s; -webkit-transition:0.3s;} @media (min-width:768px){ .filter-panel-btn{ display:none;} .advance-search-btn{ display:none;} .container-full .advance-search{display: block;} } @media (max-width:767px) { .filter-panel-btn span{float:right;} .filter-panel-btn[aria-expanded="true"] span i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .advance-search-btn span{float:right;} .advance-search-btn[aria-expanded="true"] span i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .filter-panel.collapse{display:none;} .filter-panel.collapse.in{display: block;} } .advance-search-full-btn{ background:#ff5b02; width:100%; float:left; color:#fff; cursor:pointer; padding:5px 15px;} .advance-search-full-btn span i{transition:0.3s; -webkit-transition:0.3s;} @media (min-width:768px){ .advance-search-full-btn{ display:none;} .collapse.advance-search-full{display:block;} } @media (max-width:767px) { .top-stip-icon{display:none;} .advance-search-full-btn[aria-expanded="true"] span i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .flight-results .results .row.header.mt30{margin-top:10px !important;} } /* 12 ACCORDIAN CSS */ .panel-default > .panel-heading { color: #333; background-color: none; border-color: none; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .panel-default > .panel-heading a {display: block; padding: 10px 15px;} .panel-default > .panel-heading a:after {content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;} .panel-default > .panel-heading a[aria-expanded="true"] { background-color: none;} .panel-default > .panel-heading a[aria-expanded="true"]:after {content: "\2212"; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .panel-default > .panel-heading a[aria-expanded="false"]:after {content: "\002b"; transform: rotate(90deg); -webkit-transform: rotate(90deg);} .accordion-option {width: 100%; float: left; clear: both; margin: 15px 0;} .accordion-option .title {font-size: 20px; font-weight: bold; float: left; padding: 0; margin: 0;} .accordion-option .toggle-accordion {float: right; font-size: 16px; color: #6a6c6f;} .accordion-option .toggle-accordion:before {content: "Expand All";} .accordion-option .toggle-accordion.active:before {content: "Collapse All";} .filter .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: 0px solid #ddd;} .filter .panel {margin-bottom: 20px; background-color: transparent !important; border: 0px solid transparent !important; border-radius: 4px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05); border-bottom: 0px solid #999999 !important; border-radius: 0px !important;} .filter .panel:last-child {border-bottom: 0px !important;} .filter .panel-default > .panel-heading a {display: block; padding: 10px 0px; font-size:20px; font-weight: 600; color:#16528e; border-bottom:1px solid #16528e;} .filter .panel-body {padding: 15px 0px;} .filter .panel-default > .panel-heading {color: #333; background-color: transparent !important; border-color: transparent !important;} .accordianfilter .panel-group {margin-bottom: 0px;} .filter .panel-default label{width:100%; font-weight:normal;} .filter .panel-default .panel-body .starrating label{margin-left:0px;} /*FLIGHT RESULT PANEL */ .container-full .flight-result .result-panel{width:75%; float:left; padding-left:6px;} .container-full .flight-result .result-panel .result-panel-header{width:100%; float:left; margin-top:10px; margin-bottom: 10px; padding:0 0px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner{width:100%; float:left;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{width:25%; float:left;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2{width:50%; float:left;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{width:25%; float:left;} .container-full .flight-result .result-panel .result-panel-header .found-flight{font-weight: normal; font-size: 14px; padding-left:15px; font-weight:bold; color: #484848; color:#d93832 ; margin-bottom:0px; } .container-full .flight-result .result-panel .result-panel-header .return-flight{float:left; color:#333; font-size:14px; padding-left:15px;} .container-full .flight-result .result-panel .result-panel-header .travel-detail{font-weight: normal; font-size: 14px; text-align:right; margin-bottom:0px; color: #484848;} .container-full .flight-result .result-panel .result-panel-header .travel-info{font-weight: normal; font-size: 14px; float:right; margin-bottom:0px; } .container-full .flight-result .result-panel .result-panel-header .travel-info .icon{float:left; width:13px; margin-right:1px; margin-top:-2px;} .container-full .flight-result .result-panel .result-panel-header .travel-info .icon img{width:100%; height:auto;} .container-full .flight-result .result-panel .result-panel-header .travel-info .number{float:left; margin-right:5px;} .container-full .flight-result .result-panel .result-panel-header span:last-child{margin-right:0 !important;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1{width:40%; float:left; text-align:center;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2{width:20%; float:left; text-align:center;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{width:40%; float:left; text-align:center;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .city-name{width:100%; float:left; text-align:center; color: #0561aa; font-size:14px; font-weight:600;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .date{width:100%; float:left; text-align:center; color:#333; margin-top:-3px; font-size:16px; font-weight:600;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .day{width:100%; float:left; text-align:center; color: #333; font-size:14px; font-weight:normal;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon1{width:100%; float:left; text-align:center; float:left; margin-top:15px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon2{width:100%; float:left; text-align:center; float:left;} /* FLIGHT CONFIRMATION PAGE */ .hotel-confirmation .header {width: 100%; float: left;} .hotel-confirmation .header p {width: 100%; float: left; font-size: 16px;color: #666;} .hotel-confirmation .header p span {color: #ff5454; font-weight: bold;} .hotel-confirmation .header .status {width: 100%; float: left; font-size: 30px; color: #ff5454; font-weight: bold;} .hotel-confirmation .header .thanks {width: 100%; float: left; font-size: 24px; color: #666; font-weight: 600} .flight-confirmation .confirmation-detail .row1 p {margin: 0 0 0px !important;} .flight-confirmation .confirmation-detail .row2 {margin-top: 20px;} .flight-confirmation .confirmation-detail .row2 p {width: 100%; float: left; font-size: 16px; font-weight: bold; text-align: left; color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .roomtype p {width: 100%; float: left; font-size:14px !important; font-weight: normal !important; text-align: left; color:#333 !important;} .flight-confirmation .confirmation-detail .row2 .departure {border: 1px solid #ccc; float: left; padding: 10px; width: 100%; margin-top: 10px;} .flight-confirmation .confirmation-detail .row2 .departure p {color: #000 !important; width: 100%; float: left; font-size: 14px; text-align: left; font-weight: bold;} .flight-confirmation .confirmation-detail .row2 .departure .hour {color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .departure .iconimg {width: 35px; float: left; margin-right: 4%; margin-top: 12px;} .flight-confirmation .confirmation-detail .row2 .departure .class {width: 70%; float: left;} .flight-confirmation .confirmation-detail .row2 .departure.class p {margin-top: 55px;} .flight-confirmation .confirmation-detail .row2 .departure label {color: #666; width: 100%; float: left; font-size: 13px; text-align: left; font-weight: 600; margin-bottom: 0px;} .flight-confirmation .confirmation-detail .row2 .departure .hour {color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .departure span {color: #666; width: 100%; float: left; font-size: 13px; text-align: center;} .flight-confirmation .confirmation-detail .row2 .departure span.depart {font-size: 13px; color: #666;} .flight-confirmation .confirmation-detail .row2 .departure span.time {font-size: 14px; color: #000; font-weight: 600;} .flight-confirmation .confirmation-detail .row2 .departure span.date {font-size: 13px; color: #333;} .flight-confirmation .confirmation-detail .row2 .departure span.location {font-size: 11px; color: #333;} .flight-confirmation .confirmation-detail .row2 .departure span.icon { font-size: 26px; color: #666;} .flight-confirmation .confirmation-detail .row2 .departure span.iconhour {font-size: 14px; color: #666; font-weight: bold;} .flight-confirmation .confirmation-detail .row2 .departure .fare {color: #ff5454; font-size: 16px; font-weight: 600;} .flight-confirmation .confirmation-detail .row2 .departure .farebaggage {color: #666; font-size: 16px; font-weight: 600;} .hotel-confirmation .confirmation-detail {width: 100%; float: left; border: 1px solid #ccc; padding: 10px;} .hotel-confirmation .confirmation-detail .row1 {width: 100%; float: left;} .hotel-confirmation .confirmation-detail .row2 {width: 100%; float: left; border: 1px solid #ccc; padding: 10px;} .hotel-confirmation .confirmation-detail .row3 {width: 100%; float: left; border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row1 .hoteldetail {float: left; text-align: left; font-size: 16px; color: #ff5454; font-weight: bold;} .hotel-confirmation .confirmation-detail .row1 .hoteldetail i {color: #000; padding-right: 5px;} .hotel-confirmation .confirmation-detail .date {float: right; text-align: right; font-size: 16px; color: #999;} .hotel-confirmation .confirmation-detail .row2 img {width: 100%; height: auto;} .hotel-confirmation .confirmation-detail .row2 .hotelname {width: 100%; float: left; text-align: left; font-size: 17px; color: #000; font-weight: bold; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .address {width: 100%; float: left; text-align: left; font-size: 16px; color: #000; font-weight: normal; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .rating {color: #365cbe; font-size: 14px; padding-left: 0px;} .hotel-confirmation .confirmation-detail .row2 .checkin {width: 100%; float: left; font-size: 12px; color: #333; font-weight: 600; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .checkin span {font-size: 12px; padding-left: 30px; color: #333; font-weight: bold; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .roomtype {width: 100%; float: left; border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row2 p {margin: 0 0 0px;} .hotel-confirmation .confirmation-detail .row2 .totalroom {width: 100%; float: left; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row3 .guestname {float: left; text-align: left; font-size: 16px; color: #333; font-weight: bold;} .hotel-confirmation .confirmation-detail .row3 ul {list-style: none; float: left; width: 100%;} .hotel-confirmation .confirmation-detail .row3 ul li { display: inline-block; width: 100%; float: left; text-align: left; font-size: 18px; color: #000; font-weight: 600; padding: 2px 0;} .hotel-confirmation .confirmation-detail .row3 ul li i {text-align: left; padding: 0 20px; font-size: 18px; color: #000; font-weight: 600;} .hotel-confirmation .confirmation-detail .row3 ul li span {text-align: left; float: right; width: 50%; padding-left: 20px; font-size: 14px; color: #666; font-weight: 600;} .hotel-confirmation .confirmation-detail .row3 ul.contact {list-style: none; float: left; width: 100%;} .hotel-confirmation .confirmation-detail .row3 ul.contact li {display: inline-block; width: 100%; float: left; text-align: left; font-size: 16px; color: #333; font-weight: 600; padding: 2px 0;} .hotel-confirmation .confirmation-detail .row3 ul.contact li span {text-align: left; float: right; width: 70%; padding-left: 0px; font-size: 16px; color: #333; font-weight: bold;} .hotel-confirmation .confirmation-detail .row3 .price {/*float: right;*/ text-align: right; font-size: 26px; color: #333; font-weight: normal; padding-right: 30px;} .hotel-confirmation .confirmation-detail .row3 .price span {float: right; text-align: right; font-size: 30px; color: #333; font-weight: bold; padding-left: 5px;} .hotel-confirmation .confirmation-detail .footer {padding: 30px 0; width: 100%; float: left; background:none;} .hotel-confirmation .confirmation-detail .footer .info {width: 100%; text-align: right; font-size: 16px; color: #666; font-weight: normal; margin: 15px 0 0px 0;} .hotel-confirmation .confirmation-detail .footer .info a {text-decoration: none; color: #666;} .hotel-confirmation .confirmation-detail .footer .info a:focus {text-decoration: none; color: #666;} .hotel-confirmation .confirmation-detail .footer .print {width: auto; text-align: right; font-size: 16px; color: #666; font-weight: normal; margin: 10px 10px 0px 0; float: right; padding:0 10px;} .hotel-confirmation .confirmation-detail .footer a:hover, .booking .booking-detail .footer .info a:hover {text-decoration: underline !important;} /* FLEXI RESULT TWO WAY */ .flexi-result-full{width:100%; float:left; border:2px solid #ccc; margin-top:10px; margin-bottom:20px;} .flexi-result-full .header{width:100%; float:left; background:#ff9900; color:#fff; font-size:20px; font-weight:bold; padding:5px 15px;} .flexi-result-full .header .im{width:20px; height:20px; float:left; margin:5px 10px 0 0; } .flexi-result-full .header .im img{width:100%; float:left;} .flexi-result-full .table-widht-full{width:100%; float:left; overflow:initial;} .flexi-result-full .table-widht-full .towway-table{width:100%; float:left; overflow:auto; text-align:center; font-size:12px; margin-bottom:0px; font-weight:600; } .flexi-result-full .table-widht-full .towway-table thead tr th{text-align:center; background:#f7d29b !important;} .flexi-result-full .table-widht-full .towway-table tr td{/*border:1px solid #ccc;*/ width:12.5%; vertical-align:inherit;} .flexi-result-full .table-widht-full .date-heading{text-align:center; background:#f7d29b !important; font-weight:bold;} .flexi-result-full .table-widht-full .inbound{width:100%; float:left; font-size:14px; color:#666;} .flexi-result-full .table-widht-full .inbound i{float:right;} .flexi-result-full .table-widht-full .cheapest .text1{width:100%; float:left; color:#ff5454;} .flexi-result-full .table-widht-full .cheapest .text2{width:100%; float:left; color:#ff5454;} .flexi-result-full .table-widht-full .towway-table tr th{vertical-align: inherit;} .flexi-result-full .table-widht-full .towway-table tr td .active{font-size:15px; color:#f00; font-weight:bold; border:2px solid #ff9900;} .flexi-result-full .table-widht-full .towway-table tr td .active a{color:#f00;} .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active{font-size:20px; color:#f00; font-weight:bold; border:2px solid #ff9900;} .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active .text1{font-size:12px; font-weight:normal; color:#f00;} .flexi-result-full .table-widht-full .towway-table tr td.cheapest.active .text2{font-size:20px; font-weight:bold; color:#f00;} .flexi-result-full .table-widht-full .towway-table tr th{/*border:1px solid #ccc;*/ width:12.5%;} /*Tooltip*/ /*.tooltip i .fa {margin-top: -20px;}*/ .flexi-result-full .table-widht-full .tooltip {position: relative;} .flexi-result-full .table-widht-full .tooltips{position:relative;} .flexi-result-full .table-widht-full .tooltips .popup {position: absolute; width:180px; z-index:11111; color: #000; background: #fff; display:none; font-size: 10px; padding: 10px; border: 2px solid #ed8323; border-radius: 4px;} .flexi-result-full .table-widht-full .tooltips .popup .im-outer{width:100%; float:left;} .flexi-result-full .table-widht-full .tooltips .popup .im-outer .im{width:100%; float:left;} .flexi-result-full .table-widht-full .tooltips .popup .im-outer .im img{width:50px; float:left; margin-left:35%;} .flexi-result-full .table-widht-full .tooltips .popup .popuptext1{width:100%; float:left; text-align:center;} .flexi-result-full .table-widht-full .tooltips .popup .popuptext1{width:100%; float:left; text-align:center;} .flexi-result-full .table-widht-full .tooltips:hover .popup {display:block; top:-100px; left: 50%; margin-left:-94px;} @media only screen and (min-width: 320px) and (max-width: 767px) { .flexi-result-full .table-widht-full{width:100%; float:left; overflow:auto;} .flexi-result-full .table-widht-full .towway-table{width:600px;} .padding0-topdestination .form-control{margin-bottom: 10px;} .footer2 .about-box a {margin-bottom: 10px;} } /* FLEXI RESULT TWO WAY */ .flexi-result-full2{width:100%; float:left; border: 1px solid #71a7c4; margin-top:10px; margin-bottom:20px; padding:5px;} .flexi-result-full2 .header{width:100%; float:left; background:#ff9900; color:#fff; font-size:20px; font-weight:bold; padding:5px 15px;} .flexi-result-full2 .header .im{width:20px; height:20px; float:left; margin:5px 10px 0 0; } .flexi-result-full2 .header .im img{width:100%; float:left;} .flexi-result-full2 .table-widht-full{width:100%; float:left; overflow:initial;} .flexi-result-full2 .table-widht-full .towway-table{width:100%; float:left; overflow:auto; text-align:center; font-size:12px; margin-bottom:0px; font-weight:600; } .flexi-result-full2 .table-widht-full .towway-table thead tr th{text-align:center; /*background:#f7d29b !important;*/ padding:0px; color:#16528e; background:linear-gradient(#dffcfc , #c1f1f4); background:-webkit-linear-gradient(#dffcfc , #c1f1f4);} .flexi-result-full2 .table-widht-full .towway-table tr td{/*border:1px solid #ccc;*/ width:12.5%; background:#63a8ee; padding:0px; vertical-align:inherit;} .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td{padding:8px;} .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td .tooltips a{color:#fff;} .flexi-result-full2 .table-widht-full .date-heading{text-align:center; background:#aad1e0 !important; font-weight:bold; color:#16528e;} .flexi-result-full2 .table-widht-full .inbound{width:100%; float:left; font-size:13px; color:#666;} .flexi-result-full2 .table-widht-full .inbound i{float:right; color:#16528e;} .flexi-result-full2 .table-widht-full .cheapest .text1{width:100%; float:left; color:#c33;} .flexi-result-full2 .table-widht-full .cheapest .text2{width:100%; float:left; color:#fff;} .flexi-result-full2 .table-widht-full .towway-table tr th{vertical-align: inherit; border-bottom:0px; border-top:0px;} .flexi-result-full2 .table-widht-full .towway-table tr td .active{width:100%; font-size:15px; color:#f00; font-weight:bold; float:left; border:2px solid #ff9900;} .flexi-result-full2 .table-widht-full .towway-table tr td .active a{color:#f00;} .flexi-result-full2 .table-widht-full .towway-table tr td .active .text1{font-weight:normal;} .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active{font-size:20px; color:#f00; font-weight:bold; border:2px solid #ff9900;} .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active .text1{font-size:12px; font-weight:normal; color:#f00;} .flexi-result-full2 .table-widht-full .towway-table tr td.cheapest.active .text2{font-size:20px; font-weight:bold; color:#f00;} .flexi-result-full2 .table-widht-full .towway-table tr th{/*border:1px solid #ccc;*/ width:12.5%;} /*Tooltip*/ /*.tooltip i .fa {margin-top: -20px;}*/ .flexi-result-full2 .table-widht-full .tooltip {position: relative;} .flexi-result-full2 .table-widht-full .tooltips{position:relative;} .flexi-result-full2 .table-widht-full .tooltips .popup {position: absolute; width:180px; z-index:11111; color: #000; background: #fff; display:none; font-size: 10px; padding: 10px; border: 2px solid #ed8323; border-radius: 4px;} .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer{width:100%; float:left;} .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer .im{width:100%; float:left;} .flexi-result-full2 .table-widht-full .tooltips .popup .im-outer .im img{width:50px; float:left; margin-left:35%;} .flexi-result-full2 .table-widht-full .tooltips .popup .popuptext1{width:100%; float:left; text-align:center;} .flexi-result-full2 .table-widht-full .tooltips .popup .popuptext1{width:100%; float:left; text-align:center;} .flexi-result-full2 .table-widht-full .tooltips:hover .popup {display:block; top:-100px; left: 50%; margin-left:-94px;} @media only screen and (min-width: 320px) and (max-width: 767px) { .flexi-result-full2 .table-widht-full{width:100%; float:left; overflow:auto;} .flexi-result-full2 .table-widht-full .towway-table{width:600px;} } .container-full .flight-result .result-panel .service-full-outer{width:100%; float:left;} .container-full .flight-result .result-panel .service-full{width:100%; float:left; background:#c2c2c2; padding:10px 5px 10px 10px;} .container-full .flight-result .result-panel .service-full .service-box1-outer{width:33.33%; float:left; padding-right:5px;} .container-full .flight-result .result-panel .service-full .service-box1{width:100%; float:left; position:relative; border-radius:3px; padding:10px 0 5px 0; border:1px solid #acacac; background:linear-gradient(#eaeaea, #bebebe); background:-webkit-linear-gradient(#eaeaea, #bebebe);} .container-full .flight-result .result-panel .service-full .title{width:100%; float:left; font-size:16px; color:#339933; font-weight:bold; text-align:center; margin-bottom:0px;} .container-full .flight-result .result-panel .service-full .text1{width:100%; float:left; font-size:14px; color:#336600; font-weight:600; text-align:center; margin-bottom:0px;} .container-full .flight-result .result-panel .service-full .im{width:30px; height:30px; position:absolute; top:15px; left:10px;} .container-full .flight-result .result-panel .service-full .im img{width:100%; float:left;} .container-full .flight-result .result-panel .service-full .service-box2 .title{color:#c26e0b;} .container-full .flight-result .result-panel .service-full .service-box2 .text1{color:#999900;} .container-full .flight-result .result-panel .service-full .service-box3 .title{color:#cc3333;} .container-full .flight-result .result-panel .service-full .service-box3 .text1{color:#cc3333;} .container-full .flight-result .result-panel .result-content{width:100%; float:left; padding:10px 5px 0px 10px; border:1px solid #dddddd; background:#fff; margin-bottom:30px;} .container-full .flight-result .result-panel .result-content .result{width:100%; float:left; border:1px solid #dddddd; padding:10px 0 0 0; margin-bottom:10px;} .container-full .flight-result .result-panel .result-content .result .flight-logo-outer{width:15%; float:left; padding:0 10px;} .container-full .flight-result .result-panel .result-content .result .flight-logo{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-logo img{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail{width:65%; float:left; padding:15px 5px 5px 10px; background:#c1f1f4; border-radius:5px; color:#16528e; } .container-full .flight-result .result-panel .result-content .result .flight-detail .outbond{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail .box1{width:35%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail .box2{width:30%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail .box3{width:35%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail .airport{width:100%; float:left; font-size:14px; margin-bottom:0px; } .container-full .flight-result .result-panel .result-content .result .flight-detail .box1 .airport{padding-left:15%;} .container-full .flight-result .result-panel .result-content .result .flight-detail .duration-full{width:100%; float:left; position:relative;} .container-full .flight-result .result-panel .result-content .result .flight-detail .duration-full .duration{width:85%; float:left; } .container-full .flight-result .result-panel .result-content .result .flight-detail .duration{width:100%; float:left; font-size:18px; font-weight:bold; margin-bottom:0px; padding-left:0px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio{ width:15%; float:left; margin-top:4px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio label{width:auto; float:left; color:#fff; font-size:16px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked, .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label, .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:before, .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:after, .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background:#d3302c; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage{width:100%; float:left; font-size:12px; font-weight:600; text-align:center; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point-outer{width:60%; margin:0 auto;} .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point{width:100%; height:2px; float:left; position:relative; background:#16528e; padding:0px 10px; margin:10px 0; } .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-point:before{position:absolute; content:""; width:10px; height:10px; border-radius:50%; background:#16528e; border:1px solid #16528e; left:50%; margin-left:-5px; top:-4px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-city{width:100%; float:left; font-size:12px; height:17px; font-weight:600; text-align:center; margin-bottom:10px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes{width:100%; float:left; font-size:12px; font-weight:600; text-align:center; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes img{width:16px; height:15px; margin-right:5px;} .container-full .flight-result .result-panel .result-content .result .flight-price-outer{width:20%; float:left; padding:0 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price{width:100%; float:left; background:#e54b4b; border-radius:5px; padding:0 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return{padding:47px 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price .price{width:100%; float:left; text-align:center; font-size:22px; font-weight:bold; color:#fff; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-price .text{width:100%; float:left; text-align:center; font-size:12px; font-weight:normal; color:#fff;} .container-full .flight-result .result-panel .result-content .result .flight-price .book-flight{width:100%; float:left; text-align:center; background:#c1f1f4; color:#16528e; border-radius:5px; font-size:14px; font-weight:bold; margin-bottom:13px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel{width:100%; float:left; background:#ebebeb;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1{width:33.3333%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info{width: 100%; float: left; font-size:14px; color: #333; font-weight: 600; margin-bottom: 0px; padding:5px 10px; cursor: text!important;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown{width:100%; float:left; padding:10px 10px; border-top:1px solid #dddddd; margin-top:20px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box1{width:25%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box2{width:25%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box3{width:10%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box4{width:25%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .box5{width:15%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .title{width:100%; float:left; font-size:16px; font-weight:600; color:#000;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .title2{width:100%; float:left; font-size:16px; font-weight:600; color:#000; } .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .text1{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon{float:left; margin-top:30px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text{width:100%; float:left; font-size:16px; font-weight:normal; color:#333; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon{float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text{float:left; padding-left:20px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full{width:100%; float:left; margin:20px 0;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text{float:left; background:#63a8ee; color:#fff; padding:5px 20px 5px 5px; border-radius:5px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .icon{float:left; padding-right:10px;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown{width:100%; float:right; margin-right:5px;padding-left: 12px;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown .heading{width:100%; float:left; background:#16528e; color:#fff; padding:10px; margin-bottom:0px;word-break: break-all;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table{color:#16528e; border:1px solid #7fa3c3;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table tbody tr{background:#f5ffff;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table thead tr th{background:#eafeff; } .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown table tbody tr:last-child{background:#eafeff; font-weight:bold; } /* FLIGHT BOOKING PAGE */ .flight-booking-pg{width:100%; float:left;} .flight-booking-pg .flight-booking-header{width:100%; float:left; position:relative;} .flight-booking-pg .flight-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .flight-booking-pg .flight-booking-header .ul-loginsignup li{display:inline-block;} .flight-booking-pg .flight-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .flight-booking-pg .flight-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .flight-booking-pg .flight-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .flight-booking-pg .backto-result{padding:5px 10px; float:right; margin-top:15px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .flight-booking-pg .main-booking-content{width:100%; float:left; border-radius:5px; overflow:hidden; border: 0px solid #11aaf6; background:#c1f1f4; padding:20px 20px 0px 20px; margin-top:0px; margin-bottom:30px;} .flight-booking-pg .main-booking-content .booking-field-panel{width:100%; float:left; border-radius:5px; overflow:hidden; margin-bottom:30px; -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;} .flight-booking-pg .main-booking-content .booking-field-panel: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;} .flight-booking-pg .main-booking-content .booking-field-panel .header{width:100%; float:left; background:#f7f7f7; padding:5px 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .flight-booking-pg .main-booking-content .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .header .title .icon img{width:30px; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .flight-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link{float:right; font-size:14px; color:#999; margin-top:4px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s; margin-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content{width:100%; float:left; background:#f5ffff; padding:10px 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .panel-content-inner{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .panel-content-inner + .panel-content-inner{} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:100px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-title{width:100px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .checkbox-inline{ float:left; color:#16528e;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full{margin:10px 0; width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .checkbox span{margin-left: -15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer{width:200px; float:right; -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;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#e54b4b; color:#fff; border-radius:5px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} .pay-now label{ padding: 0; font-size: 16px; font-weight: 600;} .pay-now input{ margin-right: 10px !important;} .pay-now .checkbox label{padding:0} .pay-now{background: #e0fafa; padding:3px 16px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel{ max-height:500px; overflow-y: scroll;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:30%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:10%; float:left; padding-left:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box6{width:15%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box7{width:15%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box8{width:60%; float:left; padding-left:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1 .form-control{padding:0 2px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box5 .form-control{padding:0 2px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .alert-text{width:100%; float:left; font-size:12px; color:#e54b4b; margin-top:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn{float:left; line-height:34px; width:60px; text-align:center; background:#16528e; color:#fff; border:0px; outline:none; border-radius:5px;} .flight-booking-pg .flight-booking-sidebar{width:100%; float:left;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary{width:100%; float:left; background:#006699; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -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;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary: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;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .title{float:left; font-size:16px; color:#fff;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel{width:100%; float:left; position:relative; padding-left:15px; margin-top:15px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon{width:20px; position:absolute; left:0px; top:-3px; color:#fff; font-size:16px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon img{width:100%; height:auto;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content{width:100%; float:left;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .flith-name{width:100%; float:left; font-size:12px; color:#fff;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .date-time{width:100%; float:left; font-size:14px; color:#c1f1f4;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .airport-name{width:100%; float:left; font-size:14px; color:#c1f1f4;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .duration{width:100%; float:left; font-size:12px; color:#fff;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text{width:100%; float:left;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .title{float:left; font-size:12px; color:#c1f1f4;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .info{float:right; text-align:right; font-size:12px; color:#fff;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer{width:100%; float:left; padding:0px 30px 0px 30px; margin-top:15px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer .lash-line{width:100%; height:1px; float:left; border-top:1px dashed #fff; } .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text1{float:left; font-size:14px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel{width:100%; float:left; background:#ebebeb; border-radius:5px; overflow:hidden; margin-top:0px; margin-bottom:30px; -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;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel: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;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .header{width:100%; float:left; background:#006699; color:#fff; font-size:16px; font-weight:600; margin:0px; padding:10px 10px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content{width:100%; float:left; padding:20px 10px 0px 10px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel{width:100%; float:left; background:#f5f5f5; padding:10px 10px; border-radius:5px; position:relative; margin-bottom:20px; -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;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel label{margin-right: 15px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .close-btn{width:15px; height:15px; line-height:15px; border-radius:50%; background:#e54b4b; position:absolute; right:-5px; top:-5px; color:#fff; font-size:12px; text-align:center; cursor:pointer;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .icon{width:40px; position:absolute; left:5px; top:10px; color:#fff; font-size:16px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .icon img{width:100%; height:auto;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .package-content{width:100%; float:left;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .package-content .title{width:100%; float:left; font-size:12px; color:#16528e; font-weight:600;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .package-content .info{width:100%; float:left; font-size:12px; color:#999;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .package-content .price{width:100%; float:right; text-align:right; font-size:12px; color:#999;} .flight-booking-pg .flight-booking-sidebar .flight-booking-item-panel .content .package-panel .package-content .price span{font-weight:600; color:#646464;} .flight-booking-pg .flight-booking-sidebar .pay-btn-outer{width:100%; float:left; background:#e54b4b; border-radius:5px; margin-bottom:30px; -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;} .flight-booking-pg .flight-booking-sidebar .pay-btn-outer: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;} .flight-booking-pg .flight-booking-sidebar .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; color:#fff; } .flight-booking-pg .flight-booking-sidebar .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .flight-booking-pg .flight-booking-sidebar .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .flight-booking-pg .flight-booking-sidebar .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} /*flight-hotel summery*/ .hotel-booking-pg .flight-booking-sidebar{width:100%; float:left;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary{width:100%; float:left; background:#006699; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -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;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary: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;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .title{float:left; font-size:16px; color:#fff;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel{width:100%; float:left; position:relative; padding-left:15px; margin-top:15px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon{width:20px; position:absolute; left:0px; top:-3px; color:#fff; font-size:16px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .icon img{width:100%; height:auto;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content{width:100%; float:left;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .flith-name{width:100%; float:left; font-size:12px; color:#fff;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .date-time{width:100%; float:left; font-size:14px; color:#c1f1f4;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .airport-name{width:100%; float:left; font-size:14px; color:#c1f1f4;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .duration{width:100%; float:left; font-size:12px; color:#fff;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text{width:100%; float:left;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .title{float:left; font-size:12px; color:#c1f1f4;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .flight-panel .content .fare-info-text .info{float:right; text-align:right; font-size:12px; color:#fff;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer{width:100%; float:left; padding:0px 30px 0px 30px; margin-top:15px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .lash-line-outer .lash-line{width:100%; height:1px; float:left; border-top:1px dashed #fff; } .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text1{float:left; font-size:14px;} .hotel-booking-pg .flight-booking-sidebar .flight-booking-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;} .hotel-booking-pg .FH_booking_summary h3 {margin: 0 0 10px;font-size: 18px;font-family: 'Open Sans', sans-serif !important;background: #c0f0f3;padding: 10px;border-radius: 3px;} /* ADD HOTEL PAGE */ .container-full .add-hotel-pg{width:100%; float:left; } .container-full .add-hotel-pg .advance-search .adserch-modify-btn{height:90px;} .container-full .add-hotel-pg .result-panel {width: 75%; float: left; padding-left:10px;min-height:400px;} .container-full .add-hotel-pg .result-panel .skip-continuew{width:100%; float:left; text-align:center; padding:17px 0; font-size:20px; color:#fff; background:#e54b4b; padding-right:80px; position:relative; margin-bottom:10px;} .container-full .add-hotel-pg .result-panel .skip-continuew .click-btn{position:absolute; width:50px; top:10px; right:10px; border-radius:5px; background:#c1f1f4; color:#16528e; font-size:30px; text-align:center;} .container-full .add-hotel-pg .result-panel .skip-continuew .skip1{display:block;} .container-full .add-hotel-pg .result-panel .skip-continuew .skip2{display:none;} .container-full .add-hotel-pg .result-panel .hotel-result-full{width:100%; float:left; border:1px solid #ccc; background:#fff; padding:10px 10px 0px 10px; margin-bottom:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result{width:100%; float:left; border:1px solid #ccc; margin-bottom:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header{width:100%; float:left; background:#16528e; padding:3px 10px 3px 10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel{width:35%; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .right-panel{width:65%; float:left; margin-top:5px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .text1{float:left; font-size:20px; color:#fff;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .star-rating{float:left; width:100px; margin-left:5px; margin-top:3px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .star-rating img{width:100%; height:auto;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .left-panel .text2{float:left; width:100%; font-size:12px; color:#fff;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form{width:200px; float:right; position:relative; padding-left:80px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-title{width:80px; float:left; position:absolute; color:#fff; font-size:12px; top:6px; left:0px; text-align:right; padding-right:5px; font-weight:normal;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-control{border: 1px solid #11aaf6;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form select.form-control{line-height:28px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .checkout-form .form-group{width:100%; float:left; margin-bottom:0px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .header .change-date-btn{float:right; background:#c1f1f4; border-radius:10px; padding:5px 3px; margin-top:3px; font-size:12px; color:#16528e; outline:none; border:0px; margin-left:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im{width:45%; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full {width: 100%; float: left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full img {width: 100%; height:235px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .carousel-control.left {background: none !important;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .carousel-control.right {background: none !important;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .im .slider-full .carousel-indicators{display:none;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail{width:55%; float:left; padding:0 10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .hotelinfo-text{width:100%; float:left; font-size:14px; font-weight:600; color:#16528e; margin:10px 0 20px 0;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight{width:100%; float:left; text-align:center; border:1px solid #ccc; padding:5px 0; border-radius:5px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight img{width:150px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight .review{width:100%; float:left; text-align:center; font-size:12px; color:#666;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .highlight .rating{width:100%; float:left; text-align:center; font-size:12px; color:#999;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services{width:100%; float:left; list-style:none; margin-top:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li{display:inline-block;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li img{width:25px !important; height:auto; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .detail .ul-services li.disable img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity:0.3;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer{width:300px; margin:0 auto;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner{width:100%; float:left; border:1px solid #ccc; border-radius:5px; margin:10px 0 0 0; padding:5px 10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .per-person{float:left; font-size:12px; color:#16528e; margin-top:5px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .total-pax{float:left; font-size:12px; color:#999; margin-top:5px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full{width:50px; float:left; margin:0 10px; margin-top:3px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .switch {position: relative; display: inline-block; width:50px; height:24px; margin-bottom:0px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .switch input {display:none;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full .slider:before {position: absolute; content: ""; height:16px; width:16px; left: 4px; bottom: 4px; background-color:#16528e; -webkit-transition: .4s; transition: .4s;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:checked + .slider {background-color: #2196F3;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:focus + .slider {box-shadow: 0 0 1px #2196F3;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .switch-btn-full-outer .switch-btn-inner .switch-btn-full input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);transform: translateX(26px);} .popup_block .progress.flight-popup .header2{background: linear-gradient(to right, #fd4d4f, #3158db) !important;} /*.switch-btn-full .switich-btn input:checked + .slider {background-color: #2196F3;} .switch-btn-full .switich-btn input:focus + .slider {box-shadow: 0 0 1px #2196F3;} .switch-btn-full .switich-btn input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);transform: translateX(26px);}*/ .switch-btn-full .slider.round {border-radius: 34px;} .switch-btn-full .slider.round:before {border-radius: 50%;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full-outer{width:100%; float:left; padding:0 10px; margin-top:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full{width:100%; float:left; background:#eafeff; border:1px solid #eafeff; border-radius:10px; padding:5px 10px; margin-bottom:10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full:hover{background:#c1f1f4; border:1px solid #16528e;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full:hover .select-btn{background:#1fc123;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box1{width:40%; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box2{width:20%; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .box3{width:40%; float:left;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .title1{width:100%; float:left; font-size:14px; font-weight:bold; color:#16528e;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .title2{width:100%; float:left; font-size:14px; font-weight:normal; color:#16528e; margin-top:-3px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .price{width:100%; float:left; text-align:center; font-size:26px; font-weight:bold; color:#16528e;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .per-person{width:100%; float:left; text-align:center; font-size:12px; font-weight:normal; color:#16528e; margin-top:-10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .room-selection-full .select-btn{float:right; width:130px; text-align:center; background:#16528e; color:#fff; font-size:14px; font-weight:600; padding:3px 5px; margin-top:10px; border-radius:5px; outline:none; border:0px; cursor:pointer;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer{width:100%; float:left; background:#16528e; padding:10px 10px 10px 10px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer .more-room{width:50%; float:left; color:#fff; font-size:14px; cursor:pointer;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result .footer .rate-info{width:50%; float:right; text-align:right; color:#fff; font-size:14px; cursor:pointer;} /*--HOTEL RESUTL PAGE NEW --*/ .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header{width:100%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main{width:100%; float:left; margin-bottom:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading{width:100%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .title{width:100%; float:left; font-size:16px; font-weight:600; color:#333;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .location{width:100%; float:left; font-size:12px; font-weight:normal; color:#333; margin-top:-5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby{width:70%; float:right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form{width:100%; float:right; position:relative; padding-left:80px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-title{width:80px; float:left; position:absolute; color:#333; font-size:12px; top:6px; left:0px; text-align:right; padding-right:5px; font-weight:normal;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-control{border: 1px solid #11aaf6; padding-right:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form select.form-control{line-height:28px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group{width:30%; float:right; margin-left:10px; margin-bottom:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {width:60%; float: left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel {width:40%; float: left; margin-top: 5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel .new-star-rating{width:120px; padding:5px 5px; float:right; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%); border-radius:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .im {width:30%; float: left; padding:10px 10px 10px 10px; } .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .im .slider-full img {width: 100%; height: 150px; object-fit: cover;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail {width:70%; float: left; padding: 0 10px; padding-bottom:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel{width:70%; float:left; padding-left:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel{width:30%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .availabel{width:100%; float:left; font-size:14px; color:#339900; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map{width:100%; float:left; font-size:14px; color:#000000; margin-top:10px; font-weight:600;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map span{color:#15bdcc;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .bed-brakfast{width:100%; float:left; font-size:14px; color:#2e2960; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .free-canellation{width:100%; float:left; font-size:14px; color:#2e2960; margin-top:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price-from{width:100%; float:right; text-align:right; font-size:14px; color:#999; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price{width:100%; float:right; text-align:right; font-size:27px; font-weight:bold; color:#0f3661;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price span{color:#15bdcc;font-size:27px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .night-person{width:100%; float:right; text-align:right; font-size:12px; font-weight:600; color:#0f3661;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .includes{width:100%; float:right; text-align:right; font-size:12px; color:#999;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn{width:100px; float:right; padding:5px 0; margin-top:10px; text-align:center; font-size:14px; border:1px solid #13becd; border-radius:5px; color:#fff; outline:0px; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} /*--EXTRA ADD --*/ .container-full .extra-add-pg{width:100%; float:left; } .container-full .extra-add-pg .header{width:100%; float:left; position:relative; margin-top:20px; margin-bottom:20px;} .container-full .extra-add-pg .header .result-found{position:absolute; top:0px; left:0px; font-size:14px; color:#333;} .container-full .extra-add-pg .header .back-btn{ position:absolute; top:-5px; right:0px; width:132px; padding:5px 0; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .container-full .extra-add-pg .header .detail{width:100%; float:left; text-align:center; color:#006699; padding:0 135px 0 135px;} .container-full .extra-add-pg .header .detail .pickup{color:#333; font-weight:600;} .container-full .extra-add-pg .header .detail .icon{width:auto; padding:0 15px;} .container-full .extra-add-pg .result-panel-full{width:100%; float:left; padding-right:10px;} .container-full .extra-add-pg .result-panel-full .result-panel{width: 100%; float: left; border-radius: 5px;overflow: hidden; border: 0px solid #11aaf6; background: #c1f1f4; padding: 20px 20px 0px 20px; margin-top: 0px; margin-bottom: 30px;} .container-full .extra-add-pg .result-panel-full .result-panel .result{width:100%; float:left; border-radius:5px; overflow:hidden; margin-bottom:30px; -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;} .container-full .extra-add-pg .result-panel-full .result-panel .result: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;} .container-full .extra-add-pg .result-panel-full .result-panel .result .header{width:100%; float:left; background:#f7f7f7; color:#16528e; padding:10px 10px; font-size:14px; font-weight:600; margin-top:0px; margin-bottom:0px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .header .dropdown-link{float:right; font-size:14px; color:#999; margin-top:4px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s; margin-left:10px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio{ width:15px; float:left; margin-top:4px; position:absolute; left:0px; top:30%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio label{width:auto; float:left; color:#fff; font-size:16px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked, .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label, .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:before, .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:after, .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background:#16528e; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .container-full .extra-add-pg .result-panel-full .result-panel .result .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .container-full .extra-add-pg .result-panel-full .result-panel .result .content{width:100%; float:left; background:#f5ffff; padding:10px 10px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content.content2{border-top:1px solid #c1f1f4;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel{width:25%; float:left; position:relative; padding-left:20px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel{width:30%; float:left;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel{width:15%; float:left;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel{width:30%; float:left;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im{width:100px; float:left;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im img{width:100%; height:auto;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .title{width:100%; float:left; color:#16528e; font-size:16px; font-weight:600;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .info{width:100%; float:left; color:#16528e; font-size:12px; } .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .more-info{width:100%; float:left; color:#16528e; font-size:12px; font-weight:600; margin-top:10px; cursor:pointer;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box{width:50px; float:left; margin-left:20px; margin-top:20px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box .form-group{width:100%; float:left;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box .form-group .form-control{padding:6px 5px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer{width:100px; margin:0 auto;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn{width:100%; float:left; text-align:center; font-size:14px; font-weight:600; margin-top:20px; color:#16528e; background:#ebebeb; padding:3px 0; border:0px; outline:none; border-radius:15px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn.active{background:#16528e; color:#fff;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .input-btn-outer .input-btn:hover{background:#16528e; color:#fff;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .price-per-item{width:100%; float:left; font-size:12px; color:#b2b2b2; text-align:center; margin-top:5px;} .container-full .extra-add-pg .extra-add-sidebar{width:100%; float:left; display:none;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary{width:100%; float:left; background:#006699; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary: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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .title{float:left; font-size:16px; color:#fff;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel{width:100%; float:left; position:relative; padding-left:30px; margin-top:15px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .icon{width:20px; position:absolute; left:0px; top:-3px; color:#fff; font-size:16px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .icon img{width:100%; height:auto;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content{width:100%; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .flith-name{width:100%; float:left; font-size:12px; color:#fff;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .date-time{width:100%; float:left; font-size:14px; color:#c1f1f4;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .airport-name{width:100%; float:left; font-size:14px; color:#c1f1f4;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .duration{width:100%; float:left; font-size:12px; color:#fff;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text{width:100%; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text .title{float:left; font-size:12px; color:#c1f1f4;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .flight-panel .content .fare-info-text .info{float:right; text-align:right; font-size:12px; color:#fff;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .lash-line-outer{width:100%; float:left; padding:0px 30px 0px 30px; margin-top:15px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .lash-line-outer .lash-line{width:100%; height:1px; float:left; border-top:1px dashed #fff; } .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel .text1{float:left; font-size:14px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel{width:100%; float:left; background:#ebebeb; border-radius:5px; overflow:hidden; margin-top:0px; margin-bottom:30px; -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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel: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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .header{width:100%; float:left; background:#006699; color:#fff; font-size:16px; font-weight:600; margin:0px; padding:10px 10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content{width:100%; float:left; padding:20px 10px 0px 10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel{width:100%; float:left; background:#f5f5f5; padding:10px 10px; border-radius:5px; position:relative; padding-left:50px; margin-bottom:20px; -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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .close-btn{width:15px; height:15px; line-height:15px; border-radius:50%; background:#e54b4b; position:absolute; right:-5px; top:-5px; color:#fff; font-size:12px; text-align:center; cursor:pointer;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .icon{width:40px; position:absolute; left:5px; top:10px; color:#fff; font-size:16px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .icon img{width:100%; height:auto;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content{width:100%; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .title{width:100%; float:left; font-size:12px; color:#16528e; font-weight:600;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .info{width:100%; float:left; font-size:12px; color:#999;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .price{width:100%; float:right; text-align:right; font-size:12px; color:#999;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-item-panel .content .package-panel .package-content .price span{font-weight:600; color:#646464;} .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer{width:100%; float:left; background:#e54b4b; border-radius:5px; margin-bottom:30px; -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;} .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer: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;} .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; color:#fff; } .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .container-full .extra-add-pg .extra-add-sidebar .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} /*-- HOTEL DETAIL PAGE --*/ .hotel-detail-pg{width:100%; float:left;} .hotel-detail-pg .hotel-det-header{width:100%; float:left; position:relative;} .hotel-detail-pg .hotel-det-header h3{width:100%; float:left; font-size:25px; font-weight:600; color:#333;} .hotel-detail-pg .hotel-det-header .ul-review-star{width:100%; float:left; list-style:none;} .hotel-detail-pg .hotel-det-header .ul-review-star li{display:inline-block;} .hotel-detail-pg .hotel-det-header .ul-review-star li .star{width:120px; float:left;} .hotel-detail-pg .hotel-det-header .ul-review-star li .star img{width:100%; height:auto;} .hotel-detail-pg .hotel-det-header .ul-review-star li .exe{color:#2b920b; font-weight:600;} .hotel-detail-pg .hotel-det-header .ul-review-star li .review{color:#999;} .hotel-detail-pg .hotel-det-header .ul-review-star li .change-hotel{font-size:14px; color:#16528e; background:#c1f1f4; font-weight:600; border-radius:10px; padding:5px 15px;} .hotel-detail-pg .hotel-det-header .ul-price{width:100%; float:left; list-style:none;} .hotel-detail-pg .hotel-det-header .ul-price li{display:inline-block; font-weight:600;} .hotel-detail-pg .hotel-det-header .ul-price li span{font-size:20px; color:#006699;} .hotel-detail-pg .hotel-det-header .backto-result{ position:static; float:right; margin-top:20px; width:132px; padding:5px 0; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .hotel-detail-pg .hotel-det-header .ul-country{width:100%; float:left; list-style:none; margin-top:10px;} .hotel-detail-pg .hotel-det-header .ul-country li{width:100%; float:left; padding-bottom:5px; font-weight:600;} .hotel-detail-pg .hotel-det-header .ul-country li span{font-size:14px; color:#006699; margin-left:5px;} .hotel-detail-pg .hotel-det-header .select-room-from{width:100%; float:left; text-align:center; font-size:20px; padding:5px 0; background:#16528e; border-radius:5px; color:#fff; font-weight:normal; margin-top:0px; box-shadow:0px -3px 0 #11aaf6 inset;} .hotel-detail-pg .hotel-det-header .select-room-from span{font-weight:bold; font-size:24px;} .hotel-detail-pg .left-panel .content{width:100%; float:left;} .hotel-detail-pg .left-panel .content .ul-slider-tab{width:100%; list-style:none; margin-bottom:0px;} .hotel-detail-pg .left-panel .content .ul-slider-tab li{display:inline-block; width:24%; text-align:center; color:#16528e; padding:5px 0px; margin-top:5px; background:#c1f1f4; border-radius:5px 5px 0px 0px; cursor:pointer;} .hotel-detail-pg .left-panel .content .ul-slider-tab li.active{background:#16528e; color:#fff;} .hotel-detail-pg .left-panel .content .ul-slider-tab li:hover{background:#16528e; color:#fff;} .hotel-detail-pg .left-panel .content .product-slider-img {width: 100%; float: left;} .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li{height:auto;} .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img{ width:100%;} .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li{height:50px;} .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;} .hotel-detail-pg .left-panel .content .detail-info{width:100%; float:left; margin-top:30px;} .hotel-detail-pg .left-panel .content .detail-info p{width:100%; float:left; color: #000000; line-height: 1.5em;} .hotel-detail-pg .left-panel .content .detail-info p span{word-break:break-all;} .hotel-detail-pg .left-panel .content .detail-info h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #006699; line-height: 1.5em; margin-top:0px;} .hotel-detail-pg .left-panel .content .detail-info .sub-heading{width:100%; float:left; color: #000000; font-weight:600; line-height: 1.5em; margin-top:-15px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel {width: 100%; float: left; background:#fff; border: 1px solid #ccc; margin-bottom: 20px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header {width: 100%; float: left; background: #16528e; padding: 8px 10px 8px 10px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .header .text1 {float: left; font-size: 18px; color: #fff; text-transform:uppercase;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full{width:100%; float:left;border: 1px solid lightgray;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full + .detail-full{width:100%; float:left; border-top:1px solid #16528e;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im {width:30%; height: 150px; float: left; } .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .im img {width: 100%; height:100%; } .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail {width:70%; float: left; padding: 0 10px; padding-bottom:10px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel{width:70%; float:left; padding-left:10px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel{width:30%; float:left;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only{width:100%; float:left; font-size:14px; color:#339900; text-transform:uppercase; margin-top:10px; margin-bottom:0px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text1{color:#006699;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .room-only .text2{color:#0099ff;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .non-refundable{width:100%; float:left; font-size:14px; color:#ff7272; margin-top:0px; font-weight:600;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable1{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .refundable2{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .guest{width:100%; float:left; font-size:14px; color:#0099ff; text-transform:uppercase; margin-top:0px; font-weight:600; margin:10px 0;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .services{width:100%; float:left; font-size:14px; color:#006699; margin-top:0px; font-weight:normal;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .policy{width:100%; float:left; font-size:14px; color:#006699; margin-top:0px; font-weight:normal;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-info-panel .cancellation-policy{font-size:14px; font-weight:600; color:#0055b7; /*text-decoration:underline;*/ margin-bottom:0px;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price-from{width:100%; float:right; text-align:right; font-size:18px; color:#999; margin-top:10px; position:relative; text-decoration:line-through;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price{width:100%; float:right; text-align:right; font-size:24px; font-weight:bold; color:#006699;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .night-person{width:100%; float:right; text-align:right; font-size:12px; font-weight:600; color:#006699;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .select-btn{width:100px; float:right; padding:5px 0; margin-top:10px; text-align:center; font-size:14px; border:1px solid #13becd; border-radius:5px; color:#fff; outline:0px; background:#16528e;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .footer{width: 100%; float: left; background: #16528e; color:#fff; font-size: 16px; text-align:center; padding: 8px 10px 8px 10px;} .hotel-detail-pg .left-panel .content .detail-info .policy-panel{width:100%; float:left; background:#fff; border:1px solid #c1f1f4; padding:30px; margin-bottom:30px;} .hotel-detail-pg .right-panel{width:100%; float:left;} .hotel-detail-pg .right-panel .map-panel{width:100%; float:left; border: 1px solid #63cbf5; margin-bottom:20px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; } .hotel-detail-pg .right-panel .map-panel .heading { width:100%; background:#c1f1f4; position:relative; float:left; padding: 2px 15px;} .hotel-detail-pg .right-panel .map-panel .heading .text1{width:100%; color:#16528e; float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; } .hotel-detail-pg .right-panel .map-panel .map-detail{width:100%; float:left; padding:10px;} .hotel-detail-pg .right-panel .map-panel .map-detail p{width:100%; float:left; color: #000000; line-height: 1.5em;} .hotel-detail-pg .right-panel .ask-question-panel{width:100%; float:left; border: 1px solid #11aaf6; margin-bottom:10px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; } .hotel-detail-pg .right-panel .ask-question-panel .ask-question-detail{width:100%; float:left; padding:10px;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view{width:100%; float:left;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .header{width:100%; float:left; font-size:20px; color:#000; } .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel{width:100%; float:left; border-bottom:1px solid #ccc; padding:10px 0;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel.last{border-bottom:0px solid #f00;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im{width:30%; float:left;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im img{width:100%; height:80px;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail{width:70%; float:left; padding-left:10px;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .text1{width:100%; float:left; font-size:14px; color:#006599;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full{width:50%; float:left;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating{width:110px; float:left;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating img{width:100%; height:auto;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .exe{ width:100%; float:left; color:#2b920b;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full{width:50%; float:right; color:#006599;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text3{width:100%; float:right; text-align:right; font-size:10px; margin-top:-5px;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text4{width:100%; float:right; text-align:right; font-size:16px; font-weight:600;} .hotel-detail-pg .right-panel .ask-question-panel .recently-view .load-more-btn{width:auto; float:left; text-align:center; padding:5px 15px; margin-top:10px; background:#11aaf6; color:#fff; border-radius:10px;} /* HOTEL BOOKING PAGE */ .hotel-booking-pg{width:100%; float:left;} .hotel-booking-pg .hotel-booking-header{width:100%; float:left; position:relative;} .hotel-booking-pg .hotel-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .hotel-booking-pg .hotel-booking-header .ul-loginsignup li{display:inline-block;} .hotel-booking-pg .hotel-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .hotel-booking-pg .hotel-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .hotel-booking-pg .hotel-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .hotel-booking-pg .backto-result{padding:5px 10px; float:right; margin-top:15px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .hotel-booking-pg .main-booking-content{width:100%; float:left; border-radius:5px; overflow:hidden; border: 0px solid #11aaf6; background:#c1f1f4; padding:20px 20px 0px 20px; margin-top:0px; margin-bottom:30px;} .hotel-booking-pg .main-booking-content .booking-field-panel{width:100%; float:left; border-radius:5px; overflow:hidden; margin-bottom:30px; -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;} .hotel-booking-pg .main-booking-content .booking-field-panel: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;} .hotel-booking-pg .main-booking-content .booking-field-panel .header{width:100%; float:left; background:#f7f7f7; padding:5px 10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .title .icon img{width:30px; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link{float:right; font-size:14px; color:#999; margin-top:4px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s; margin-left:10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel{max-height: 500px; overflow-y: scroll;} .hotel-booking-pg .flight-booking-item-panel { width: 100%; float: left; background: #ebebeb; border-radius: 5px; overflow: hidden; margin-top: 0px; margin-bottom: 30px; -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;} .hotel-booking-pg .flight-booking-item-panel .content {width: 100%;float: left;padding: 20px 10px 0px 10px;} .hotel-booking-pg .flight-booking-item-panel .content .package-panel { width: 100%; float: left; background: #f5f5f5; padding: 10px 10px; border-radius: 5px; position: relative; margin-bottom: 20px; -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;} .hotel-booking-pg .flight-booking-item-panel .content .package-panel label {margin-right: 15px;} .hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text3 input[type=submit]{width: 150px;border: navajowhite;background: #069 !important; padding: 8px;border-radius: 4px;margin: 7px 0;box-shadow: 3px 3px 5px #525252;} .hotel-booking-pg.phbooking .main-booking-content .booking-field-panel .panel-content.guest-panel {max-height: 920px;overflow-y: scroll;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content{width:100%; float:left; background:#f5ffff; padding:10px 10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .head-color{width:100%; float:left; font-weight:600;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:90px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-title{width:90px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .checkbox-inline{width:100%; float:left; color:#16528e;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .checkbox label input[type=checkbox]{top:5px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .checkbox label label{margin:0px; padding:0px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer{width:200px; float:right; -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;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#e54b4b; color:#fff; border-radius:5px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{text-align:center; font-size:18px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:30%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0; } .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .hotel-booking-pg .main-booking-content .booking-field-panel .panel-content.offer-panel .box-panel .input-box .input-btn{float:left; line-height:34px; width:60px; text-align:center; background:#16528e; color:#fff; border:0px; outline:none; border-radius:5px;} .hotel-booking-pg .booking-sidebar{width:100%; float:left;} .hotel-booking-pg .booking-sidebar .booking-summary{width:100%; float:left; background:#006699; border-radius:5px; padding:10px; margin-top:0px; margin-bottom:30px; -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;} .hotel-booking-pg .booking-sidebar .booking-summary: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;} .hotel-booking-pg .booking-sidebar .booking-summary .title{float:left; font-size:16px; color:#fff;} .hotel-booking-pg .booking-sidebar .booking-summary .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .hotel-booking-pg .booking-sidebar .booking-summary .im{width:100%; float:left; margin-top:10px; margin-bottom:10px;} .hotel-booking-pg .booking-sidebar .booking-summary .im img{width:100%; height:100px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail li{width:100%; float:left; color:#fff; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail li .title{float:left; color:#c1f1f4; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li{width:100%; float:left; color:#fff; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .title{float:left; color:#c1f1f4; font-size:12px; width:100%;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .text1{float:left; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail2 li .text2{float:right; font-size:12px; font-weight:600;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li{width:100%; float:left; color:#fff; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .title{float:left; color:#c1f1f4; font-size:12px; width:100%;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .text1{float:left; font-size:12px;} .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .text2{float:right; font-size:12px; } .hotel-booking-pg .booking-sidebar .booking-summary .ul-booking-detail3 li .date{float:left; color:#c1f1f4; font-size:12px; background:#063e75; padding:3px; border-radius:5px;} .hotel-booking-pg .booking-sidebar .booking-summary .price-panel{width:100%; float:left; color:#fff; margin-top:15px;} .hotel-booking-pg .booking-sidebar .booking-summary .price-panel .text1{float:left; font-size:14px;} .hotel-booking-pg .booking-sidebar .booking-summary .price-panel .text2{float:right; font-size:16px; font-weight:600;} .hotel-booking-pg .booking-sidebar .pay-btn-outer{width:100%; float:left; background:#e54b4b; border-radius:5px; margin-bottom:30px; -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;} .hotel-booking-pg .booking-sidebar .pay-btn-outer: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;} .hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; color:#fff; } .hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text2{text-align:center; font-size:18px;} .hotel-booking-pg .booking-sidebar .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} /*======= TRANSFER RESULT =======*/ .transfer-result{width:100%; float:left;} .transfer-result .header{width:100%; float:left; position:relative; margin-top:20px; margin-bottom:20px;} .transfer-result .header .result-found{position:absolute; top:0px; left:0px; font-size:14px; color:#333;} .transfer-result .header .back-btn{ position:absolute; top:-5px; right:0px; width:132px; padding:5px 0; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .transfer-result .header .detail{width:100%; float:left; text-align:center; color:#006699; padding:0 135px 0 135px;} .transfer-result .header .detail .pickup{color:#333; font-weight:600;} .transfer-result .header .detail .icon{width:auto; padding:0 15px;} .transfer-result .sidebar{width:100%; float:left; margin-bottom:15px;} .transfer-result .sidebar .advance-search{width:100%; float:left; padding:10px; background:#006699 !important;} .transfer-result .sidebar .advance-search .ul-radiobtn{width:100%; float:left; list-style:none; border-radius:5px; overflow:hidden;} .transfer-result .sidebar .advance-search .ul-radiobtn li{width:50%; float:left; font-size:12px; color:#333; padding:5px 0; text-align:center; background:#ededed; cursor:pointer;} .transfer-result .sidebar .advance-search .ul-radiobtn li.active{background:#ff9900; color:#fff;} .transfer-result .sidebar .advance-search .form-group{width:100%; float:left;} .transfer-result .sidebar .advance-search .form-group input {width: 100%; background: #fff; padding: 5px 10px; float: left; font-size: 12px; color: #000; height: 34px; border: none; padding-left: 20px; border-radius:0px;} .transfer-result .sidebar .advance-search .form-group input, .transfer-result .sidebar .advance-search .form-group select{border-radius:5px;} .transfer-result .sidebar .advance-search .input-search-btn{width: 100%;float: left; text-align: center; color: #fff; padding: 8px 10px; margin: 10px 0px; border: none; background: #11aaf6; border-radius: 5px;} .transfer-result .sidebar .advance-search p{color:#fff;} .transfer-result .sidebar .advance-search label{color:#fff; font-weight:normal;} .transfer-result .sidebar .advance-search .form-group span {position: relative; float: left; width:100%;} .transfer-result .sidebar .advance-search .form-group span:before {content: "\f073"; font-family: FontAwesome; font-size: 12px; height: 10px; left: 4px; position: absolute; top:10px; width: 10px; z-index: 1;color: #666;} .transfer-result .sidebar .filter{border: 1px solid #0099ff;} .transfer-result .sidebar .filter>h4{color:#0099ff;} .transfer-result .sidebar .filter .panel-default > .panel-heading a{ color:#333;} .transfer-result .sidebar .filter .info-panel{width:100%; float:left; position:relative; padding-left:20px; margin-top:0px; margin-bottom:20px;} .transfer-result .sidebar .filter .info-panel .im{width:15px; position:absolute; top:5px; left:0px;} .transfer-result .sidebar .filter .info-panel .servie{width:100%; float:left; color:#333;} .transfer-result .sidebar .filter .info-panel .servie .text1{width:100%; float:left; color:#11aaf6; text-decoration:underline; font-size:12px;} .transfer-result .sidebar .filter .info-panel .servie .text2{width:100%; float:left; line-height:15px; font-size:12px;} .transfer-result .result-panel{width:100%; float:left; background:#006699; padding:20px 20px 5px 20px; border-radius:5px; margin-bottom:30px;} .transfer-result .result-panel .result{width:100%; float:left; background:#fff; padding:10px 15px; border-radius:5px; margin-bottom:15px;} .transfer-result .result-panel .result .img-panel{width:30%; float:left;} .transfer-result .result-panel .result .img-panel img{width:100%; height:auto; padding:20px 20px;} .transfer-result .result-panel .result .detail-panel{width:40%; float:left;} .transfer-result .result-panel .result .price-panel{width:30%; float:left;} .transfer-result .result-panel .result .detail-panel .car-type{ width:100%; float:left; color:#11aaf6; font-weight:600; } .transfer-result .result-panel .result .detail-panel .car-name{ width:100%; float:left; color:#999; margin-bottom:15px;} .transfer-result .result-panel .result .detail-panel .position-relative{position:relative; width:100%; float:left;} .transfer-result .result-panel .result .detail-panel .position-relative .icon{position:absolute; top:0px; left:0px; font-size:20px; color:rgb(237,129,49);} .transfer-result .result-panel .result .detail-panel .position-relative .icon img{margin-top:-10px; width:20px;} .transfer-result .result-panel .result .detail-panel .text1{width:100%; float:left; color:#999; margin-bottom:5px; padding-left:25px;} .transfer-result .result-panel .result .price-panel .price-text{width:100%; float:right; font-size:12px; color:#034262; text-align:right;} .transfer-result .result-panel .result .price-panel .price{width:100%; float:right; font-size:26px; font-weight:bold; color:#034262; text-align:right;} .transfer-result .result-panel .result .price-panel .book-now-btn{ width:150px; float:right; text-align:center; padding:5px 15px; font-size:12px; background:#0099ff; color:#fff; border-radius:10px; margin-bottom:10px;} .transfer-result .result-panel .result .price-panel .pay-letter-btn{width:150px; float:right; text-align:center; padding:5px 0px; font-size:12px; font-weight:600; border:1px solid #ccc; color:#999; border-radius:10px; margin-bottom:10px;} .transfer-result .result-panel .result .price-panel .pay-letter-btn span{color:#ff9900;} .transfer-result .result-panel .result .bottom-strip{width:100%; float:left;} .transfer-result .result-panel .result .bottom-strip .ul-bot-strip{width:100%; float:left; text-align:center; margin-bottom:0px; list-style:none;} .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li{color:#999; display:inline-block;} .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li a{color:#339900; } .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li:nth-child(1){text-align:left; float:left;} .transfer-result .result-panel .result .bottom-strip .ul-bot-strip li:nth-last-child(1){text-align:right; float:right;} .transfer.backto-result { position: static;float: right;margin-top: 20px;width: 132px;padding: 5px 0;color: #11aaf6;background: #fff;text-align: center;border: 1px solid #11aaf6;border-radius: 10px;} /* TRANSFER PAYMENT PAGE */ .transfer-payment-pg{width:100%; float:left;} .transfer-payment-pg .trans-payment-header{width:100%; float:left; position:relative;} .transfer-payment-pg .trans-payment-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .transfer-payment-pg .trans-payment-header .ul-loginsignup li{display:inline-block;} .transfer-payment-pg .trans-payment-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:15px;} .transfer-payment-pg .trans-payment-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:15px;} .transfer-payment-pg .trans-payment-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .transfer-payment-pg .trans-payment-header .ul-social{width:100%; float:left; list-style:none; margin-top:20px;} .transfer-payment-pg .trans-payment-header .ul-social li{display:inline-block; width:30%; float:left; background:#415eae; cursor:pointer; margin-right:10px; box-shadow: 0px 2px 2px 0px #9c9999; -webkit-box-shadow: 0px 2px 2px 0px #9c9999;} .transfer-payment-pg .trans-payment-header .ul-social li a{width:100%; float:left; padding:7px 0; text-align:center; color:#fff;} .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(2){background:#fff;} .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(3){background:#32b0ed;} .transfer-payment-pg .trans-payment-header .ul-social li:nth-child(2) a{color:#333;} .transfer-payment-pg .trans-payment-header .continue{width:30%; float:left; padding:7px 0; text-align:center; background:#fdaf11; margin-top:0px; color:#333; font-weight:600; box-shadow: 0px 2px 2px 0px #9c9999; -webkit-box-shadow: 0px 2px 2px 0px #9c9999;} .transfer-payment-pg .trans-payment-header .backto-result{padding:5px 10px; float:right; margin-top:15px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .transfer-payment-pg .trans-payment-header .transfer-car{width:100%;float:left; background:#fff; padding:10px; margin-top:10px;} .transfer-payment-pg .trans-payment-header .transfer-car .im{width:100%; float:left; padding:0 20px;} .transfer-payment-pg .trans-payment-header .transfer-car .im img{width:100%; height:auto;} .transfer-payment-pg .trans-payment-header .transfer-car .text1{width:100%; float:left; text-align:left; font-size:14px; color:#11aaf6;} .transfer-payment-pg .trans-payment-header .transfer-car .text2{width:100%; float:left; text-align:left; font-size:14px; color:#999;} .transfer-payment-pg .content-panel{width:100%; float:left; background:#006699; padding:20px 20px 5px 20px; border-radius:5px; margin-top:10px; margin-bottom:30px;} .transfer-payment-pg .content-panel .passenger-info{width:100%; float:left; margin-bottom:15px; background:#fff; border-radius:5px; overflow:hidden; border:1px solid #11aaf6;} .transfer-payment-pg .content-panel .passenger-info .header{width:100%; float:left; background:#f3f3f3; padding:5px 10px; border-bottom:1px solid #11aaf6;} .transfer-payment-pg .content-panel .passenger-info .header .heading{float:left; color:#333; font-weight:600;} .transfer-payment-pg .content-panel .passenger-info .header .heading .icon img{width:30px;} .transfer-payment-pg .content-panel .passenger-info .header .field-requied{float:right; font-size:12px; text-align:right; color:#11aaf6; margin-top:3px;} .transfer-payment-pg .content-panel .passenger-info .detail{width:100%; float:left; padding:10px;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form{width:100%; float:left; position:relative; padding-left:100px;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-title{width:100px; float:left; position:absolute; top:6px; left:0px; font-weight:normal;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-control{border: 1px solid #11aaf6; background:#f3f3f3;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form select.form-control{line-height:28px; background:#f3f3f3;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group{width:100%; float:left;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .dobinput{width:50px; float:left; margin-right:10px; padding:0 0px; text-align:center;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .age-text{float:left; line-height:34px;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .form-group.dob .ageinput{width:50px; float:right; margin-right:0px; padding:0 0px; text-align:center;} .transfer-payment-pg .content-panel .passenger-info .detail .pass-form .note-text{float:left; color:#11aaf6;} .transfer-payment-pg .content-panel .passenger-info .detail .payment-icon{margin-top:30px; width:100%; float:left;} .transfer-payment-pg .content-panel .passenger-info .detail .redirect-text{width:100%; float:left; margin:20px 0;} .transfer-payment-pg .content-panel .passenger-info .detail .term-condition-full{margin:30px 0; width:100%; float:left;} .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking{width:250px; float:right; background:#11aaf6; color:#fff; margin-top:20px; padding:5px 0; border-radius:5px;} .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text1{width:100%; float:left; text-align:center; font-size:12px;} .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text2{width:100%; float:left; text-align:center; font-size:20px; font-weight:600;} .transfer-payment-pg .content-panel .passenger-info .detail .confirm-booking .text3{width:100%; float:left; text-align:center; font-size:18px;} .transfer-payment-pg .payment-sidebar{width:100%; float:left;} .transfer-payment-pg .payment-sidebar .itinerary-panel{width:100%; float:left; background:#006699; padding:10px; margin-top:10px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .title{float:left; font-size:16px; color:#fff;} .transfer-payment-pg .payment-sidebar .itinerary-panel .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .view-price{float:right; font-size:12px; color:#ededed; margin-top:5px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#11aaf6; color:#fff; border-radius:5px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel{width:100%; float:left; position:relative; padding-left:25px; margin-top:20px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .im{width:auto; position:absolute; top:5px; left:0px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .im img{width:20px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie{width:100%; float:left; color:#fff;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text1{width:100%; float:left; font-size:12px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text2{width:100%; float:left; line-height:15px; font-size:14px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .servie-panel .servie .text3{width:100%; float:left; font-size:14px; margin-top:5px;} .transfer-payment-pg .payment-sidebar .confirm-booking{width:100%; float:left; background:#11aaf6; color:#fff; margin-top:20px; padding:5px 0; margin-bottom:30px; border-radius:5px;} .transfer-payment-pg .payment-sidebar .confirm-booking .text1{width:100%; float:left; text-align:center; font-size:12px;} .transfer-payment-pg .payment-sidebar .confirm-booking .text2{width:100%; float:left; text-align:center; font-size:20px; font-weight:600;} .transfer-payment-pg .payment-sidebar .confirm-booking .text3{width:100%; float:left; text-align:center; font-size:18px;} /* 20 TRANSFER RESULT OLD PAGE */ .transer-results .results .trans-result {border: 1px solid #ccc; float: left; width: 100%; padding:10px 10px 10px 10px; box-shadow: 0px 4px 10px #ccc; margin-top: 10px; margin-bottom:10px;} .transer-results .results .trans-result .trans-result-panel{width:100%; float:left; position:relative;} .transer-results .results .trans-result .trans-result-panel .tr-heading-text{width:100%; float:left; font-size:30px; font-weight:600; color:#11aaf6; margin:0;} .transer-results .results .trans-result .trans-result-panel .tr-heading-text span{font-size:14px;} .transer-results .results .trans-result .trans-result-panel .info-box{width:40%; float:left; margin-top:10px;} .transer-results .results .trans-result .trans-result-panel .car-box{width:35%; float:left;} .transer-results .results .trans-result .trans-result-panel .price-box{width:25%; float:left; padding:0 20px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-half{width:100%; float:left; margin-bottom:0px; padding:5px 10px; background:#f3f2f5; color:#524c61; border-radius:5px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-half .icon{float:left; width:20px; height:20px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-half .icon img{width:100%; height:auto;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-half .value{float:left; font-size:13px; color:#524c61; margin-left:3px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-half .text{float:left; font-size:14px; color:#524c61; margin-left:3px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-full{width:100%; float:left; margin-bottom:0px; margin-top:10px; padding:5px 10px; background:#f3f2f5; color:#524c61; border-radius:5px;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-full .icon{float:left; width:20px; height:20px; } .transer-results .results .trans-result .trans-result-panel .info-box .tag-full .icon img{width:100%; height:auto;} .transer-results .results .trans-result .trans-result-panel .info-box .tag-full .text{float:left; font-size:13px; color:#524c61; margin-left:3px;} .transer-results .results .trans-result .trans-result-panel .car-box .im-outer{width:70%; margin:0 auto;} .transer-results .results .trans-result .trans-result-panel .car-box .im-inner{width:100%; float:left;} .transer-results .results .trans-result .trans-result-panel .car-box .im-inner img{width:100%; height:auto;} .transer-results .results .trans-result .trans-result-panel .car-box .car-text{ width:100%; float:left; text-align:center; font-size:16px; font-weight:600; color:#11aaf6; margin-left:3px; cursor:pointer;} .transer-results .results .trans-result .trans-result-panel .price-box .price-text {width: 100%; float: left; font-size: 20px; font-weight: bold; text-align: center; color: #11aaf6; margin-top: 0px; margin-bottom:5px;} .transer-results .results .trans-result .trans-result-panel .price-box .select {width: 100%; margin-left: 0%; float: left; text-align: center; background: #11aaf6; color: #fff; padding: 8px 10px; margin-top: 5px; border-radius:20px; border:none} .transer-results .results .trans-result .trans-result-panel .price-box .select .text{font-size:16px; font-weight:bold;} .transer-results .results .trans-result .trans-result-panel .price-box .price-text2{ width:100%; float:left; text-align:center; margin-top:10px; font-size:13px; color:#11aaf6; margin-left:3px;} .transer-results .results .trans-result .trans-result-panel .review-full{width:100%; float:left;} .transer-results .results .trans-result .trans-result-panel .review-full .logo-img{width:50px; float:left;} .transer-results .results .trans-result .trans-result-panel .review-full .logo-img img{width:100%; height:auto;} .transer-results .results .trans-result .trans-result-panel .review-full .review-info{width:150px; float:left; border-left:1px solid #ccc; padding-left:5px; margin-left:5px;} .transer-results .results .trans-result .trans-result-panel .review-full .review-info .star-rating{width:100px; float:left;} .transer-results .results .trans-result .trans-result-panel .review-full .review-info .star-rating img{width:100%; height:auto;} .transer-results .results .trans-result .trans-result-panel .review-full .review-info .review-text{ width:100%; float:left; font-size:13px; color:#11aaf6; margin-left:3px;} .transer-results .results .trans-result .trans-result-panel .moreinformation-dropdown-outer{width:100%; float:left; position:relative;} .transer-results .results .trans-result .trans-result-panel .moreinformation-dropdown-outer .moreinformation-dropdown {position: absolute; z-index: 11111; top:0px; border:1px solid #ccc; padding:10px; background:#fff;} .transer-results .results .trans-result .trans-result-panel .moreinformation-dropdown-outer .moreinformation-dropdown:before{position:absolute; content:""; border-width:10px; border-style:solid; border-color:transparent transparent #ccc transparent; top:-20px; left:56%;} .transer-results .results .trans-result .trans-result-panel .moreinformation-dropdown-outer .moreinformation-dropdown .text{width:100%; text-align:center;} .switch-btn-full{width:100%; float:left;} .switch-btn-full .switch {position: relative; display: inline-block; width: 60px; height: 34px;} .switch-btn-full .switch input {display:none;} .switch-btn-full .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .switch-btn-full .slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} .switch-btn-full input:checked + .slider {background-color: #2196F3;} .switch-btn-full input:focus + .slider {box-shadow: 0 0 1px #2196F3;} .switch-btn-full input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);transform: translateX(26px);} .switch-btn-full .slider.round {border-radius: 34px;} .switch-btn-full .slider.round:before {border-radius: 50%;} .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;} .transer-results .advance-search {width: 100%; float: left; padding: 10px; background: #4b4d4e; margin-top:0px;} .transer-results .advance-search .tab-radiobtn{list-style:none; cursor:pointer;} .transer-results .advance-search .tab-radiobtn li label span input{width:auto; float:left; margin-right:10px;} .transer-results .advance-search .tab-radiobtn li label span label{width:auto; float:left; margin-top:0px;} .transer-results .advance-search .tab-radiobtn li{cursor:pointer !important;} .transer-results .advance-search p { width: 100%; float: left; font-size: 14px; color: #fff; font-weight: bold; margin: 10px 0;} .transer-results .advance-search label {float: left; position: relative; font-size: 13px; color: #fff; margin-top: 10px; font-weight: normal !important; margin-bottom: 0px !important; cursor:pointer;} .transer-results .advance-search .form-group input {width: 100%; background: #fff; padding: 5px 10px; float: left; font-size: 12px; color: #000; height: 34px; margin-top: 10px; border: none; padding-left: 20px; border-radius:0px;} .transer-results .advance-search .form-group select{border-radius:0px;} .transer-results .advance-search .form-group .icon {position: absolute;width: 16px;top: 45px;left: 2px; text-align: center; color: #000;} .form-group {margin-bottom: 15px;position: relative;padding:6px 0px;} .transer-results .advance-search select { width: 100%; background: #fff; text-align: left; padding: 5px 14px; float: left; font-size: 12px; color: #000; height: 34px; line-height:30px; margin-top: 10px; border:none;} .transer-results .advance-search input:focus, .advance-search select:focus {outline: none;} /*.advance-search a {width: 100%; float: left; text-align: center; background: #ffe300; color: #000; padding: 8px 10px; margin: 10px 0px; border: none;}*/ .transer-results .advance-search input[type="submit"] {width: 100%; float: left; text-align: center; background: #11aaf6; color: #000; padding: 8px 10px; margin: 10px 0px; border: none;} .transer-results .advance-search input[type="submit"], .advance-search input[type="submit"]:hover, .advance-search input[type="submit"]:active, .advance-search input[type="submit"]:focus {text-decoration: none; color: #000; font-size: 14px; font-weight: 600; } .transer-results .advance-search input[type="submit"]:hover {background: #ffe300;} .transer-results .advance-search .main-pax {color: #333; padding-left: 5px;} .transer-results .filter {border: 1px solid #ccc; float: left; width: 100%; padding: 10px; margin-bottom:10px;} .transer-results .filter .reset {width: 100%; float: right; text-align: right; font-size: 10px; color: #c9c9c9; padding: 10px 0;} .transer-results .filter .accordianfilter {width: 100%; float: left;} .transer-results .filter ul.departure, .flight-results .filter ul.stops {width: 100%; list-style: none; float: left;} .transer-results .filter ul.departure li {display: inline-block; float: left; width: 25%;} .transer-results .filter ul.departure li span {margin-top: 3px; margin-right: 5px; float: left; padding: 10px; color: #ccc; background: #f3f3f3; font-size: 11px; text-align: center; border: 1px solid #ccc; cursor: pointer;} .transer-results .filter ul.departure li span:hover, .flight-results .filter ul.departure li span:focus, .flight-results .filter ul.departure li span:active {background: #fff; color: #000; font-weight: 600;} .transer-results .filter ul.departure li span.a-time {background: #fff; color: #000; font-weight: 600;} .transer-results .filter ul.departure li span.a-time2 {background: #fff; color: #000; font-weight: 600;} .transer-results .filter ul.stops li {display: inline-block; float: left; width: 100%; padding-top: 8px;} .transer-results .filter ul.stops li input[type=checkbox] {margin-top: 3px; margin-right: 5px; float: left;} .transer-results .filter ul.stops li span {float: right;} .transer-results .filter .accordianfilter .panel-default .panel-collapse label span{font-weight:normal;} .transer-results .panel-default > .panel-heading { color: #333; background-color: none; border-color: none; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .transer-results .panel-default > .panel-heading a {display: block; padding: 10px 15px;} .transer-results .panel-default > .panel-heading a:after {content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;} .transer-results .panel-default > .panel-heading a[aria-expanded="true"] { background-color: none;} .transer-results .panel-default > .panel-heading a[aria-expanded="true"]:after {content: "\2212"; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .transer-results .panel-default > .panel-heading a[aria-expanded="false"]:after {content: "\002b"; transform: rotate(90deg); -webkit-transform: rotate(90deg);} .transer-results .accordion-option {width: 100%; float: left; clear: both; margin: 15px 0;} .transer-results .accordion-option .title {font-size: 20px; font-weight: bold; float: left; padding: 0; margin: 0;} .transer-results .accordion-option .toggle-accordion {float: right; font-size: 16px; color: #6a6c6f;} .transer-results .accordion-option .toggle-accordion:before {content: "Expand All";} .transer-results .accordion-option .toggle-accordion.active:before {content: "Collapse All";} .transer-results .filter .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: 0px solid #ddd;} .transer-results .filter .panel {margin-bottom: 20px; background-color: transparent !important; border: 0px solid transparent !important; border-radius: 4px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05); border-bottom: 1px solid #999999 !important; border-radius: 0px !important;} .transer-results .filter .panel:last-child {border-bottom: 0px !important;} .transer-results .filter .panel-default > .panel-heading a {display: block; padding: 10px 0px; font-size: 16px; font-weight: bold;} .transer-results .filter .panel-body {padding: 15px 0px;} .transer-results .filter .panel-default label{width:auto;} .transer-results .filter .panel-default > .panel-heading {color: #333; background-color: transparent !important; border-color: transparent !important;} .transer-results .accordianfilter .panel-group {margin-bottom: 0px;} /* 20 TRANSFER BOOKING OLD PAGE */ .transer-booking .trans-booking-detail {border: 1px solid #ccc; float: left; width: 100%; padding:10px 10px 10px 10px; box-shadow: 0px 4px 10px #ccc; margin-top: 10px; margin-bottom:10px;} .transer-booking .trans-booking-detail .vehicle-detail{width:30%; float:left; padding:0 10px;} .transer-booking .trans-booking-detail .transf-detail{width:45%; float:left; padding:0 10px;} .transer-booking .trans-booking-detail .price-full{width:25%; float:left; padding:0 10px;} .transer-booking .trans-booking-detail .price-panel{width:100%; float:left; margin:10px 0; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .transer-booking .trans-booking-detail .price-panel .text1{ width:auto; float:left; font-size:20px; font-weight:600; color:#11aaf6;} .transer-booking .trans-booking-detail .price-panel .text2{float:right; font-size:20px; font-weight:600; color:#11aaf6;} .transer-booking .trans-booking-detail .vehicle-detail .im-outer{width:100%; margin:0 auto;} .transer-booking .trans-booking-detail .vehicle-detail .im-inner{width:100%; float:left;} .transer-booking .trans-booking-detail .vehicle-detail .im-inner img{width:100%; height:auto;} .transer-booking .trans-booking-detail .vehicle-detail .title{ width:100%; float:left; text-align:center; font-size:16px; font-weight:600; color:#11aaf6; margin-left:3px; cursor:pointer;} .transer-booking .trans-booking-detail .transf-detail .return-status{width:100%; float:left; font-weight:bold;color: #27aaf6;} .transer-booking .trans-booking-detail .transf-detail .one-way{width:100%; float:left;} .transer-booking .trans-booking-detail .transf-detail .round-trip{width:100%; float:left;} .transer-booking .trans-booking-detail .transf-detail .title{ width:100%; float:left; text-align:center; font-size:16px; font-weight:600; color:#11aaf6; margin-left:3px; cursor:pointer;} .transer-booking .trans-booking-detail .transf-detail .detailinfofull{ width:100%; float:left; position:relative; padding-left:100px;} .transer-booking .trans-booking-detail .transf-detail .detailinfofull .title1{position:absolute; top:0px; left:0px; font-weight:600;} .transer-booking .trans-booking-detail .price-full .title{ width:100%; float:left; text-align:center; font-size:16px; font-weight:600; color:#11aaf6; margin-left:-16px; cursor:pointer;} .transer-booking .trans-booking-detail .price-full .border{width:100%; float:left; border:1px solid #ccc; margin:5px 0;} .transer-booking .trans-booking-detail .price-full .price-text1 {width: 100%; float: left; font-size:16px; font-weight: bold; text-align: center; color: #666; margin-top: 0px; margin-bottom:5px;} .transer-booking .trans-booking-detail .price-full .price-text {width: 100%; float: left; font-size: 20px; font-weight: bold; text-align: center; color: #11aaf6; margin-top: 0px; margin-bottom:5px;} .transer-booking .trans-booking-detail .price-full .price-text2 {width: 100%; float: left; font-size:16px; position: relative; font-weight: normal; text-align:left; color: #666; margin-top: 0px; margin-bottom:5px;} .transer-booking .trans-booking-detail .price-full .price-text2 span{margin-right:5px;} .transer-booking .trans-booking-detail .price-full .price-text2 span.car-icon{position: absolute;} .transer-booking .trans-booking-detail .price-full .price-text2 span.car-icon ~ span{padding-left: 25px; display: block;} .transer-booking .trans-booking-detail .form-full{width:100%; float:left;} .transer-booking .trans-booking-detail .form-full .text1{width:100%; float:left; font-size:14px; font-weight:normal;} .transer-booking .trans-booking-detail .form-full .heading{width:100%; float:left; font-size:16px; font-weight:bold; margin-top:20px;} .transer-booking .trans-booking-detail .form-full .input-panel-full{width:100%; float:left; margin-bottom:15px;} .transer-booking .trans-booking-detail .form-full .input-panel-full .input-panel-left{width:30%; float:left;} .transer-booking .trans-booking-detail .form-full .input-panel-full .input-panel-right{width:70%; float:left;} .transer-booking .trans-booking-detail .form-full .input-text{width:100%; float:left; padding-top:5px;} .transer-booking .trans-booking-detail .form-full .form-control{border-radius:0px;} .transer-booking .trans-booking-detail .form-full select.form-control{line-height:28px;} .transer-booking .trans-booking-detail .form-full .form-accordian{width:100%; float:left; background:#eee; border:1px solid #ccc; padding:10px 10px; cursor:pointer;} .transer-booking .trans-booking-detail .form-full .form-accordian i{margin-right:5px; transition:0.3s; -webkit-transition:0.3s;} .transer-booking .trans-booking-detail .form-full .form-accordian[aria-expanded="true"] i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .transer-booking .trans-booking-detail .form-full .form-accordian-detail{width:100%; float:left; font-size:14px; background:#f7f7f7; padding:10px 10px; margin-bottom:20px;} .transer-booking .trans-booking-detail .form-full .payment-panel1{width:100%; float:left; margin:20px 0; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .transer-booking .trans-booking-detail .form-full .payment-panel1 .text1{ width:auto; float:left; font-size:26px; font-weight:bold; color:#666;} .transer-booking .trans-booking-detail .form-full .payment-panel1 .text2{float:right; font-size:26px; font-weight:bold; color:#666;} .transer-booking .trans-booking-detail .form-full .payment-panel2{width:100%; float:left;} .transer-booking .trans-booking-detail .form-full .payment-panel2 .title{width:100%; float:left; font-size:14px; font-weight:bold;margin-bottom: 10px;} .transer-booking .trans-booking-detail .form-full .payment-panel2 .text1{width:100%; float:left; font-size:14px; font-weight:normal;margin-bottom: 10px;} .transer-booking .trans-booking-detail .form-full .payment-panel2 input[type="radio"]{margin-right:5px;} .transer-booking .trans-booking-detail .form-full .payment-panel2 .payment-btn-outer{width:200px; margin:0 auto;} .transer-booking .trans-booking-detail .form-full .payment-panel2 .payment-btn{text-transform: uppercase;float:left; font-size:14px; text-align:center; padding:5px 15px; border:1px solid #11aaf6; background: #11aaf6; color:#fff;margin-top:10px;box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:1px 2px 5px 0px rgba(0,0,0,0.75);} .transer-booking .trans-booking-detail .form-full .payment-panel2 .payment-btn:hover{background:#0d90d1;} /*.payment-btn{text-align: center;background: #11aaf6;color: #fff;padding: 8px 10px;margin-bottom: 10px;border: none;}*/ /*new add css*/ /* 32 Admin Empty Form Height Content */ .min-height-blackpage{min-height:421px; width:100%; float:left; margin: 30px 0;} .min-height-blackpage-agent{min-height:390px; width:100%; float:left;} /*--Package details*/ .package-dtails{background-color: #f9f9fb; padding: 28px 0; font-family:'Open Sans',sans-serif;} .package-dtails .form-group span {position: absolute;font-size: 16px;color: #cf3d3d;bottom: 5px;left: 10px;} .package-dtails .form-group label.position-relative {position: relative;width: 100%;float: left;font-weight: 400;color: #304d94;} .form-group label.position-relative input.form-control {padding-left: 30px;} .package-dtails .flight_search_box{background-color: #f4f4f5; border: 1px solid #e6e6e7; border-radius: 4px; padding: 0 15px 15px;} .custon-row{margin-left: -4px; margin-right: -4px;} .pad-2{padding-left: 4px; padding-right: 4px;} .package-dtails .package-dtails-slider{padding: 0 0 10px 0} .package-dtails .package-dtails-slider img{ max-width: 100%} .package-dtails .about-cfc {margin-top: 30px; height: 660px;overflow-y: scroll;border: 1px solid #ddddde; padding: 20px; background-color: #f9f9fb;} .package-dtails .about-cfc ul{padding-left: 20px;} .package-dtails .tab-content{ background-color: #fff;border: 1px solid #ddddde; padding: 10px; } .package-dtails .about-cfc p{font-weight: 500;font-size: 16px;color:#666666; line-height:1.5em; } .package-dtails .about-cfc h3{font-size: 24px;font-weight: 400;color: #666666; line-height:1.5em; } .package-dtails .abtcfc_option{margin-top: 27px; } .package-dtails .abtcfc_option ul {padding: 0px;margin-bottom: 0px; width: 100%;} .package-dtails .abtcfc_option ul li{list-style: none;float: left; margin-left: -1px;} .package-dtails .abtcfc_option ul li a{background-color: #f4f4f5;padding: 9px 16px;text-align: center;text-decoration: none;color: #666666;font-size: 16px; border: 1px solid #ddddde; display: block;} .package-dtails .abtcfc_option ul li.active a{background: linear-gradient(#fff 37%, #ededed);} .package-dtails .inclusion{border: 1px solid #ddddde; margin: 20px 0;} .package-dtails .inclusion h4{border-bottom: 1px solid #ddddde; padding: 10px 20px; margin: 0; } .package-dtails .inclusion ul{padding: 20px 20px 20px 33px;} .package-dtails .inclusion ul li {font-size: 14px;color:#666666; line-height:1.6em;} .package-dtails .Search-result .bookForTour{color: #fff;cursor: pointer;border-radius: 5px; border:0; border-bottom: 5px solid #a72f2f; text-transform: uppercase; background-color: #ed4a4a; font-size:18px; display: block; text-align: center; padding: 12px 0 10px; font-weight: 600;width: 230px;} .package-dtails .Search-result .bookForTour:hover{background: #a72f2f;} .package-dtails .Search-result .bookForTour:hover{text-decoration: none;} .package-dtails .Search-result ul.star{padding:0;margin:10px 0; color:#ffb027} .package-dtails .Search-result ul.star li{list-style:none;display:inline-block; font-size: 20px;} .package-dtails .Search-result ul.star li.dimed{color:#c4c4c4} .package-dtails .Search-result .facility span{ display: block; color:#666666; font-size: 15px; font-weight: 600; margin-bottom: 5px;} .package-dtails .Search-result .facility span i{ color: #000; font-size: 22px; margin-right: 15px; width: 26px;} .package-dtails .Search-result span{display: block; line-height: 1.5em;} .package-dtails .Search-result h2{color: #333333; font-size: 30px; font-weight: bold; text-transform: capitalize;} .package-dtails .Search-result .duration{color: #ed4a4a; font-size: 20px; font-weight: 600; line-height: 1.3em} .package-dtails .Search-result .location{color: #253566; font-size: 16px;line-height: 1.9em} .package-dtails .Search-result .max-pax{color: #c2bcbc; font-size: 19px;} .package-dtails .Search-result h5{color: #3b9831; font-size: 19px; margin: 20px 0;} .package-dtails .Search-result .hb-packages{ background-color: #f4f4f5; margin-bottom: 5px; border: 1px solid #ddddde; padding: 15px; text-align: center; border-radius: 3px;} .package-dtails .Search-result .hb-packages + .bookForTour{width: 100%;} .package-dtails .Search-result .dateandtime{ color: #999999; font-size:18px; font-weight: 600; text-transform: uppercase;} .package-dtails .Search-result h6{ color: #253566; font-size:40px;} .package-dtails .Search-result h6 i{ color: #ed4a4a; } .package-dtails .Search-result .person{color: #666666;text-transform: uppercase; font-size: 18px;} .package-dtails .booknow{background: #cccccc; cursor:pointer; text-align: center;text-decoration: none ; font-weight: 600; text-transform: uppercase; color: #666666; font-size: 18px; display: block; padding: 13px; margin: 8px 0 20px;} .package-dtails h2.booknow{margin-top: 24px;} .package-dtails .Search-result .person {text-align:center;} .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel button.owl-dot:focus{outline: none} .packages_offer_feature{background-color:#f4f4f4;font-family:'Open Sans',sans-serif;padding:30px 0;} .packages_offer_feature h2{color: #666666; font-size: 22px; margin:20px 0 30px; letter-spacing: 3px; text-transform: uppercase;} .packages_offer_feature .offer_packeg{position:relative;color:#fff;margin-bottom:20px} .packages_offer_feature .offer_packeg img{width:100%;display:block;height:240px;object-fit:cover} .packages_offer_feature .offer_packeg .offfer_price{position:absolute;top:10px;width:100%} .packages_offer_feature .offer_packeg .offfer_price p{font-size:15px;font-weight:300} .packages_offer_feature .offer_packeg .offfer_price p span{font-size:20px;display:block} .packages_offer_feature .offer_packeg .offfer_price ul{padding:0;margin:0;color:#ffb027} .packages_offer_feature .offer_packeg .offfer_price ul li{list-style:none;display:inline-block; font-size: 16px;} .packages_offer_feature .offer_packeg .offfer_price ul li.dimed{color:#c4c4c4} .packages_offer_feature .offer_packeg{overflow:hidden} .packages_offer_feature .offer_packeg img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .packages_offer_feature .loadmore a{background-color:#4472d3;color:#000000; display:block;padding:5px 16px;margin:0 auto;padding-top:10px;padding-bottom:10px;padding-right:50px;padding-left:50px;text-transform:uppercase;text-decoration:none;border-radius:4px;max-width:200px} .packages_offer_feature .offer_packeg .offer-name h2{font-size:20px; margin-bottom: 10px; font-weight:400;color:#000000;text-align:center;margin-top:9px} .packages_offer_feature .offer_packeg .offer-name h3{color:#000000;} .enquiry_modal .enquiry-info{background: #f4f4f4; padding: 30px;} .enquiry_modal .enquiry-info img{width: 100%; width: 100%;height: 100px;object-fit: cover;} .enquiry_modal .modal-dialog {width: 100%; max-width:900px; margin: 30px auto;} .enquiry_modal .modal-header{padding: 10px 35px 10px 13px; background: #333367; color: #fff;} .enquiry_modal .close{width: 35px; height: 35px; border-radius: 50%; padding: 15px 7px;background: #ee4a49;border: none;opacity: 1;color: #fff;font-size: 33px;font-weight: 300;position: absolute;right: 5px;top: 5px;line-height: 0;} .enquiry_modal .Search-result span{display: block; line-height: 1.9em;color: #253566;font-size: 16px;} .enquiry_modal .Search-result h2{color: #333333; font-size: 26px; font-weight: bold; margin-top:0;} .enquiry_modal .Search-result .duration{color: #ed4a4a; font-size: 20px; font-weight: 600; line-height: 1.3em} .enquiry_modal .hb-packages .dateandtime{ color: #999999; font-size:18px; font-weight: 600; text-transform: uppercase;} .enquiry_modal .hb-packages h6{ color: #253566; font-size:38px; font-weight:500;text-align:center;} .enquiry_modal .hb-packages h6 i{ color: #ed4a4a; } .enquiry_modal .hb-packages .person{color: #666666;text-transform: uppercase; font-size: 17px;} .enquiry_modal .booknow{background: #cccccc; cursor:pointer; text-align: center;text-decoration: none ; font-weight: 600; text-transform: uppercase; color: #666666; font-size: 18px; display: block; padding: 13px; margin: 8px 0 20px;} .enquiry_modal h2.booknow{margin-top: 24px;} .enquiry_modal input{width: 100%; background: #f5f5f5; padding: 10px; height: 40px; font-size: 16px;} .enquiry_modal .btn-submit{background: #ee4a4b; border-bottom: 4px solid #be1e1e;width: 100%;font-size: 16px;height: 40px;color: #fff;text-transform: uppercase;font-weight: 600;} .hb-packages span.person{text-align:center; display:block;} /* 02 HEADER START */ header{border-bottom:0px solid #2f7af8;} header .header-strip{width:100%;float:left;background:#01b7f2;color:#fff;} header .header-strip .email{float:left; list-style:none; text-align:left; margin-bottom:0px; padding:6px 0; font-weight:normal; } header .header-strip .email li {display:inline-block; margin-right:10px;} header .header-strip .email li a{text-decoration:none; color:#fff; font-size:12px;} header .header-strip .right-menu{text-align:right; width:auto; list-style:none; float:right; margin-bottom:0px;} header .header-strip .right-menu li{display:inline-block; padding:6px 0 6px 25px;} header .header-strip .right-menu li a{text-decoration:none; color:#fff; font-size:16px; } header .header-strip .right-menu li a span{margin-right:5px;} header .logo .logo-text{ width:100%; font-size:26px; font-weight:800; color:#333; margin-top:13px; float:left; text-transform:uppercase;} header .logo .logo-text span{color:#11aaf6;} header .menu {float: right; width: 100%; margin-top:15px;} header .menu .modal-dialog {margin: 15px auto !important; width: 410px !important;} /* ADMIN HEADER MENU CSS */ header .menu-strip{width:100%; float:left; background:#01b7f2;height: 43px;} header .menu {float: right; width: 100%; margin-top:0px;} header .menu ul li.call {font-size: 18px; padding-left: 35px !important;} header .menu ul li.call {color: #003366; font-weight:600;} header .menu ul li.call i{font-style:normal;} header .menu .modal-dialog {margin: 15px auto !important; width: 410px !important;} header .call{float:right; font-size:18px; color:#fff; padding:5px 0; margin:0px;} header .call span{font-style:italic;} header .phone{float:right; color:#999999; font-size:26px; font-weight:600; margin:20px 0 0 0;} header .phone i{color:#ff9900; font-size:36px;} .menu li.login {float: right; width:auto !important; list-style: none; margin-bottom: 0px; position:relative;} .menu li.login {display: inline-block; float: right; padding-left: 30px; padding-right:15px; padding-top:10px;} .menu li.login.active a{color:#339900; font-weight:600;} .menu li.login a {text-decoration: none; color: #010101; font-size: 13px; padding-left:10px; outline:none; } .menu li.login a:hover {background: none;} .menu li.login a .profile-img{width:30px; height:30px; float:right; border-radius:50%; background:#ff6d60; margin-top:-6px; margin-bottom:8px; margin-left:10px; overflow:hidden;} .menu li.login a .profile-img img{width:100%; height:auto; float:left; margin-top:0px;} .menu li.login a.active{color:#339900;} .menu li.login a .caret{transition:0.3s; -webkit-transition:0.3s;} .menu li.login a[aria-expanded="true"] .caret{transform:rotate(180deg); -webkit-transform:rotate(180deg); } .menu li.login ul { list-style: none; position:static; opacity:1;} .menu li.login ul li {display: inline-block; position:static; float: right; padding-left: 30px; line-height: 41px;} .menu li.login ul li a { color: #333 !important;} .menu li.login ul li a:hover { text-decoration: underline !important;} .menu li.login .my-profile{min-width:180px; float:left; border:1px solid #ccc; background:#fff; padding:5px 0px; position:absolute; z-index:1111; right:10px; top:100%; border-radius:5px;} .menu li.login .my-profile ul{list-style:none; text-align:left; opacity:1 !important; left:0px !important; top:0px !important; width:100% !important; position:static !important;} .menu li.login .my-profile ul li{width:100%; float:left; padding:0px 0px;} .menu li.login .my-profile ul li:hover{background:#f8f9fa;} .menu li.login .my-profile ul li a{text-decoration:none; color:#67757c !important; background:#fff !important; padding:0px 10px !important; width:auto !important; border:0px;} .menu li.login .my-profile ul li a:hover{text-decoration:none !important; } .menu li.login .my-profile ul li:first-child{border:none;} /*Agent login page*/ .agent-login-full{width:100%; float:left;} .agent-login-full h3{width:100%; float:left; font-size:26px; font-weight:300; color:#1F3669; margin-bottom:20px;} .agent-login-full .login-tab{text-align:center; list-style:none; width:100%;} .agent-login-full .login-tab li{display:inline-block; padding:10px 40px; color:#1F3669; border:1px solid #1F3669; cursor:pointer;} .agent-login-full .login-tab li.active{background:#1F3669; color:#fff;} .agent-login-full .forgot-register{width:100%; float:left; padding-bottom:10px; margin-top:-8px;} .agent-login-full .forgot-register .forgot{float:right; margin-bottom:0px;} .agent-login-full .forgot-register .forgot a{text-decoration:none; color:#333; font-size:12px; } .agent-login-full .input-btn{background:#1F3669; border:0px; outline:none; padding:5px 15px; color:#fff; border-radius:3px;} .agent-login-full .input-btn:hover{background:#069ed0; } .agent-login-full .Registration-tab-content{width:100%; float:left;} .agent-login-full .Registration-tab-content select {line-height:28px;} .agent-login-full .Registration-tab-content h5{font-weight:600;} .new-login-popup-full .close-icon {width: auto;float: right;position: absolute;right: 0px;margin-top: 15px;margin-right: 15px;color: #666;} .agent-login-full .login-form-full{width:100%; float:left; padding-bottom:0px; margin-top:50px;} .agent-login-full .login-form-full .heading-tital{width:100%; float:left; font-size:30px; font-weight:300; text-align:center; background:#003366; color:#fff; padding:10px 0; margin-bottom:0px;} .agent-login-full .login-form-full .login-form{width:100%; float:left; border-radius:0px; background:#ccc; padding:15px; margin-bottom:20px; /*box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);*/} .agent-login-full .login-form-full .login-form .form-box{width:100%; float:left; background:url(../images/banner/login-bg.html) no-repeat; background-size:100% 100%; border-radius:0px; padding:15px; margin-top:0px; padding-top:40px;} .agent-login-full .login-form-full .login-form .form-box label{position:relative; width:100%;} .agent-login-full .login-form-full .login-form .form-box label span{position:absolute; left:0px; line-height:40px; color:#fff; background:#1F3669; width:30px; text-align:center;} .agent-login-full .login-form-full .login-form .form-box .form-control{border-radius:0px; height:40px; width:100%; float:left; font-weight:normal; padding:0 10px 0 35px;} .agent-login-full .login-form-full .login-form .form-box .input-btn{width:100%; float:left; font-size:14px; font-weight:600; border-radius:3px; text-align:center; padding:8px 0; border:0px; outline:0px; background:#051e36; color:#fff;} .agent-login-full .login-form-full .login-form .form-box .input-btn:hover{background:#1F3669;} .agent-login-full .login-form-full .login-form .form-box .forgot{width:100%; float:left; text-align:right; font-size:14px; font-weight:normal; color:#fff; margin:0px 0 20px 0;} .agent-login-full .login-form-full .login-form .form-box .forgot a{color:#036; text-decoration:none; outline:0px;} .agent-login-full .login-form-full .login-form .form-box .signup-txt{width:100%; float:left; text-align:center; font-size:14px; font-weight:normal; color:#000; margin:10px 0 20px 0;} .agent-login-full .login-form-full .login-form .form-box .signup-txt span{color:#fff; color:#06416d; cursor:pointer;} /* FORGOT PASSWORD POPUP START */ .login-forgotpopup{width:100%; float:left;} .login-forgotpopup .forgot-password{width:100%; float:left; border:1px solid #ccc; padding:20px 20px; background:#fff; border-radius: 5px !important;} .login-forgotpopup .forgot-password h3{margin:0px; padding:0px; color:#1F3669; margin-bottom:20px; width:100%; text-align:center; font-weight:600;} .login-forgotpopup .forgot-password input{ width:100%; color: #000; float:left; border-radius:4px; border:1px solid #ccc; height:36px; margin-bottom:20px; outline:0px; padding:0 10px; } .login-forgotpopup .forgot-password input[type=submit]{background:#1F3669; color:#fff; font-weight:bold; outline:none; border:0px; border-radius:10px; height: 40px;} .login-forgotpopup button{outline:none;} .close{opacity:1 !important;} .login-forgotpopup .modal-content{border:0px;} .login-forgotpopup .modal-body{width:100%; float:left;} .login-forgotpopup .modal-header{display:none;} .login-forgotpopup .modal-footer{display:none;} .admin-top-line{width: 100%; height:0px; background: #3785c7; float: left;} .user-profile-sidebar {-webkit-border-radius: 5px; border-radius: 5px; margin-right:0px; padding: 20px 0; background: #4d4d4d; color: #fff; margin-bottom: 30px;} .user-profile-sidebar .user-profile-avatar {padding: 0 20px; margin-bottom: 20px;} .user-profile-sidebar .user-profile-avatar img {max-width: 120px; margin-bottom: 15px; -webkit-border-radius: 50%; border-radius: 50%;} .user-profile-sidebar .user-profile-avatar h5 {color: #fff; margin-bottom: 0; font-size: 16px;} .user-profile-sidebar .user-profile-avatar p {font-size: 10px;} .user-profile-sidebar .user-profile-nav > li {border-bottom: 1px solid #404040;} .user-profile-sidebar .user-profile-nav > li:first-child {border-top: 1px solid #404040;} .user-profile-sidebar .user-profile-nav > li.active > a {background: #ed8323; color: #fff; cursor: default;} .user-profile-sidebar .user-profile-nav > li.active > a:hover {background: #ed8323; color: #fff;} .user-profile-sidebar .user-profile-nav > li.active > a:hover > i {color: #fff;} .user-profile-sidebar .user-profile-nav > li > a {padding: 10px 20px; color: #d9d9d9; display: block; font-size: 13px;} .user-profile-sidebar .user-profile-nav > li > a:hover {color: #fff; background: #404040; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;} .user-profile-sidebar .user-profile-nav > li > a:hover > i {color: #ed8323;} .user-profile-sidebar .user-profile-nav > li > a > i {margin-right: 7px; display: inline-block; width: 20px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;} .user-profile-statictics > li {margin-right: 20px; margin-top:20px; text-align: center; padding: 20px; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; border-radius: 5px; width: 153px;} .user-profile-statictics > li:last-child {margin-right: 0;} .user-profile-statictics > li .user-profile-statictics-icon {font-size: 70px;display: inline-block; margin-bottom: 10px; color: #8c8c8c;} .user-profile-statictics > li h5 {font-size: 30px; margin-bottom: 0; line-height: 1em; margin-bottom: 3px; color: #ed8323;} .user-profile-statictics > li p {margin-bottom: 0; line-height: 1em; font-size: 13px;} .admin-booking-table-full .table-full-width{ width:100%; float:left; overflow:auto; margin-bottom:10px;} .admin-booking-table-full .booking-table thead tr th{ padding:5px 10px; background:#ccc;} .admin-booking-table-full .booking-table tbody tr td{ padding:5px 10px;} .admin-booking-table-full .booking-table tbody tr td{min-width:100px;} .admin-booking-table-full .booking-history-type i{margin-right:10px;} .admin-user-full h4{width:100%; float:left; font-weight:bold;} .admin-user-full .input-btn{background:#ccc; padding:5px 20px; outline:0px; border:1px solid #999; border-radius:5px; margin-top:10px; margin-bottom:10px;} .admin-user-full p{margin-bottom:0px; margin-top:10px;} .admin-user-full .input{margin-top:5px; float:left;} .phone{text-align: right; padding: 20px 0} .phone li {list-style: none;} .phone li a{color: #fff;} .top-nav-bg{background: #438dce} @media only screen and (min-width:360px) and (max-width: 700px) { .user-profile-statictics > li {margin-right:0.5%; margin-top:10px; text-align: center; padding: 20px; width:49%;} .user-profile-statictics > li:nth-child(even){margin-right:0%;} } @media only screen and (min-width:320px) and (max-width: 359px) { .user-profile-statictics > li {margin-right:1%; margin-top:10px; text-align: center; padding: 20px; width:48%;} } @media only screen and (min-width:320px) and (max-width:767px){ .label-2{margin-top:10px;} .input-2{margin-top:10px;} } /* CONTAINER */ .container-full{width:100%; height: 100%; float:left; position:relative;} /*.container-full .left-panel{width:100px; height: 100% !important; float:left; background:#f4faff; position:absolute; left:0px; top:0px; text-align:center;}*/ .container-full .right-panel{width:100%; float:left; padding-left:0px;} /*.container-full .left-panel .menu-full{width:100%; float:left; list-style:none; background:#f4faff;} .container-full .left-panel .menu-full li{width:100%; float:left; padding:20px 20px;} .container-full .left-panel .menu-full li a{padding:10px 10px; float:left; position:relative;} .container-full .left-panel .menu-full li a.active{background:#fff; border-radius:5px; box-shadow:0px 3px 5px -2px #ccc; -webkit-box-shadow:0px 3px 5px -2px #ccc;} .container-full .left-panel .menu-full li a:hover{background:#fff; border-radius:5px; box-shadow:0px 3px 5px -2px #ccc; -webkit-box-shadow:0px 3px 5px -2px #ccc;} .container-full .left-panel .menu-full li a img{width:100%; float:left;} .container-full .left-panel .menu-full li a.message span{width:20px; position:absolute; right:10px; text-align:center; background:#ed3266; color:#fff; border-radius:50%;} */ .sidebar{width:100%; height:auto !important; float:left; } .container-full .right-panel .contect-ariea .services-panel{width:100%; float:left;} .container-full .right-panel .contect-ariea .detail-panel{width:100%; float:left; margin-bottom:30px; border-radius:5px; } .container-full .right-panel .contect-ariea .services-panel .new-booking-panel{width:100%; height:200px; float:left; background: linear-gradient(#3382a4,#3345c3); background: -webkit-linear-gradient(#3382a4,#3345c3); border-radius:5px; position:relative; padding:10px 10px; margin-bottom:30px; -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;} .container-full .right-panel .contect-ariea .services-panel .new-booking-panel: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; } .container-full .right-panel .contect-ariea .services-panel .live-offer-panel{width:100%; height:200px; float:left; background: linear-gradient(#a056ef,#7636dc); background: -webkit-linear-gradient(#a056ef,#7636dc); border-radius:5px; position:relative; padding:10px 10px; margin-bottom:30px; -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;} .container-full .right-panel .contect-ariea .services-panel .live-offer-panel: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;} .container-full .right-panel .contect-ariea .services-panel .visiters-panel{width:100%; height:200px; float:left; background: linear-gradient(#ed7657,#dd4740); background: -webkit-linear-gradient(#ed7657,#dd4740); border-radius:5px; position:relative; padding:10px 10px; margin-bottom:30px;-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;} .container-full .right-panel .contect-ariea .services-panel .visiters-panel: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;} .container-full .right-panel .contect-ariea .services-panel .text1{width:100%; float:left; text-align:center; font-size:20px; margin-top:-18px; color:#fff; padding:0 10px;} .container-full .right-panel .contect-ariea .services-panel .text2{width:100%; float:left; text-align:center; font-size:74px; font-weight:bold; color:#fff; padding:0 10px;} .container-full .right-panel .contect-ariea .services-panel .text3{width:50%; float:left; font-size:14px; color:#fff; padding:0 10px;} .container-full .right-panel .contect-ariea .services-panel .text4{width:50%; float:left; font-size:14px; color:#fff; padding:0 10px; border-left:1px solid #ccc;} .container-full .right-panel .contect-ariea .services-panel .text3 img{width:15px;} .container-full .right-panel .contect-ariea .services-panel .text3 img.dot{width:8px;} .container-full .right-panel .contect-ariea .services-panel .im{width:100px; bottom:10px; right:10px; position:absolute; opacity:0.2;} .container-full .right-panel .contect-ariea .services-panel .im img{width:100%; float:left; } .container-full .right-panel .contect-ariea .services-panel .new-booking-panel .text2{margin:20px 0 0 0;} .container-full .right-panel .contect-ariea .services-panel .live-offer-panel .text2{margin:20px 0 0 0;} .container-full .right-panel .contect-ariea .services-panel .visiters-panel .text2{margin:20px 0 0 0;} .container-full .right-panel .contect-ariea .detail-panel .bookings{width:100%; float:left;border-radius:5px; padding:10px 10px; position:relative;} .container-full .right-panel .contect-ariea .detail-panel .bookings .heading{width:100%; float:left; font-size:16px; font-weight:600; color:#333; padding:0 10px; margin-bottom:20px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .header{width:100%; font-size:16px; float:left; border-bottom:1px solid #c5c5c5 ; color:#333; padding:0 5px; margin-bottom:15px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .header .title{font-size: 15px; padding: 0; text-overflow: ellipsis; float: left; font-weight: 600;} .container-full .right-panel .contect-ariea .detail-panel .bookings .ul-tab{width:100%; float:left; list-style:none; padding:0 10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .ul-tab li{display:inline-block; padding:3px 20px; border-radius:15px; background:#dee2ff; color:#6855f7; cursor:pointer;} .container-full .right-panel .contect-ariea .detail-panel .bookings .ul-tab li.active{background:#000; color:#fff; background: linear-gradient(-45deg, #a056ef,#3833da); background: -webkit-linear-gradient(-45deg, #a056ef,#3833da); } .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel{width:100%; float:left; background:#fff; border-radius:5px; padding:10px 10px; box-shadow:0px 3px 5px -2px #ccc; -webkit-box-shadow:0px 3px 5px -2px #ccc;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box{width:100%; min-height:60px; float:left; margin-top:20px; position:relative;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .im{position:absolute; left:0px; top:0px; width:50px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .im img{width:100%; height:auto;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .text-content{width:100%; float:left; padding-left:60px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .text-content .text1{width:100%; float:left; font-size:14px; color:#000; font-weight:bold; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .text-content .text2{width:100%; float:left; word-break:break-all; font-size:14px; color:#666; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .heading-box .text-content .text3{width:100%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box{width:100%; height:60px; float:left; margin-top:50px; position:relative;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box .im{position:absolute; left:0px; top:0px; width:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box .im img{width:100%; height:auto;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box .text-content{width:100%; float:left; padding-left:20px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box .text-content .text1{width:100%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .middle-box .text-content .text2{width:100%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date1{width:50%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px; margin-top:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date2{width:50%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px; margin-top:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date3{width:100%; float:left; font-size:14px; color:#333; font-weight:600; padding:0 0px; margin-top:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date1 img, .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date2 img{width:15px; margin-right:5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .date3 img{width:15px; margin-right:5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .view-outer{width:100px; margin:0 auto;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel .view-outer .view{width:100%; float:left; text-align:center; background:#dee2ff; color:#6855f7; font-weight:600; border-radius:15px; padding:5px 0px; margin-top:50px; margin-bottom:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel{min-height:320px; margin:30px 0 30px 0; -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;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel: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; } .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .date3{margin-top:10px; margin-bottom:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .pax-info{width:100%; float:left; font-size:14px; color:#000; padding:0 0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .pax-info .title{font-weight:bold; margin-right:10px; float:left;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .pax-info .info{font-weight:600; color:#6855f7; } .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .b-footer{width:100%; float:left; position:static; z-index:0;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-link{width:65%; float:left; list-style:none;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-link li{display:inline-block; padding:0 2px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-link li a{text-decoration:none; color:#333; font-size:20px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-link li a:hover{color:#000;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-link li .tooltip{z-index:1111;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .b-footer .complet-btn{float:right; width:35%; text-align:center; background:#edb34a; color:#fff; padding:3px 3px; border-radius:5px; margin-top:0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .b-footer .complet-btn.active{background:#03d959;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial{width:100%; height:100px; float:left; position:relative; padding:0 110px 0 110px; margin-top:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .detail-left-panel{width:100px; position:absolute; left:0px; top:0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .detail-right-panel{width:90px; position:absolute; right:0px; top:0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .duration{width:100%; float:left; text-align:center; color:#999;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .stopage{width:100%; float:left; text-align:center; height:2px; background:#ccc; margin-top:20px; position:relative;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .stopage:after{ content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:#ccc; right:0px; top:-5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .stopage:before{ content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:#ccc; left:0px; top:-5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .stopage .icon{position:absolute; top:-15px; left:35%; width:30px; height:30px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .stopage .icon img{width:100%;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .city{width:100%; float:left; font-size:16px; color:#333;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .time{width:100%; float:left; font-size:22px; font-weight:bold; color:#333;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .flight-detial .location{width:100%; float:left; font-size:14px; color:#333;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-attranction-info{width:100%; min-height:90px; float:left; list-style:none; margin-top:10px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-attranction-info li{width:100%; float:left; font-size:12px; margin-bottom:5px; position:relative; padding-left:80px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-attranction-info li .title{width:80px; float:left; font-weight:bold; position:absolute; left:0px; top:0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-attranction-info li .info{float:left;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-transfer-info{width:50%; min-height:90px; float:left; list-style:none; margin-top:10px; padding-right:5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-transfer-info li{width:100%; float:left; font-size:12px; margin-bottom:5px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-transfer-info.line{padding-left:10px; position:relative; padding-right:0px;} .container-full .right-panel .contect-ariea .detail-panel .bookings .bookings-panel.flight-panel .ul-transfer-info.line:before{position:absolute; content:""; width:1px; height:100%; background:#ccc; left:0px; top:0px;} /*-- MY PROFILE PAGE CSS --*/ .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .ul-myprofile{width:100%; float:left; list-style:none;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .ul-myprofile li{width:100%; float:left; margin-bottom: 9px; border-bottom: 1px solid #ddd;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .ul-myprofile li .title{width:150px; float:left; font-weight:600; color:#5096d3; margin-bottom: 10px;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .ul-myprofile li .colon{width:20px; float:left;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .ul-myprofile li .text{float:left;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .edit-profile{width:100%; float:left; text-align:left; font-weight:bold;} .container-full.my-profile .right-panel .contect-ariea{width:50%;} .container-full.my-profile .right-panel .contect-ariea .detail-panel .bookings .update-password-btn{width:150px; float:left; padding:5px 0; margin-top:10px; text-align:center; font-size:14px; border:1px solid #438dce; border-radius:5px; color:#fff; outline:0px; background:#438dce;} .info{list-style:none; float:right; margin-bottom:0px;} .info .social-icon {margin-top:3px;} .info a,.info a:focus, .info a:hover {color: #fff; display: inline-block; font-size: 14px; padding-top: 5px; outline:none;} .info .color-ad img{width: 14px; border-radius: 50%;} .admin_create .mgb10{margin-bottom: 10px;} .admin_create .positon-reive-form{position: relative; } .admin_create .positon-reive-form span{position: absolute; top: 6px; right: 5px;} .agent-login-full .login-forgotpopup .modal-dialog {width: 400px; margin: 30px auto;} .new-login-popup-full .modal-dialog {width: 800px !important;} .new-login-popup-full .modal-dialog .modal-body{ padding: 0; } .new-login-popup-full .new-login-popup {border: 1px solid rgba(0,0,0,.2);border-radius: 6px;} .agent-login-full .signuppopup h5{ width:100%; float:left; text-align:center; color:#1F3669; font-size:16px; margin-bottom:20px;} .agent-login-full .signuppopup p{ width:100%; float:left; text-align:center; color:#333; font-size:14px; } .agent-login-full .signuppopup p span{color:#cc3300; font-weight:600; cursor:pointer;} .agent-login-full .signuppopup .input-btn{background:#1F3669; width:100%; color:#fff; padding:10px 20px; border:0px; outline:0px; border-radius:10px;} .agent-login-full .signuppopup .input-btn:hover{background:#1F3669; } .agent-login-full .signuppopup select{line-height:30px;} /* client signuppopup */ .signuppopup h5{ width:100%; float:left; text-align:center; color:#1F3669; font-size:16px; margin-bottom:20px;} .signuppopup p{ width:100%; float:left; text-align:center; color:#333; font-size:14px; } .signuppopup p span{color:#cc3300; font-weight:600; cursor:pointer;} .signuppopup .input-btn{background:#1F3669; width:100%; color:#fff; padding:10px 20px; border:0px; outline:0px; border-radius:10px;} .signuppopup .input-btn:hover{background:#1F3669; } .signuppopup select{line-height:30px;} .signuppopup .close-icon{width: auto; float: right; position:absolute; right:15px; margin-top:0px; margin-right:0px; color:#666;} /* NEW LOGIN POPUP START */ header .new-login-popup-full{border-radius:5px; width:auto !important;} header .new-login-popup-full{transform:translateY(-100px); -webkit-transform:translateY(-100px); transition:0.5s;} header .new-login-popup-full.in{transform:translateY(100px); -webkit-transform:translateY(100px);} header .new-login-popup-full .modal-dialog{width:800px !important; border-radius:10px !important; -webkit-border-radius:10px !important; overflow:hidden !important;} header .login-popup-full .modal-content.login-popup .modal-body .popup-content{width:100%; float:left; padding:15px;} header .new-login-popup-full label{font-weight:600 !important;} header .new-login-popup-full .close-icon{width: auto; float: right; position:absolute; right:0px; margin-top:15px; margin-right:15px; color:#666;} header .new-login-popup-full .close-icon:hover{color:#1F3669;} .new-login-popup{width:100%; float:left; background:#efefef;} .new-login-popup .login-content{width:45%; float:left; background:#fff; padding: 20px 30px; /*background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 80%);*/} .new-login-popup .login-content .title{font-size: 18px; line-height: 1.35; color:#223267; font-weight:600;} .new-login-popup .login-content .social-login{width:100%; float:left; border:1px solid #ccc; border-radius:3px; position:relative; margin-bottom:10px;} .new-login-popup .login-content .social-login a{width:100%; float:left; text-align:center; font-weight:600; color:#666; padding:8px 0;} .new-login-popup .login-content .social-login i{position:absolute; left:10px; top:5px; font-size:25px; color:#3a559f;} .new-login-popup .login-content .social-login.facebook i{ color:#3a559f;} .new-login-popup .login-content .social-login.facebook:hover{background:#3a559f; } .new-login-popup .login-content .social-login.facebook:hover a{color:#fff;} .new-login-popup .login-content .social-login.facebook:hover i{ color:#fff;} .new-login-popup .login-content .social-login.gmail i{ color:#df4f3f;} .new-login-popup .login-content .social-login.gmail:hover{background:#df4f3f; } .new-login-popup .login-content .social-login.gmail:hover a{color:#fff;} .new-login-popup .login-content .social-login.gmail:hover i{ color:#fff;} .new-login-popup .login-content .or{width:100%; float:left; text-align:center; font-size:14px; margin-top:10px; position:relative;} .new-login-popup .login-content .or:before{content:""; position:absolute; width:45%; height:1px; background:#ccc; left:0px; top:50%;} .new-login-popup .login-content .or:after{content:""; position:absolute; width:45%; height:1px; background:#ccc; right:0px; top:50%;} .new-login-popup .login-content label{position:relative; width:100%;} .new-login-popup .login-content label label{font-weight: normal !important;font-size: 14px; color: #666;} .new-login-popup .login-content label span{position:absolute; left:0px; line-height:34px; color:#fff; background:#1F3669; width:35px; text-align:center; border-radius: 4px 0px 0px 4px;} .new-login-popup .login-content .form-control{border-radius:4px; width:100%; float:left; font-weight:normal; padding:0 10px 0 35px; border: 1px solid #ccc;} .new-login-popup .login-content .input-btn{width:100%; float:left; font-size:16px; font-weight:normal; border-radius:3px; text-align:center; padding: 10px 20px; border:0px; outline:0px; background:#1F3669 !important; color:#fff; border-radius:10px;} .new-login-popup .login-content .input-btn:hover{background:#1F3669 !important;} .new-login-popup .login-content .forgot{width:100%; float:left; text-align:right; font-size:14px; font-weight:normal; color:#fff; margin:0px 0 10px 0;} .new-login-popup .login-content .agentl{width: 100%;text-align: right; font-size: 14px; color: #1F3669; margin: 8px 0 10px 0; font-weight: bold; text-decoration: underline;} .new-login-popup .login-content .forgot a{color:#727272; outline:0px;} .new-login-popup .login-content .signup-txt{width:100%; float:left; text-align:center; font-size:14px; font-weight:normal; color:#fff; margin:10px 0 20px 0;} .new-login-popup .login-content .signup-txt span{color:#fff; color:#1F3669; cursor:pointer;} .new-login-popup .text-content{width:55%; height:100%; float:left; padding:20px 30px; /*background:url(../images/banner/register-banner.jpg) no-repeat;*/ background-size:cover; background-size:100% 100%;} .new-login-popup .text-content .title1{color: #1F3669; font-size: 30px; line-height: 1.34; font-weight: 800; outline:none; margin-top:10px; text-transform: uppercase;} .new-login-popup .text-content .title2{color: #223267; font-size: 28px; line-height: 1.34; font-weight: 300; margin-bottom: 20px;} .new-login-popup .text-content ul {padding-left: 0; list-style: none;} .new-login-popup .text-content ul>li{position: relative; padding-left: 17px; font-size: 14px; line-height: 2.5; color: #666;} .new-login-popup .text-content ul>li:before {content:"\f105"; color: inherit; font-size: 0.75em; font-family:fontawesome; position: absolute; top: 6px; left: 0px;} /*2 login popup*/ .new-login-popup .login-content2{width:50%; float:left; background:#fff; padding:20px; background: #d6d6d6;} .new-login-popup .login-content2 h5{color:#1F3669 !important; margin-bottom:30px;} .new-login-popup .login-content2 .wrap-input100 {width: 100%; position: relative; border-bottom: 2px solid rgba(255,255,255,0.24); margin-bottom: 30px;} .new-login-popup .login-content2 .input100 {font-family: Poppins-Regular; font-size: 16px; color: #1F3669; border:0px; outline:none; line-height: 1.2; display: block; width: 100%; height: 45px; background: transparent; padding: 0 5px 0 38px;} .new-login-popup .login-content2 .input100::placeholder {color:#fff;} /*--logn--*/ .new-login-popup .login-content2 .focus-input100 {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;} .new-login-popup .login-content2 .focus-input100::before {content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background: #fff;} .new-login-popup .login-content2 .focus-input100::after {font-family:fontawesome; font-size: 22px; color: #fff; content:"\f007"; display: block; width: 100%; position: absolute; top: 6px; left: 0px; padding-left: 5px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .new-login-popup .login-content2 .focus-input100.password::after{content:"\f023";} .new-login-popup .login-content2 .input100:focus {padding-left: 5px;} .new-login-popup .login-content2 .input100:focus + .focus-input100::after {top: -22px; font-size: 18px;} .new-login-popup .login-content2 .input100:focus + .focus-input100::before {width: 100%;} .new-login-popup .login-content2 .has-val.input100 + .focus-input100::after {top: -22px; font-size: 18px;} .new-login-popup .login-content2 .has-val.input100 + .focus-input100::before {width: 100%;} .new-login-popup .login-content2 .has-val.input100 {padding-left: 5px;} .new-login-popup .login-content2 .forgot a{color:#1F3669;} .new-login-popup .login-content2 .input-btn{background:#1F3669 !important; color:#fff; margin-bottom:50px;} .new-login-popup .login-content2 .input-btn:hover{background: #1F3669 !important; color:#fff;} /*3 login popup*/ header .new-login-popup-full3{border-radius:5px; width:auto !important;} header .new-login-popup-full3{transform:translateY(-100px); -webkit-transform:translateY(-100px); transition:0.5s;} header .new-login-popup-full3.in{transform:translateY(100px); -webkit-transform:translateY(100px);} header .new-login-popup-full3 .modal-dialog{width:400px !important; border-radius:10px !important; overflow:hidden !important;} header .new-login-popup-full3.modal-dialog .login-content{width:100%; float:left; padding:15px;} header .new-login-popup-full3 label{font-weight:600 !important;} header .new-login-popup-full3 .close-icon{width: auto; float: right; position:absolute; right:0px; margin-top:20px; margin-right:15px; color:#fff;} header .new-login-popup-full3 .close-icon:hover{color:#fff;} .new-login-popup3{width:100%; float:left; background:#efefef;} .new-login-popup3 .login-content{width:100%; padding:15px 20px;} .new-login-popup3 .title{font-size: 18px; line-height: 1.35; color:#fff; background:#5071a9; font-weight:600; margin:0px 0 20px 0; padding:20px 20px;} .new-login-popup3 .login-content label{position:relative; width:100%;} .new-login-popup3 .login-content label label{font-weight:normal; font-size:12px;} .new-login-popup3 .login-content label span{position:absolute; right:5px; line-height:44px; font-size:22px; color:#ccc; width:30px; text-align:center;} .new-login-popup3 .login-content .form-control{border-radius:0px; height:44px; width:100%; float:left; font-weight:normal; padding:0 10px 0 10px;} .new-login-popup3 .login-content .form-control:focus{box-shadow:5px 0px 0px #f35b61 inset; -moz-box-shadow:5px 0px 0px #f35b61 inset; -webkit-box-shadow:5px 0px 0px #f35b61 inset; outline:none;} .new-login-popup3 .login-content .forgot{width:100%; float:left; text-align:right;} .new-login-popup3 .login-content .forgot a{color:#1F3669; text-align:right; font-weight:600; text-decoration:none; outline:0px;} .new-login-popup3 .login-content .input-btn{width:100%; float:left; font-size:18px; font-weight:normal; border-radius:3px; text-align:center; padding:13px 0; border:0px; outline:0px; background:#1F3669 !important; color:#fff; margin-bottom:30px;} .new-login-popup3 .login-content .input-btn:hover{background:#1F3669 !important;} /*-- flight-enquiry --*/ .modal-content .modal-header{background-color: #b1afaf;} .modal-content .modal-header h4{font-weight:700;} .create-package-pg .create-package-content{width:100%; float:left;} .create-package-pg .create-package-content .create-package{width:100%; float:left; background:#f4faff; border-radius:5px; padding:10px 10px;} .confirm-btn{width: 150px;border: navajowhite;background: #069;padding: 8px;border-radius: 4px;margin: 7px 0;box-shadow: 3px 3px 5px #525252;} .flightenquiry-popup .flight-enquiry{background-color:#fff;width:100%;float:left;} .flightenquiry-popup .flight-enquiry .header{background-color: #165286;padding: 14px;} .flightenquiry-popup .flight-enquiry .header h4{font-size: 24px;font-weight: 600; color: #fff;} .flightenquiry-popup .flight-enquiry .close-button button{margin-bottom:20px;margin-top: 9px;background-color:#ff0000;text-align:right;color: #ffffff;} .flightenquiry-popup .flight-enquiry button{} .flightenquiry-popup .flight-enquiry .detail{padding:20px; float: left; width: 100%;} .flightenquiry-popup .modal-dialog{width: 600px !important; margin: 30px auto;} .flightenquiry-popup .flight-enquiry .detail .box-details{display: block; width: 100%;} .flightenquiry-popup .flight-enquiry .header .close{color: #fff;font-weight: 300;FONT-SIZE: 32PX;} .flightenquiry-popup .flight-enquiry .detail .box-details .field-text, .box-details .heading-text{width: 250px; float: left;display: block; font-size: 14px; line-height: 1.8em; margin-bottom: 5px; } .flightenquiry-popup .flight-enquiry .detail .box-details .heading-text{font-weight: 600;} .flightenquiry-popup .flight-enquiry .detail .box-details .heading-text i{padding-right: 10px;} .flightenquiry-popup .flight-enquiry .modal-footer {border-top:none;} .flight-enquiry .box-details .sigle-info{border: 1px solid #ccc;font-family: 'Roboto', sans-serif; float: left; width: 100%; padding: 15px; margin-bottom: 10px; box-shadow: 2px 2px 4px #b7b7b7;} .flight-enquiry .box-details .sigle-info .text-handler{border-bottom: 1px solid #f3eded; float: left; width: 100%;} .flight-enquiry .box-details .sigle-info .text-handler span{ display: inline-block; margin-bottom: 0 !important; padding: 6px 0; } /*-- flight-enquiry --*/ /* ATTARACTION PAGE */ .attraction-banner{width:100%; float:left; background-image:url(../images/package/bgpic.html); background-repeat: no-repeat; background-size: cover; background-position: center;} .attraction-banner h2{color: #fff; font-size: 60px; text-align: center; padding-top: 20px; font-weight: 400;} .attraction-banner p{color: #fff; font-size: 15px; text-align: center; padding-bottom:30px; font-weight: 300; font-size: 18px; max-width:100%} .attraction-result .sidebar{ width:100%; background-color: #006699; float:left; height: auto; border-radius: 4px; border:1px solid #11aaf6; margin-top: 12px;} .attraction-result .sidebar h4{text-align: center; padding-top: 10px; color: #fff; font-weight: 300; font-size: 20px;} .attraction-result .sidebar ul{padding: 19px; border-top:1px solid #1070a0;} .attraction-result .sidebar ul li{list-style: none; text-align: center;} .attraction-result .sidebar ul li a{text-decoration: none; color: #fff; font-size: 19px; font-weight: 300; display: block; padding: 6px 0; } .attraction-result .sidebar ul li a:hover, .attraction-result .sidebar ul li.active,.sidebar ul li a:focus {color: #ccff99; background-color: #1070a0;} .attraction-result .sidebar ul li.active a{font-size: 19px; color: #ccff99; font-weight: 500;} .attraction-result .sidebar .form{width:100%; padding:20px; float:left;} .attraction-result .sidebar .form .form-group{width:100%; float:left;} .attraction-result .sidebar .form ::placeholder{color: #006699; padding-left: 30px; font-size: 14px;} .attraction-result .sidebar .form .position-relative{width:100%; float:left; position:relative; margin-bottom:0px;} .attraction-result .sidebar .form .position-relative .icon{position: absolute; top:3px; left:10px; font-size: 20px; color: #006699;} .attraction-result .sidebar select{color: #006699;} .attraction-result .filter>h4{color:#333;} .attraction-result .filter .panel-default > .panel-heading a{ color:#1d75a3;} /*--Attraction header--*/ .attraction-result .header-new{width:100%; float:left; margin-top:10px;margin-bottom: 5px;} .attraction-result .header-new .header-new-inner .att-header-title {width:40%; float: left; color: #336699; font-size: 22px; font-weight: 700;} .attraction-result .header-new .header-new-inner .att-header-sortyby {width:60%; float: left;} .attraction-result .header-new .header-new-inner .att-header-sortyby label{margin-top:7px; float:right; color:#999;} .attraction-result .header-new .header-new-inner .att-header-sortyby .form-control{width:24%; float:right; margin-left:10px; padding:6px 5px; border: 1px solid #11aaf6;} .attraction-result .header-new .header-new-inner .latest-add-tab{width:100%; float:left;} .attraction-result .header-new .header-new-inner .latest-add-tab ul{margin:20px 0 0 0; padding: 0;} .attraction-result .header-new .header-new-inner .latest-add-tab ul li {list-style: none; display: inline-block; position: relative; font-weight: 400; font-size: 15px; border: 1px solid #11aaf6;} .attraction-result .header-new .header-new-inner .latest-add-tab li span {position: absolute; top: -11px; right: -6px; background-color: #d4d4d4; border: 1px solid #70c9ea; border-radius: 50%; width: 21px; height: 21px;} .attraction-result .header-new .header-new-inner .latest-add-tab li span i{font-size: 14px; color:#b1b1b1; cursor:pointer; } .attraction-result .header-new .header-new-inner .latest-add-tab li {background-color: #006699; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; border-radius: 15px; text-decoration: none; width: 124px; text-align: center; margin-bottom: 16px;} /*--Attraction header--*/ .attraction-result .attraction-result-panel{width:100%; float:left;} .attraction-result .attraction-result-panel .attrac-result{width:100%; float:left; margin-bottom:20px; border: 1px solid #11aaf6;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading { width:100%; background:#006699; position:relative; float:left; border: 1px solid transparent; padding: 2px 15px;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading .text1{width:100%; color:#fff; float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight: 600; padding-right:130px;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating{float:right; position:absolute; top:10px; right:0px; width:120px;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating img{width:100%; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel{width:100%; float:left; padding:10px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .im{width:30%; float:left; position:relative;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .im img{width:100%; height:190px; object-fit: cover;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .icon1{position:absolute; font-size:22px; content:""; right:20px; top:20px; color:#ff5454;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .icon1 a{color:#ff5454;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .im .view-detail{width:100%; float:left; text-align:center; color:#ccc;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content{width:70%; float:left; padding-left:20px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel{width:60%; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type{width:100%; float:left; color:#999;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .text1{width:135px; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .service-type .text2{float:left; color:#333; font-weight:600;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount{width:100%; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .map{float:left; color:#999; cursor:pointer;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .map i{color:#ff5454; padding-right:5px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .mapdiscount .discoutn{float:right; font-size:16px; color:#1d75a3; font-weight:600; margin-right:-50px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .cancellation { width:100%; float:left; color: #339900; font-size: 16px; font-weight: 300; margin-top: 16px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel{width:40%; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .reviews {color: #2b920b; float:right; font-size: 18px; font-weight:600; } .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .reviews span{color:#999; font-weight:normal; font-size:14px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .price-btn{width:100%; float:right; height:110px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice-outer{width:100%; float:left; position:relative;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice{position: absolute; right:-25px; top:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p{background-color: #d3d3d3; position:relative; color: #069; display: inline-block; padding: 0px 16px; text-align: center; width: 160px; font-size: 14px; height: 45px; font-weight: normal; margin:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p:after{position:absolute; content:""; border-top:13px solid #bfbdbd; border-right:13px solid transparent; top:100%; right:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .regprice p span{font-size: 27px; color: #069; line-height: 0.80em; font-weight:600;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ppperson{color: #2d2b2b; float:right; font-size: 14px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow {float:right; right: 14px; margin: 10px 0;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow a {background-color: #11aaf6; color: #fff; padding: 8px; padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 13px; border-radius: 4px; text-transform: uppercase; text-decoration: none; max-width: 111px; font-size: 16px; font-weight: 700; text-align: center;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice-outer{width:100%; float:left; position:relative; top:60px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice{position: absolute; right:-25px; top:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p{background-color: #1d75a3; position:relative; color:#fff; display: inline-block; padding: 0px 16px; text-align: center; width: 160px; font-size: 14px; height: 45px; font-weight: normal; margin:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p:after{position:absolute; content:""; border-top:13px solid #124865; border-right:13px solid transparent; top:100%; right:0px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p span{font-size: 27px; color: #ccff99; line-height: 0.80em; font-weight:600;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip{width:100%; float:left;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip{width:100%; float:left; padding-right:150px; text-align:center; margin-bottom:0px; list-style:none;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li{float:left; color:#999; width:30%;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li a{color:#999; text-decoration:underline;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .bottom-strip .ul-bot-strip li:nth-child(2) a{ color:#339900;} /* ATTARACTION DETAIL PAGE */ .attraction-detail-pg{width:100%; float:left;} .attraction-detail-pg .att-det-header{width:100%; float:left; position:relative;} .attraction-detail-pg .att-det-header h3{width:100%; float:left; font-size:26px; color:#333;} .attraction-detail-pg .att-det-header .ul-review-star{width:100%; float:left; list-style:none;} .attraction-detail-pg .att-det-header .ul-review-star li{display:inline-block;} .attraction-detail-pg .att-det-header .ul-review-star li .star{width:120px; float:left;} .attraction-detail-pg .att-det-header .ul-review-star li .star img{width:100%; height:auto;} .attraction-detail-pg .att-det-header .ul-review-star li .exe{color:#2b920b; font-weight:600;} .attraction-detail-pg .att-det-header .ul-review-star li .review{color:#999;} .attraction-detail-pg .att-det-header .ul-review-star li .change-attraction{font-size:14px; color:#fff; background:#11aaf6; border-radius:10px; padding:5px 15px;} .attraction-detail-pg .att-det-header .ul-price{width:100%; float:left; list-style:none;} .attraction-detail-pg .att-det-header .ul-price li{display:inline-block; font-weight:600;} .attraction-detail-pg .att-det-header .ul-price li span{font-size:20px; color:#006699;} .attraction-detail-pg .att-det-header .ul-country{width:100%; float:left; list-style:none; margin-top:20px;} .attraction-detail-pg .att-det-header .ul-country li{width:100%; float:left; padding-bottom:5px; font-weight:600;} .attraction-detail-pg .att-det-header .ul-country li span{font-size:16px; color:#006699; margin-left:5px;} .attraction-detail-pg .att-det-header .backto-result{ position:absolute; top:10px; right:0px; width:132px; padding:5px 0; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .attraction-detail-pg .left-panel .content{width:100%; float:left;} .attraction-detail-pg .left-panel .content .ul-slider-tab{width:100%; list-style:none; margin-bottom:0px;} .attraction-detail-pg .left-panel .content .ul-slider-tab li{display:inline-block; width:24%; text-align:center; color:#fff; padding:5px 0px; margin-top:5px; background:#006699; border-radius:5px 5px 0px 0px; cursor:pointer;} .attraction-detail-pg .left-panel .content .ul-slider-tab li.active{background:#11aaf6;} .attraction-detail-pg .left-panel .content .product-slider-img {width: 100%; float: left;} .attraction-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li{height:300px;} .attraction-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; width:100%;} .attraction-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li{height:50px;} .attraction-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;} .attraction-detail-pg .left-panel .content .detail-info{width:100%; float:left; margin-top:30px;} .attraction-detail-pg .left-panel .content .detail-info p{width:100%; float:left; color: #000000; line-height: 1.5em;} .attraction-detail-pg .left-panel .content .detail-info h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #006699; line-height: 1.5em; margin-top:0px;} .attraction-detail-pg .left-panel .content .detail-info .ul-coomon{width:100%; float:left; padding-left:20px;} .attraction-detail-pg .left-panel .content .detail-info .ul-coomon li{float:left;} .attraction-detail-pg .right-panel{width:100%; float:left;} .attraction-detail-pg .right-panel .passenger-panel{width:100%; float:left; background:#006599; padding:10px; border-radius:5px; margin-bottom:10px;} .attraction-detail-pg .right-panel .passenger-panel .form{width:100%; float:left; margin-top:20px;} .attraction-detail-pg .right-panel .passenger-panel .form label{ color:#fff; font-weight: 400; font-size: 14px;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative{ position:relative; margin-bottom:0px;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .icon{position: absolute; top:3px; left:10px; font-size: 20px; color: #006699;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .form-control{padding-left:30px;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail{width:100%; float:left; background:#fffeec; padding:10px; margin-top:10px; border-radius:5px;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel{width:100%; float:left;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult{width:60%; float:left;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult .text1{width:100%; float:left; font-size:14px; font-weight:600;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .adult .text2{width:100%; float:left; font-size:10px; color:#999;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count{width:40%; float:right;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .product-quantity-outer{width:auto; float:right; background:#eee; margin-bottom:5px;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .product-quantity {float: left; width:100%;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button {color: #222; width: 25px; height:30px; padding:0px; border: none; outline: none; cursor: pointer; font-size: 20px; background: #eee; text-align: center; font-weight: normal; white-space: nowrap; display: inline-block; background-image: none;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button, .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button {color: #222; width:20px; height:30px; padding:0px; border: none; outline: none; cursor: pointer; font-size: 20px; background: #eee; text-align: center; font-weight: normal; white-space: nowrap; display: inline-block; background-image: none;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-field, .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-field {width:40px; height: 30px; border:1px solid #eee; background-color:#fff; outline: none; margin: 0 0px; font-size: 16px; text-align: center;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button.btn1{color:rgb(237,129,49); font-weight:bold;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail .select-panel .count .quantity-button.btn2{color:#076fb6; font-weight:bold;} .attraction-detail-pg .right-panel .passenger-panel .total-price{width:100%; float:left; text-align:center; font-size:20px; color:#fff; font-weight:normal; margin-top:20px;} .attraction-detail-pg .right-panel .passenger-panel .total-price span{font-weight:bold; font-size:26px;} .attraction-detail-pg .right-panel .passenger-panel .check-availability-outer{width:200px; margin:0 auto; } .attraction-detail-pg .right-panel .passenger-panel .check-availability-outer .check-availability{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#11aaf6; color:#fff; border-radius:5px;} .attraction-detail-pg .right-panel .map-panel{width:100%; float:left; border: 1px solid #11aaf6; margin-bottom:10px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; } .attraction-detail-pg .right-panel .map-panel .heading { width:100%; background:#006699; position:relative; float:left; padding: 2px 15px;} .attraction-detail-pg .right-panel .map-panel .heading .text1{width:100%; color:#fff; float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; } .attraction-detail-pg .right-panel .map-panel .map-detail{width:100%; float:left; padding:10px;} .attraction-detail-pg .right-panel .map-panel .map-detail p{width:100%; float:left; color: #000000; line-height: 1.5em;} .attraction-detail-pg .right-panel .ask-question-panel{width:100%; float:left; border: 1px solid #11aaf6; margin-bottom:10px; box-shadow:0px 4px 3px 0px #bfbbbb; -webkit-box-shadow:0px 4px 3px 0px #bfbbbb; } .attraction-detail-pg .right-panel .ask-question-panel .heading { width:100%; background:#006699; position:relative; float:left; padding: 2px 15px;} .attraction-detail-pg .right-panel .ask-question-panel .heading .text1{width:100%; color:#fff; float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; } .attraction-detail-pg .right-panel .ask-question-panel .heading .text1 span{margin-right:10px;} .attraction-detail-pg .right-panel .ask-question-panel .ask-question-detail{width:100%; float:left; padding:10px;} .attraction-detail-pg .right-panel .ask-question-panel .text1{width:100%; float:left; font-size:14px;} .attraction-detail-pg .right-panel .ask-question-panel .text2{width:100%; float:left; font-size:14px; border: 1px solid #11aaf6; padding:10px;} .attraction-detail-pg .right-panel .ask-question-panel .ask-btn{width:auto; float:left; text-align:center; padding:5px 15px; margin-top:10px; background:#11aaf6; color:#fff; border-radius:5px;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view{width:100%; float:left;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .header{width:100%; float:left; font-size:20px; margin-top:30px; padding-top:20px; border-top:1px solid #ccc;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel{width:100%; float:left; border-bottom:1px solid #ccc; padding:10px 0;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel.last{border-bottom:0px solid #f00;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im{width:30%; float:left;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .im img{width:100%; height:auto;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail{width:70%; float:left; padding-left:10px;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .text1{width:100%; float:left; font-size:14px; color:#006599;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full{width:50%; float:left;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating{width:110px; float:left;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .starrating img{width:100%; height:auto;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .starrating-full .exe{ width:100%; float:left; color:#2b920b;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full{width:50%; float:right; color:#006599;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text3{width:100%; float:right; text-align:right; font-size:10px;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full .text4{width:100%; float:right; text-align:right; font-size:16px; font-weight:600;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .load-more-btn{width:auto; float:left; text-align:center; padding:5px 15px; margin-top:10px; background:#11aaf6; color:#fff; border-radius:10px;} /* ATTARACTION PAYMENT PAGE */ .attraction-payment-pg{width:100%; float:left;} .attraction-payment-pg .att-payment-header{width:100%; float:left; position:relative;} .attraction-payment-pg .att-payment-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .attraction-payment-pg .att-payment-header .ul-loginsignup li{display:inline-block;} .attraction-payment-pg .att-payment-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .attraction-payment-pg .att-payment-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .attraction-payment-pg .att-payment-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .attraction-payment-pg .att-payment-header .ul-social{width:100%; float:left; list-style:none;} .attraction-payment-pg .att-payment-header .ul-social li{display:inline-block; width:30%; float:left; background:#415eae; cursor:pointer; margin-right:10px; box-shadow: 0px 2px 2px 0px #9c9999; -webkit-box-shadow: 0px 2px 2px 0px #9c9999;} .attraction-payment-pg .att-payment-header .ul-social li a{width:100%; float:left; padding:7px 0; text-align:center; color:#fff;} .attraction-payment-pg .att-payment-header .ul-social li:nth-child(2){background:#ccc;} .attraction-payment-pg .att-payment-header .ul-social li:nth-child(3){background:#32b0ed;} .attraction-payment-pg .att-payment-header .continue{width:30%; float:left; padding:7px 0; text-align:center; background:#fdaf11; margin-top:0px; color:#333; box-shadow: 0px 2px 2px 0px #9c9999; -webkit-box-shadow: 0px 2px 2px 0px #9c9999;} .attraction-payment-pg .content{width:100%; float:left; border: 1px solid #11aaf6; padding:10px; margin-top:10px; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .attraction-payment-pg .content .product-info{width:100%; float:left;} .attraction-payment-pg .content .product-info .im{width:100%; float:left;} .attraction-payment-pg .content .product-info .im img{width:100%; height:auto;} .attraction-payment-pg .content .product-info .heading{width:100%; float:left; font-size:25px; color:#000;} .attraction-payment-pg .content .product-info .duration{width:100%; float:left; font-size:14px; color:#000;} .attraction-payment-pg .content .product-info .duration span{color:#006699;} .attraction-payment-pg .content .passenger-info{width:100%; float:left; margin-top:10px;} .attraction-payment-pg .content .passenger-info .heading { width:100%; background:#006699; color:#fff; position:relative; float:left; padding: 2px 15px; margin-bottom:15px;} .attraction-payment-pg .content .passenger-info .heading .text1{ float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; } .attraction-payment-pg .content .passenger-info .heading .text2{float:right; padding:5px 0; margin-bottom: 0px; font-size:14px; font-weight:normal;} .attraction-payment-pg .content .passenger-info .pass-form{width:100%; float:left; position:relative; padding-left:80px;} .attraction-payment-pg .content .passenger-info .pass-form .form-title{width:80px; float:left; position:absolute; top:6px; left:0px; font-weight:normal;} .attraction-payment-pg .content .passenger-info .pass-form .form-control{border: 1px solid #11aaf6;} .attraction-payment-pg .content .passenger-info .pass-form select.form-control{line-height:28px;} .attraction-payment-pg .content .passenger-info .pass-form .form-group{width:100%; float:left;} .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .dobinput{width:50px; float:left; margin-right:10px; padding:0 0px; text-align:center;} .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .age-text{float:left; line-height:34px;} .attraction-payment-pg .content .passenger-info .pass-form .form-group.dob .ageinput{width:50px; float:right; margin-right:0px; padding:0 0px; text-align:center;} .attraction-payment-pg .content .payment-info{width:100%; float:left; margin-top:10px;} .attraction-payment-pg .content .payment-info .heading { width:100%; background:#006699; color:#fff; position:relative; float:left; padding: 2px 15px; margin-bottom:15px;} .attraction-payment-pg .content .payment-info .heading .text1{ float:left; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight:normal; } .attraction-payment-pg .content .payment-info .heading .text2{float:right; padding:5px 0; margin-bottom: 0px; font-size:14px; font-weight:normal;} .attraction-payment-pg .content .payment-info .payment-icon{margin-top:30px; width:100%; float:left;} .attraction-payment-pg .content .payment-info .redirect-text{width:100%; float:left; margin:20px 0;} .attraction-payment-pg .content .payment-info .term-condition-full{margin:30px 0; width:100%; float:left;} .attraction-payment-pg .content .payment-info .pay-btn-outer{width:200px; margin:0 auto; } .attraction-payment-pg .content .payment-info .pay-btn-outer .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#11aaf6; color:#fff; border-radius:5px;} .attraction-payment-pg .payment-sidebar{width:100%; float:left;} .attraction-payment-pg .payment-sidebar .backto-result{padding:5px 10px; float:right; margin-top:15px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .attraction-payment-pg .payment-sidebar .ticket-panel{width:100%; float:left; background:#006699; padding:10px; margin-top:10px;} .attraction-payment-pg .payment-sidebar .ticket-panel .title{float:left; font-size:16px; color:#fff;} .attraction-payment-pg .payment-sidebar .ticket-panel .edit-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; border-radius:10px;} .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay{width:100%; float:left; border-radius:5px; background:#ededed; padding:5px 10px; margin-top:40px;} .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay .total{float:left;} .attraction-payment-pg .payment-sidebar .ticket-panel .total-pay .price{float:right; font-size:16px; font-weight:600;} .attraction-payment-pg .payment-sidebar .ticket-panel .view-price{float:right; font-size:12px; color:#ededed; margin-top:5px;} .attraction-payment-pg .payment-sidebar .ticket-panel .pay-btn{width:100%; float:left; text-align:center; padding:5px 0; margin-top:10px; background:#11aaf6; color:#fff; border-radius:5px;} .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel{width:100%; float:left; position:relative; padding-left:30px; margin-top:20px;} .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .im{width:30px; position:absolute; top:5px; left:0px;} .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie{width:100%; float:left; color:#fff;} .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text1{width:100%; float:left; font-size:12px;} .attraction-payment-pg .payment-sidebar .ticket-panel .servie-panel .servie .text2{width:100%; float:left; line-height:9px; font-size:14px;} .attraction-payment-pg .payment-sidebar .nearby-attractions{width:100%; float:left; border: 1px solid #11aaf6; margin-top:20px; padding:10px; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .attraction-payment-pg .payment-sidebar .nearby-attractions .header{width:100%; text-transform: capitalize; float:left; font-size:20px; padding-bottom:10px; border-bottom:1px solid #ccc;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel{width:100%; float:left; border-bottom:1px solid #ccc; padding:10px 0;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel.last{border-bottom:0px solid #f00;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .im{width:30%; float:left;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .im img{width:100%; height:auto;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail{width:70%; float:left; padding-left:10px;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .text1{width:100%; float:left; font-size:14px; color:#006599;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full{width:50%; float:left;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .starrating{width:100%; float:left;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .starrating img{width:100%; height:auto;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .starrating-full .exe{ width:100%; float:left; color:#2b920b;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .price-full{width:50%; float:right; color:#006599;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .price-full .book-btn{float:right; font-size:12px; color:#fff; background:#11aaf6; padding:2px 10px; margin-top:18px; border-radius:10px;} /* ATTRACTION CONFIRMATION NEW PAGE */ .attraction-confirmation{width:100%; float:left;} .attraction-confirmation .header{width:100%; float:left; position:relative; margin-bottom:10px; padding:10px; border:1px solid #ccc; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .attraction-confirmation .header .heading-text{width:100%; float:left; font-size:20px; font-weight:600; color:#ff9900;} .attraction-confirmation .header .cancel-button{position: absolute; top: 10px; right: 10px; padding: 5px 5px; background: #ff9900; border-radius: 5px; color: #fff;} .attraction-confirmation .header .cancel-button a{color:#fff;} .attraction-confirmation .header .cancel-button .input-btn{background: #a18f50;padding: 5px 20px;border-radius: 5px;color: #fff;border: 0px;} .attraction-confirmation .header .name{width:100%; float:left; font-size:14px; font-weight:normal; color:#333;} .attraction-confirmation .header .thankyou-text{width:100%; float:left; font-size:18px; font-weight:600; color:#333;} .attraction-confirmation .header .booking-text{width:100%; float:left; font-size:14px; font-weight:normal; color:#333;} .attraction-confirmation .header .booking-text.mb0{margin-bottom:0px;} .attraction-confirmation .result{width:100%; float:left; margin-bottom:10px; padding:10px; border:1px solid #ccc; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .attraction-confirmation .result .heading{width:100%; float:left; font-size:16px; font-weight:600;} .attraction-confirmation .result .date{width:100%; float:left; font-size:14px; font-weight:600;} .attraction-confirmation .result .address{width:100%; float:left; font-size:14px; font-weight:normal;} .attraction-confirmation .result .adult{width:100%; float:left; font-size:14px; font-weight:normal;} .attraction-confirmation .result .traveller{width:100%; float:left; border:1px solid #ccc; padding:10px;} .attraction-confirmation .result .traveller .heading{width:100%; float:left; font-size:14px; font-weight:600;} .attraction-confirmation .result .traveller .box1{width:50%; float:left;} .attraction-confirmation .result .traveller .box2{width:50%; float:left;} .attraction-confirmation .result .traveller .name{float:left; font-size:16px; font-weight:600;} .attraction-confirmation .result .traveller .adult{float:left; font-size:14px; padding-left:100px;} .attraction-confirmation .result .traveller .ul-passenger-info{width:100%; float:left; list-style:none;} .attraction-confirmation .result .traveller .ul-passenger-info li{width:100%; float:left;} .attraction-confirmation .result .traveller .ul-passenger-info li .heading{width:150px; float:left;} .attraction-confirmation .result .traveller .ul-passenger-info li .text{float:left; font-weight:600;} .attraction-confirmation .result .traveller .total-amount{width:100%; float:right; text-align:right; font-size:20px; margin-top:10px;} .attraction-confirmation .result .traveller .total-amount span{font-weight:600;} .attraction-confirmation .result .traveller .line{width:100%; height:1px; float:left; background:#ccc; margin:20px 0 20px 0;} .attraction-confirmation .result .bottom{width:100%; float:left; position:relative; margin-top:20px;} .attraction-confirmation .result .bottom .text{width:100%; float:left; text-align:center; padding-right:50px;} .attraction-confirmation .result .bottom .print{width:50px; position:absolute; top:0px; right:0px; text-align:center; color:#fff; border:0px; outline:none; border-radius:5px; background:#ff9900; padding:5px 0;} /* 04 POPULAR FLIGHTS START */ .popular-flights h3{width:100%; float:left; text-align:center; font-size:35px; font-weight:normal; color:#333; margin:0px;} .popular-flights h4{width:100%; float:left; text-align:center; font-size:25px; color:#0b4987; font-weight:normal; margin-top:10px;} .popular-flights .package{width:100%; float:left; border:1px solid #ccc; position:relative; margin-top:15px; overflow:hidden; } .popular-flights .package img{width:100%; height:auto;} .popular-flights .package .title{width:100%; position:absolute; float:left; top:0px; background:rgba(0,0,0,0.5); transition:0.3s; -webkit-transition:0.3s; } .popular-flights .package .title h4{color:#fff; text-align:center; width:100%; float:left; font-size:14px; margin-top:10px; font-weight:300;} .popular-flights .package .title h3{color:#fff; text-align:center; width:100%; float:left; font-size:18px; margin-bottom:10px; font-weight:600;} .popular-flights .package>a{width:100%; text-align:center; float:left; color:#fff; padding:10px 10px; background:#d3302c;} .popular-flights .package>a:hover{text-decoration:none; color:#fff; background:#eb5403;} .popular-flights .package p.view-all{width:100%; text-align:center; float:left; color:#fff; padding:10px 10px; background:#0b4987;} .popular-flights .package .content{height: 134px;background: #fff;overflow: hidden;} .popular-flights .package p{width:100%; float:left; color:#333; font-size:13px; padding:7px 10px; margin:0px; border-bottom:1px solid #ccc;} .popular-flights .package p>a{text-decoration:none; color:#0b4987; } .popular-flights .package p>a:hover{text-decoration:none; color:#eb5403;} .popular-flights .package p span{font-size:13px; float:right; text-align:right; width:37%; color:#333;} .popular-flights .package p:last-child{border-bottom:0px;} .partner-caousel{width:100%; float:left; margin:50px 0 50px 0;} .partner-caousel .carousel-control.left {background:none;} .partner-caousel .carousel-control.right {background:none;} .popular-flights .flighttbtn h4 span{ padding: 10px;color: #0b4987; border-radius: 6px;} .popular-flights .flighttbtn{margin: 60px 0px 0px 0;} .popular-flights .flighttbtn p{text-align: center;margin-top: 15px;color: #000;font-size: 17px; letter-spacing: 0;} .row-2{margin-left:-2px !important; margin-right:-2px !important;} /* 04 POPULAR FLIGHTS END */ /* FLIGHT CONFIRMATION PAGE */ .hotel-confirmation .header {width: 100%; float: left;} .hotel-confirmation .header p {width: 100%; float: left; font-size: 16px;color: #666;} .hotel-confirmation .header p span {color: #ff5454; font-weight: bold;} .hotel-confirmation .header .status {width: 100%; float: left; font-size: 30px; color: #ff5454; font-weight: bold;} .hotel-confirmation .header .thanks {width: 100%; float: left; font-size: 24px; color: #666; font-weight: 600} .flight-confirmation .confirmation-detail .row1 p {margin: 0 0 0px !important;} .flight-confirmation .confirmation-detail .row2 {margin-top: 20px;} .flight-confirmation .confirmation-detail .row2 p {width: 100%; float: left; font-size: 16px; font-weight: bold; text-align: left; color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .roomtype p {width: 100%; float: left; font-size:14px !important; font-weight: normal !important; text-align: left; color:#333 !important;} .flight-confirmation .confirmation-detail .row2 .departure {border: 1px solid #ccc; float: left; padding: 10px; width: 100%; margin-top: 10px;} .flight-confirmation .confirmation-detail .row2 .departure p {color: #000 !important; width: 100%; float: left; font-size: 14px; text-align: left; font-weight: bold;} .flight-confirmation .confirmation-detail .row2 .departure .hour {color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .departure .iconimg {width: 35px; float: left; margin-right: 4%; margin-top: 12px;} .flight-confirmation .confirmation-detail .row2 .departure .class {width: 70%; float: left;} .flight-confirmation .confirmation-detail .row2 .departure.class p {margin-top: 55px;} .flight-confirmation .confirmation-detail .row2 .departure label {color: #666; width: 100%; float: left; font-size: 13px; text-align: left; font-weight: 600; margin-bottom: 0px;} .flight-confirmation .confirmation-detail .row2 .departure .hour {color: #ff5454;} .flight-confirmation .confirmation-detail .row2 .departure span {color: #666; width: 100%; float: left; font-size: 13px; text-align: center;} .flight-confirmation .confirmation-detail .row2 .departure span.depart {font-size: 13px; color: #666;} .flight-confirmation .confirmation-detail .row2 .departure span.time {font-size: 14px; color: #000; font-weight: 600;} .flight-confirmation .confirmation-detail .row2 .departure span.date {font-size: 13px; color: #333;} .flight-confirmation .confirmation-detail .row2 .departure span.location {font-size: 11px; color: #333;} .flight-confirmation .confirmation-detail .row2 .departure span.icon { font-size: 26px; color: #666;} .flight-confirmation .confirmation-detail .row2 .departure span.iconhour {font-size: 14px; color: #666; font-weight: bold;} .flight-confirmation .confirmation-detail .row2 .departure .fare {color: #ff5454; font-size: 16px; font-weight: 600;} .flight-confirmation .confirmation-detail .row2 .departure .farebaggage {color: #666; font-size: 16px; font-weight: 600;} .hotel-confirmation .confirmation-detail {width: 100%; float: left; border: 1px solid #ccc; padding: 10px;} .hotel-confirmation .confirmation-detail .row1 {width: 100%; float: left;} .hotel-confirmation .confirmation-detail .row2 {width: 100%; float: left; border: 1px solid #ccc; padding: 10px;} .hotel-confirmation .confirmation-detail .row3 {width: 100%; float: left; border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row1 .hoteldetail {float: left; text-align: left; font-size: 16px; color: #ff5454; font-weight: bold;} .hotel-confirmation .confirmation-detail .row1 .hoteldetail i {color: #000; padding-right: 5px;} .hotel-confirmation .confirmation-detail .date {float: right; text-align: right; font-size: 16px; color: #999;} .hotel-confirmation .confirmation-detail .row2 img {width: 100%; height: auto;} .hotel-confirmation .confirmation-detail .row2 .hotelname {width: 100%; float: left; text-align: left; font-size: 17px; color: #000; font-weight: bold; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .address {width: 100%; float: left; text-align: left; font-size: 16px; color: #000; font-weight: normal; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .rating {color: #365cbe; font-size: 14px; padding-left: 0px;} .hotel-confirmation .confirmation-detail .row2 .checkin {width: 100%; float: left; font-size: 12px; color: #333; font-weight: 600; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .checkin span {font-size: 12px; padding-left: 30px; color: #333; font-weight: bold; margin: 0px 0 0px 0;} .hotel-confirmation .confirmation-detail .row2 .roomtype {width: 100%; float: left; border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row2 p {margin: 0 0 0px;} .hotel-confirmation .confirmation-detail .row2 .totalroom {width: 100%; float: left; padding: 10px; margin-top: 20px;} .hotel-confirmation .confirmation-detail .row3 .guestname {float: left; text-align: left; font-size: 16px; color: #333; font-weight: bold;} .hotel-confirmation .confirmation-detail .row3 ul {list-style: none; float: left; width: 100%;} .hotel-confirmation .confirmation-detail .row3 ul li { display: inline-block; width: 100%; float: left; text-align: left; font-size: 18px; color: #000; font-weight: 600; padding: 2px 0;} .hotel-confirmation .confirmation-detail .row3 ul li i {text-align: left; padding: 0 20px; font-size: 18px; color: #000; font-weight: 600;} .hotel-confirmation .confirmation-detail .row3 ul li span {text-align: left; float: right; width: 50%; padding-left: 20px; font-size: 14px; color: #666; font-weight: 600;} .hotel-confirmation .confirmation-detail .row3 ul.contact {list-style: none; float: left; width: 100%;} .hotel-confirmation .confirmation-detail .row3 ul.contact li {display: inline-block; width: 100%; float: left; text-align: left; font-size: 16px; color: #333; font-weight: 600; padding: 2px 0;} .hotel-confirmation .confirmation-detail .row3 ul.contact li span {text-align: left; float: right; width: 70%; padding-left: 0px; font-size: 16px; color: #333; font-weight: bold;} .hotel-confirmation .confirmation-detail .row3 .price {/*float: right;*/ text-align: right; font-size: 26px; color: #333; font-weight: normal; padding-right: 30px;} .hotel-confirmation .confirmation-detail .row3 .price span {float: right; text-align: right; font-size: 30px; color: #333; font-weight: bold; padding-left: 5px;} .hotel-confirmation .confirmation-detail .footer {padding: 30px 0; width: 100%; float: left; background:none;} .hotel-confirmation .confirmation-detail .footer .info {width: 100%; text-align: right; font-size: 16px; color: #666; font-weight: normal; margin: 15px 0 0px 0;} .hotel-confirmation .confirmation-detail .footer .info a {text-decoration: none; color: #666;} .hotel-confirmation .confirmation-detail .footer .info a:focus {text-decoration: none; color: #666;} .hotel-confirmation .confirmation-detail .footer .print {width: auto; text-align: right; font-size: 16px; color: #666; font-weight: normal; margin: 10px 10px 0px 0; float: right; padding:0 10px;} .hotel-confirmation .confirmation-detail .footer a:hover, .booking .booking-detail .footer .info a:hover {text-decoration: underline !important;} .advance-search-full-btn{ background:#ff5b02; width:100%; float:left; color:#fff; cursor:pointer; padding:5px 15px;} .advance-search-full-btn span i{transition:0.3s; -webkit-transition:0.3s;} /*conact us*/ .contactusmain {float:left; width:100%; overflow: auto;} .contactusmain .contactbannerbg{background: url(../images/package/aboutus.html); padding: 45px 0px; background-attachment: fixed; background-size: cover; color: #ffffff; float: left; width: 100%; overflow: auto;} .contactusmain .contact-address{background: #2F7AF8;} .contactusmain .contact-address {color: #ffffff; padding: 60px 0px; background: #2f7af8 !important;} .contactusmain .contact-address h2 {font-weight: 800;letter-spacing: 1px;} .contactusmain .contact-address h5 {line-height: 2;} .contactusmain .contact-address p {font-size: 16px;font-weight: bold;} .contactusmain .contact-address a {color: #ffffff; font-weight: 400;} .contactusmain .contact-address a:hover {color: #F2676B;} .contactusmain .contact-address i {font-size: 40px; margin: 30px 0px;} .contactusmain .contact-address p i {font-size: 18px; margin: 5px;} .contactusmain .contact-form {padding: 30px 15px;} .contactusmain .contact-form .form-control {height: 40px;border-radius: 0px;margin: 10px 0px;} .contactusmain .contact-form textarea {height: auto !important;} .contactusmain .contact-form h2 {font-weight: 800;letter-spacing: 1px;} .contactusmain .contact-form h5 {line-height: 2;} .contactusmain .contact-map {border: 0px;width: 100%;height: 520px;} .contactusmain .formsubmitbtn{margin-top: 13px;padding:8px;color: #fff; background-color: #2f7af8; border-color: #2e6da4; font-size: 18px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation; cursor: pointer; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0px;} .contact-form .text-center h2{ margin-bottom: 30px;} .contact-form input, .contact-form select{margin-bottom: 10px; border-radius: 0; height: 41px;} .contact-form textarea{margin-bottom: 10px; border-radius: 0; padding: 10px; max-width: 100%; max-height: 151px; width: 100%; } .contact-form .formsubmitbtn { max-width: 250px; margin: 10px auto;} .map_section{margin: 30px 0 0; background:#ccc; padding: 30px 0;} /*other packages*/ .spcial_offers.ExeclusiveOffers{background: #f4f4f4;padding: 0;} .spcial_offers.ExeclusiveOffers .offer_packeg{margin-bottom: 30px;} .spcial_offers.bgwhite{background: #fff;} .spcial_offers .sorting-section{padding: 20px 0;} .spcial_offers .sorting-section h3{ color: #666666;} .spcial_offers .sorting-section .sort-offer{width: 200px; float: left;} .ExeclusiveOffers .offer_packeg .offer-name h2 {color: #000;} .ExeclusiveOffers .offer_packeg .offer-name h3 {color: #000;} .ExeclusiveOffers .excoffr{background: url(../images/excoffr.html); position: absolute; top: 37%; right: 10px; width: 73px; height: 71px; font-size: 20px;font-size: 26px;padding: 10px 10px;font-weight: 600;} .ExeclusiveOffers .excoffr span{display: block;font-size: 18px;text-align: center;line-height: .5em;} .contact-item .holiday_pckge p{font-size: 18px;font-family:'Open Sans',sans-serif;font-weight: 400;} .service_page{text-align: center;} .service_page h2{text-transform: none;font-size: 68px;font-family:'Open Sans',sans-serif;font-weight: 600;} .caption h1{color:#262931;text-align:center;padding-bottom:50px;font-family: 'Montserrat', sans-serif; font-size:50px} .spcial_offers{background-color:#cbdde2;font-family:'Open Sans',sans-serif;padding-top:83px;padding-bottom:100px} .spcial_offers .offer_packeg{position:relative;color:#fff;margin-bottom:60px} .spcial_offers .offer_packeg figure{position: relative; border: 4px solid #fff; -webkit-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000;} .spcial_offers .offer_packeg figure:after{content:""; position: absolute; width: 100%; height:90px; background: ; top:0; background: linear-gradient(to top, transparent 10%,rgba(0,0,0,.6) 50%);} .spcial_offers .offer_packeg img{max-width:100%;display:block;height:250px;object-fit:cover} .spcial_offers .offer_packeg .offfer_price{position:absolute;top:10px;width:100%} .spcial_offers .offer_packeg .offfer_price p{font-size:15px;font-weight:400} .spcial_offers .offer_packeg .offfer_price p span{font-size:15px;display:block} .spcial_offers .offer_packeg .offfer_price ul{padding:0;margin:0;color:#ffb027; text-align: right;} .spcial_offers .offer_packeg .offfer_price ul li{list-style:none;display:inline-block} .spcial_offers .offer_packeg .offfer_price ul li.dimed{color:#c4c4c4} .offer_packeg{overflow:hidden} .offer_packeg img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .loadmore input[type="submit"]{background-color:#4472d3;color:#fff;border:none; display:block;padding:5px 16px;-webkit-transition: all .3s ease-in; transition:all .3s ease-in; margin:0 auto;padding-top:10px;padding-bottom:10px;padding-right:50px;padding-left:50px;text-transform:uppercase;text-decoration:none;border-radius:4px;max-width:200px} .loadmore input[type="submit"]:hover{background: #173471;} .offer_packeg .offer-name h2{font-size:18px;font-weight:600;color:#000;text-align:center;margin-top:9px;text-transform: capitalize; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .offer_packeg .offer-name h3{font-size:14px;font-weight:600;color:#000;text-align:center;margin-top:10px;text-transform: capitalize;} .modal-content .modal-header span{ position: absolute;top: 16px;left: 8px;} /*--services-list--*/ .services-list{padding: 50px 0;} .services-list .services h2 {font-size: 18px;font-family: 'Open Sans',sans-serif;font-weight: 700;color: #253566;text-align: center;margin-top: 18px;} .services-list .services img{ width: 100%; height: 270px; object-fit: cover;} .panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; color: grey; } .panel-heading .accordion-toggle.collapsed:after {content: "\e080"; } .holidays{background: transparent} .spcial_offers.holidays .offer_packeg img{height: 200px; object-fit: cover} .spcial_offers.holidays .offer_packeg figure {border: 4px solid #424242;} .inner-service .caption h2 {color: #262931;text-align: left;padding-bottom: 9px;font-family: 'Montserrat', sans-serif;font-size: 27px;} .inner-service .spcial_offers{padding-top: 50px;} .inner-service .services{margin-bottom: 35px;} .inner-service .services-list{padding: 50px 15px;} .hover14 figure {position: relative;} .hover14 figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: "";width: 50%;height: 100%;background: -webkit-linear-gradient( left,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg);transform: skewX(-25deg);} .hover14 .offer_packeg:hover figure::before {-webkit-animation: shine 0.9s;animation: shine 0.9s;} /*-- START: OUR PARTNER --*/ .our-partner {padding: 60px 0px; background: #f7f7f7; width:100%; float:left;} .our-partner ul.social-network {list-style: none; display: inline; margin-left: 0 !important;padding: 0;} .our-partner ul.social-network li {display: inline; margin: 0 5px;} .our-partner .social-network a:hover {background-color: #F56505;} .our-partner .social-circle li a {display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px;} .our-partner .social-circle li i { margin: 0; line-height: 50px; text-align: center;} .our-partner .social-circle li a:hover i, .triggeredHover {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;} .our-partner .social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;} .our-partner ul.social-network {list-style: none; display: inline; margin-left: 0 !important;padding: 0;} .our-partner ul.social-network li {display: inline; margin: 0 5px;} .our-partner .social-circle li a {display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px;} .our-partner .social-circle li i {margin: 0; line-height: 50px; text-align: center; color:#fff;} /* TRANSFER CONFIRMATION NEW PAGE */ .flight-confirmation-new{width:100%; float:left;} .flight-confirmation-new .header{width:100%; float:left; margin-bottom:10px; padding:10px; border:1px solid #ccc; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .flight-confirmation-new .header .heading-text{width:100%; float:left; font-size:20px; font-weight:600; color:#ff9900;} .flight-confirmation-new .header .name{width:100%; float:left; font-size:14px; font-weight:normal; color:#333;} .flight-confirmation-new .header .thankyou-text{width:100%; float:left; font-size:18px; font-weight:600; color:#333;} .flight-confirmation-new .header .booking-text{width:100%; float:left; font-size:14px; font-weight:normal; color:#333;} .flight-confirmation-new .header .booking-text.mb0{margin-bottom:0px;} .flight-confirmation-new .result{width:100%; float:left; margin-bottom:10px; padding:10px; border:1px solid #ccc; box-shadow: 0px 4px 3px 0px #bfbbbb; -webkit-box-shadow: 0px 4px 3px 0px #bfbbbb;} .flight-confirmation-new .result .heading{width:100%; float:left;} .flight-confirmation-new .result .heading .title{ font-size:14px; font-weight:600; color:#ff9900; float:left;} .flight-confirmation-new .result .heading .date{ font-size:14px; font-weight:normal; color:#333; float:right;} .flight-confirmation-new .result .departure-return-panel{width:100%; float:left; border:1px solid #ccc; padding:10px; margin-bottom:20px;} .flight-confirmation-new .result .departure-return-panel .depar-return-text{width:100%; font-size:14px; font-weight:600;} .flight-confirmation-new .result .departure-return-panel .info-panel{width:100%; float:left; border:1px solid #ccc; background:#f5f5f5; padding:10px; margin-bottom:10px;} .flight-confirmation-new .result .departure-return-panel .info-panel .heading{font-weight:600;} .flight-confirmation-new .result .departure-return-panel .info-panel .box1{width:20%; float:left;} .flight-confirmation-new .result .departure-return-panel .info-panel .box2{width:20%; float:left;} .flight-confirmation-new .result .departure-return-panel .info-panel .box3{width:20%; float:left;} .flight-confirmation-new .result .departure-return-panel .info-panel .box4{width:20%; float:left;} .flight-confirmation-new .result .departure-return-panel .info-panel .box5{width:20%; float:left;} .flight-confirmation-new .result .departure-return-panel .info-panel .flight-text{width:100%; float:left; font-size:12px;} .flight-confirmation-new .result .departure-return-panel .info-panel .flight-icon{width:30px; height:30px;} .flight-confirmation-new .result .departure-return-panel .info-panel .flight-icon img{width:30px; height:auto;} .flight-confirmation-new .result .departure-return-panel .info-panel .icon{width:100%; float:left; font-size:26px; text-align:center;} .flight-confirmation-new .result .departure-return-panel .info-panel .departe{width:100%; float:left; font-size:12px; color:#666; text-align:center;} .flight-confirmation-new .result .departure-return-panel .info-panel .time{width:100%; float:left; font-size:12px; font-weight:600; text-align:center;} .flight-confirmation-new .result .departure-return-panel .info-panel .date{width:100%; float:left; font-size:12px; color:#666; text-align:center;} .flight-confirmation-new .result .departure-return-panel .info-panel .cabin-class{width:100%; float:left; margin-top:20px; font-size:16px; font-weight:600; text-align:center;} .flight-confirmation-new .result .traveller{width:100%; float:left; border:1px solid #ccc; padding:10px;} .flight-confirmation-new .result .traveller .heading{width:100%; float:left; font-size:14px; font-weight:600;} .flight-confirmation-new .result .traveller .box1{width:50%; float:left;} .flight-confirmation-new .result .traveller .box2{width:50%; float:left;} .flight-confirmation-new .result .traveller .name{float:left; font-size:16px; font-weight:600;} .flight-confirmation-new .result .traveller .adult{float:left; font-size:14px; padding-left:100px;} .flight-confirmation-new .result .traveller .ul-passenger-info{width:100%; float:left; list-style:none;} .flight-confirmation-new .result .traveller .ul-passenger-info li{width:100%; float:left;} .flight-confirmation-new .result .traveller .ul-passenger-info li .heading{width:150px; float:left;} .flight-confirmation-new .result .traveller .ul-passenger-info li .text{float:left; font-weight:600;} .flight-confirmation-new .result .traveller .total-amount{width:100%; float:right; text-align:right; font-size:20px; margin-top:10px;} .flight-confirmation-new .result .traveller .total-amount span{font-weight:600;} .flight-confirmation-new .result .bottom{width:100%; float:left; position:relative; margin-top:20px;} .flight-confirmation-new .result .bottom .text{width:100%; float:left; text-align:center; padding-right:50px;} .flight-confirmation-new .result .bottom .print{width:50px; position:absolute; top:0px; right:0px; text-align:center; color:#fff; border-radius:5px; background:#ff9900; padding:5px 0;} @media only screen and (min-width: 320px) and (max-width:767px) { .flight-confirmation-new .result .traveller .box1{width:100%;} .flight-confirmation-new .result .traveller .box2{width:100%;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .checkbox span{margin-left: 0;} } @media only screen and (min-width: 320px) and (max-width:500px) { .flight-confirmation-new .result .heading .title{float:left; width:100%;} .flight-confirmation-new .result .heading .date{float:left; width:100%;} .flight-confirmation-new .result .departure-return-panel .info-panel .box1{width:100%; text-align:center;} .flight-confirmation-new .result .departure-return-panel .info-panel .box2{width:33%;} .flight-confirmation-new .result .departure-return-panel .info-panel .box3{width:33%;} .flight-confirmation-new .result .departure-return-panel .info-panel .box4{width:33%;} .flight-confirmation-new .result .departure-return-panel .info-panel .box5{width:100%;} .flight-confirmation-new .result .traveller .adult {float: left; font-size: 14px; padding-left:10px;} .flight-confirmation-new .result .traveller .ul-passenger-info li .heading {width:auto; float: left; margin-right:10px;} .flight-confirmation-new .result .traveller .total-amount{font-size:18px;} } /*--term-condition-full--*/ /*START SCROLL TO TOP*/ @media (max-width:767px) { .top-stip-icon{display:none;} .advance-search-full-btn[aria-expanded="true"] span i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .flight-results .results .row.header.mt30{margin-top:10px !important;} } @media (max-width:767px) { .flight-results .results .result.travel-port p {font-size: 10px;overflow: hidden;} .flight-results .results .result.travel-port .padding0a>table>tbody>tr>td>div {padding-left: 2px !important;padding-right: 2px !important;} .flight-results .results .result.travel-port .padding0a {margin-left: -2px !important;margin-right: -2px !important} .travelport-detail{padding: 2px;} .popup_block.popup-outer,.popup_block {width: 90%;left: 50%;} .flight-booking .booking-detail .passenger ul.name li{padding: 0px;} .flight-booking .booking-detail .passenger ul.name li label, .flight-booking .booking-detail .passenger ul.contact li label, .flight-booking .booking-detail .passenger ul.contact li input{width: 100%;} .popup_block .progress{padding:0;} .flight-booking .booking-detail .passenger ul.name li select {width: 20%;} .flight-booking .booking-detail .passenger ul.name li input{width: 38%;} .flight-booking .booking-detail .passenger ul.name li .form-control{padding: 5px 2px;} .flight-booking .booking-detail .passenger ul.name, .flight-booking .booking-detail .passenger ul.contact {margin-top: 5px;} .flight-booking .booking-detail .passenger ul.name li select {width: 20%;} .flight-booking .booking-detail .passenger ul.name li:nth-child(2) select {width: 32.3%;} .flight-results .results .header-new .city-details li {min-width: auto;} .container-full .advance-search .adserch-modify-btn {height: 51px;} #popup_container.ui-draggable{max-width: 90% !important;min-width: 90%!important; left: 5% !important;} .enquiry_modal .modal-dialog {width: 87%;} .term-condition-full .checkbox label label{padding:0;} .custom-style .modal-dialog {width: 90% !important;} .custom-style .modal-dialog .modal-content {padding: 0;} .carousel-control{display: none} .banner-new .new-tab-full .form-group label.position-relative.right-icon span.right{padding-top: 2px;} .banner-new .new-tab-full .radio-full .radio {margin: 0 10px 4px 0;} .pad-5 input[type=submit] {margin-top: 31px !important;} .container-full .advance-search .adserch-left-panel .tab-panel .flightcity {width: 50%; padding: 0px 10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flightdate {width: 100%;padding: 0px 10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flighttraveller {width: 50%;padding: 0px 10px;} .container-full .advance-search .adserch-left-panel .tab-panel .flightclass {width: 50%;padding: 0px 10px;} .container-full .advance-search .adserch-left-panel .radio-full{padding: 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .header{position: relative;} .flight-booking-pg .main-booking-content .booking-field-panel .header .dropdown-link{ position: absolute;top: 5px;right: 5px;} .container-full .flight-result .result-panel .result-content .result .flight-price .book-flight {padding: 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box1 .form-control {padding: 0 8px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box5 .form-control {padding: 0 10px;} .panel-content .checkbox, .panel-content .radio { margin-top: 0px; margin-bottom: 15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .term-condition-full .pay-btn-outer {margin: 10px auto; float: none;} .new-login-popup .login-content {width: 100%;} .new-login-popup .text-content {width: 100%;} header .new-login-popup-full .modal-dialog {width: 95%!important;} header .new-login-popup-full.in {transform: translateY(46px);-webkit-transform: translateY(46px);} .flight-booking-pg .main-booking-content .booking-field-panel .header .rext-text{margin-right: 14px;} .container-full .advance-search .adserch-left-panel .radio-full .radio {width: 100%; margin-bottom: 5px;} footer .footer2{padding: 60px 20px !important;} .col-sm-1 input{margin-top: 10px !important; margin-left: 20px !important} } .bgcolorflighthotelconf {background: #fff;overflow: auto;margin-bottom: 20px;}