@charset "utf-8"; @import "https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap"; @import url('Autocomplete.css'); /* 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;} textarea{ resize:none; } pd10 {padding: 10px;} .img-fullwidth img {width: 100%; height: auto;} select.title-mr{padding:0 0 0 2px;} .custome-progress-bar-outer{width: 100%; height: 15px; margin:-10px 0 10px 0; float: left; background: #eee; position: relative; border-radius: 3px; overflow: hidden;} .custome-progress-bar{position: absolute; width:5%; height: 100%; top: 0px; left: 0; background: #FF834F;} .progress-bar-theme{background-color:#FF834F !important;} /*.custome-progress-bar::before{content: ""; position: absolute; width: 5%; height: 100%; top: 0px; left: 0; background: #FF834F;}*/ body {font-size: 14px !important; font-family: 'Open Sans', sans-serif !important; /*letter-spacing: 0.4px;*/ word-spacing: 1px; background:#f5f5f5 !important; } header, footer, figure, aside, section, article {display: block;} .full-width {float: left; width: 100%; padding: 0 15px 30px; max-width: 100%;} .widthfull {width: 100%; float: left;} .breadcrumb { padding: 8px 0px !important; margin-bottom: 0px !important; list-style: none !important; background-color: transparent !important; border-radius: 0px !important; margin-top: 10px;} .top_line { width: 100%; height: 4px; float: left; background: #003366; margin-bottom:5px;} .im-responsive{width:100%; height:auto;} select:-moz-focusring{color: transparent !important; text-shadow: 0 0 0 #000 !important;} .topcontrol{background:#15bdcc !important;} .modal{z-index:111111 !important;} /*Start AutoComplete old Style*/ /*.ac_results {padding: 0;border: 1px solid black;background-color: white;overflow: hidden;z-index: 9999;width: 500px !important;position: absolute;} .ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;box-shadow: 0 0 1px 1px #CCC;background-color: #fff;} .ac_results li {margin: 0;cursor: default;display: block;font: menu;font-size: 14px;overflow: hidden;} .ac_odd {float: left;width: 100%;background: #FFF url("../../Content/images/autocompleteicon/loc1.png") no-repeat scroll 3% 49%;color: #063553;font: 15px/25px DinMedium;padding: 10px 20px 10px 31px;margin-top: 5px;} .ac_even {float: left;width: 100%;padding: 6px 6px 6px 40px;font: 15px DinMedium;color: #0A6473;background: #FFF url("../../Content/images/autocompleteicon/plane1.png") no-repeat scroll 5% 40%;} .ac_over {background-color: #FFEC9D;}*/ /*END AutoComplete Style*/ /*Start Price Slider*/ .multi-range, .multi-range * {box-sizing: border-box;padding: 0;margin: 0;} .multi-range {position: relative;width: 100%;height: 28px;font-family: monospace;-webkit-appearance: none;float: left;margin: 10px 0 15px 0;} .multi-range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;margin-top: 5px;background: #15bdcc;cursor: pointer;} .multi-range > hr {position: absolute;width: 100%;top: 50%;} .multi-range > input[type=range] {width: calc(100% - 16px);position: absolute;bottom: 6px;left: 0;} .multi-range > input[type=range]:last-of-type {margin-left: 16px;} .multi-range > input[type=range]::-webkit-slider-thumb {transform: translateY(-18px);} .multi-range > input[type=range]::-webkit-slider-runnable-track {-webkit-appearance: none;height: 0px;} .multi-range > input[type=range]::-moz-range-thumb {transform: translateY(-18px);} .multi-range > input[type=range]::-moz-range-track {-webkit-appearance: none;height: 0px;} .multi-range > input[type=range]::-ms-thumb {transform: translateY(-18px);} .multi-range > input[type=range]::-ms-track {-webkit-appearance: none;height: 0px;} /*End Price Slider*/ /*Start Loader Slider*/ .page {padding: 1px;background: #e5e5e5;margin-bottom: 30px;} .page-title {margin-top: 5px;margin-bottom: 10px;} .page-content {background: #fff;padding: 25px 0;} .top-search-section {margin-top: 80px;} .top-search-section .placeholder-content {height: 100px;} .top-search-section .page-content {background: #fff;padding: 5px 0 25px;} .placeholder-content {height: 205px;overflow: hidden;background: #000;position: relative;-webkit-animation-duration: 1.7s;animation-duration: 1.7s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-name: placeholderAnimate;animation-name: placeholderAnimate;background: #f6f7f8;background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);background-size: 1300px;} .placeholder-content_item {width: 100%;height: 20px;position: absolute;background: #fff;z-index: 2;} .placeholder-content_item:after, .placeholder-content_item:before {width: inherit;height: inherit;content: "";position: absolute;} .placeholder-content_item:nth-child(1) {top: 0;left: 0;} .placeholder-content_item:nth-child(2) {top: 20px;left: 0;width: 10%;height: 90px;} .placeholder-content_item:nth-child(3) {top: 0px;left: 0;width: 10%;height: 100%;} .placeholder-content_item:nth-child(4) {top: 20px;width: 20px;left: 240px;height: 90px;} .placeholder-content_item:nth-child(5) {top: 40px;left: 240px;height: 12px;} .placeholder-content_item:nth-child(6) {top: 75px;left: 240px;height: 12px;} .placeholder-content_item:nth-child(7) {top: 20px;right: 0;width: 23%;height: 20px;} .placeholder-content_item:nth-child(8) {top: 0;right: 0;width: 10%;height: 100%;} .placeholder-content_item:nth-child(9) {top: 110px;height: 17px;left: 0;} .placeholder-content_item:nth-child(10) {top: 149px;height: 12px;left: 0;} .placeholder-content_item:nth-child(11) {top: 183px;left: 0;height: 100%;} .left-icon .placeholder-content_item:nth-child(5) {top: 40px;left: 0px;height: 12px;} .left-icon .placeholder-content_item:nth-child(6) {top: 75px;left: 0px;height: 12px;} .left-icon .placeholder-content_item:nth-child(7) {top: 20px;left: 0;height: 20px;} @-webkit-keyframes placeholderAnimate { 0% {background-position: -650px 0;} 100% {background-position: 650px 0;} } @keyframes placeholderAnimate { 0% {background-position: -650px 0;} 100% {background-position: 650px 0;} } /*End Loader Slider*/ .padding0-advance-search{margin-left: -15px !important; margin-right: -15px !important;} .padding0-advance-search>.padding-center {padding-left: 5px !important; padding-right: 5px !important;} .padding0-advance-search>.padding-right {padding-right: 5px !important;} .padding0-advance-search>.padding-left {padding-left: 5px !important;} .main-shadow-box{width:100%; float:left; background:#fff; overflow:auto; border-radius:5px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .main-shadow-box-normal{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box-normal:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .ul-coomon{width:100%; float:left; padding-left:20px;} .ul-coomon li{float:left; width:100%;} .select2-container--default{width:100% !important;} .select2-container .select2-selection--single{height:34px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px !important;} .select2-container--default .select2-selection--single{border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px !important; position: absolute; top: 1px; right: 1px; width: 20px;} /*Bootstrap time Picker*/ /*.table-condensed {width: 100% !important;} .table-condensed thead {display: none !important;} .table-condensed tfoot {display: none !important;}*/ /*Bootstrap time Picker*/ /* CARGO SERVICE */ .cargoservice-pg{width:100%; float:left;} .cargoservice-pg .air-img{max-width:500px; float:left; margin-bottom:15px;} .cargoservice-pg .air-img img{width:100%; height:auto;} .cargoservice-pg .color1{color:#51a92d;} .cargoservice-pg .color2{color:#f36823;} .cargoservice-pg .color3{color:#f00;} .cargoservice-pg .cargoservice-table{max-width:500px;} .cargoservice-pg .cargoservice-table tr th{background:#02466b; color:#fff;} .cargoservice-pg .abouttext{width: 100%;float: left;line-height: 23px;margin: 0;padding:0;text-align: justify;margin-bottom: 10px;} /* CARGO SERVICE */ /* 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:100% 100%; position:relative; margin-top:84px; } .banner-full.home{width:100%; float:left; padding:0 0 0px 0; background:url(../images/banner/home-slider22.jpg) 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:100% 100%;} .banner-full .forbraound-img{width:100%; height:100%; height:728px; float:left; background:rgba(0, 0, 0, 0.3); /*background:url(../images/gridtile.png);*/ padding:0 0 190px 0; box-shadow:0px 0px 40px #cacaca; -webkit-box-shadow:0px 0px 40px #cacaca;} .tab-full{width:100%; float:left; color:#fff; font-size:13px; font-weight:normal; min-height:310px; margin-top:80px;} .tab-full ul.head-tab{width:100%; float:left; list-style:none; margin:0px; padding:0 0px;} .tab-full ul.head-tab li{float:left; color:#fff; background:#202c38; font-size:13px; padding:10px 7px; cursor:pointer; border-right:1px solid #294255; position:relative;} .tab-full ul.head-tab li .new{position:absolute; background:#eb2226; color:#fff; top:2px; right:17px; font-size:7px; font-weight:600; padding:0px 2px; border-radius:2px;} .tab-full ul.head-tab li:last-child{border-right:0px;} .tab-full ul.head-tab li.active{color:#fff; background:rgba(15,33,45,0.8); margin-top:-14px; padding-top:24px; transition: all ease .5s; -webkit-transition: all ease .5s} .tab-full ul.head-tab li .im{width:24px; float:left;} .tab-full ul.head-tab li .im img{width:100%; height:auto;} .tab-full ul.head-tab li:nth-child(1){width:17%;} .tab-full ul.head-tab li:nth-child(2){width:17%;} .tab-full ul.head-tab li:nth-child(3){width:25%;} .tab-full ul.head-tab li:nth-child(4){width:20%;} .tab-full ul.head-tab li:nth-child(5){width:21%;} .tab-full ul.head-tab.head-tab2 li:nth-child(1){width:20%;} .tab-full ul.head-tab.head-tab2 li:nth-child(2){width:20%;} .tab-full ul.head-tab.head-tab2 li:nth-child(3){width:20%;} .tab-full ul.head-tab.head-tab2 li:nth-child(4){width:40%;} .tab-full .radio-full{width:100%; float:left; margin-top:20px; margin-bottom:10px;} .tab-full .radio-full .radio{float:left; margin:0px 10px 0 0;} .tab-full .radio-full .radio label{width:auto; float:left; color:#fff; font-size:16px;} .tab-full .ul-radio{width:100%; float:left; list-style:none; margin:20px 0 20px 6px; } .tab-full .ul-radio li{display:inline-block; padding:6px 25px; border:1px solid #ccc; background:#000; color:#fff; cursor:pointer; margin-left:-6px;} .tab-full .ul-radio li:hover{background:#f7941d; color:#000;} .tab-full .ul-radio li.active{background:#f7941d; color:#000;} .tab-full .radio-full .radio [type="radio"]:checked, .tab-full .radio-full .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .tab-full .radio-full .radio [type="radio"]:checked + label, .tab-full .radio-full .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #fff;} .tab-full .radio-full .radio [type="radio"]:checked + label:before, .tab-full .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;} .tab-full .radio-full .radio [type="radio"]:checked + label:after, .tab-full .radio-full .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #fcb714; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .tab-full .radio-full .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .tab-full .radio-full .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .tab-full .tab-content{padding:0 15px; width:100%; min-height:400px; float:left; /*background:rgba(15,33,45,0.8);*/ background: rgba(15,33,45,0.8);} .tab-full .tab-content .tab-content{background:transparent; width:100%; float:left; padding:0px;} .tab-full .tab-content h2{ width:100%; float:left; font-size:26px; font-weight:bold; color:rgb(237,129,49);} .tab-full .tab-content h2 span{color:#15bdcc;} .tab-full .tab-content h2 span.color2{color:#c328b7;} .tab-full .tab-content label.trip{margin-bottom:15px; margin-right:10px;} .tab-full .tab-content label.trip label{cursor:pointer;} .tab-full .tab-content label.trip input{ margin-top:3px; float:left; margin-right:5px; border-radius:0px; transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5);} .tab-full label{font-weight:normal;} .tab-full .tab-content .form-group .form-control{ border-radius:0px; padding-left:23px;} .tab-full .tab-content .form-group select{height:34px; line-height:28px;} .tab-full .tab-content #liTabTransfer .form-group select.form-control{padding-left:0px; text-indent:15px;} .tab-full .tab-content .form-group label{position:relative; width:100%;} .tab-full .tab-content .form-group label.adult-heading{font-size:13px;} .tab-full .tab-content .form-group label.child-heading{font-size:12px;} .tab-full .tab-content .form-group label.infant-heading{font-size:13px;} .tab-full .tab-content #liTabUmrahBuilder .UmrahBuilder-pax .main-pax{border-radius:0px;} .tab-full .tab-content #liTabUmrahBuilder .bp-checkbox{margin-top:20px;} .tab-full .tab-content .minus-icon {margin-top: 28px; outline:none;} @-moz-document url-prefix() { .tab-full .tab-content .form-group label.child-heading{font-size:11px;} } .tab-full .tab-content .form-group span{position:absolute; font-size:16px; color:#f7941d; bottom:0px; left:5px; line-height:34px; } .tab-full .tab-content .form-group span.left{left:5px;} .tab-full .tab-content .advance-option-full{width:100%; float:left;} .tab-full .tab-content .advance-option-full .heading{float:left; font-size:16px; color:#fff; cursor:pointer;} .tab-full .tab-content .advance-option-full .heading .im{width:32px; float:left; margin-right:10px;} .tab-full .tab-content .advance-option-full .heading .im img{width:100%; height:auto;} .tab-full .tab-content .advance-option-full .detail{width:100%; float:left;} .tab-full .tab-content label.checkbox-inline{margin-bottom:10px;} .tab-full .tab-content label.checkbox-inline input{float:left; position:static;} .tab-full .tab-content label.checkbox-inline .im{width:20px; float:left; margin-right:5px; margin-top:-2px;} .tab-full .tab-content label.checkbox-inline .im img{width:100%; height:auto;} .tab-full .input-btn{float:right; text-align:right; background:#f7941d; padding:7px 20px; border-radius:5px; -webkit-border-radius:5px; color:#fff; font-weight:bold; font-size:16px; margin-bottom:10px; border:none;} .tab-full .input-btn:hover{text-decoration:none; color:#fff; background:#f7941d; outline:none;} .tab-full .tab-content .main-pax{background:#fff; height:34px; border-radius:5px; padding:0px 0 0 10px; cursor:pointer;} .tab-full .tab-content .main-pax, .tab-full .tab-content .main-pax span {color: #333 !important; position:static !important; font-size:14px !important;} .tab-full .tab-content .price-match{ width:100%; float:left; font-size:14px; color:#fff; font-weight:600;} .tab-full .tab-content .price-match.left{width:auto;} .tab-full .tab-content .multicity{width:100%; float:left;} .tab-full .tab-content .multicity .cloase{font-size:20px; color:#fff; cursor:pointer; float:left; margin-top:25px;} .tab-info-full{width:100%; float:left; background:rgba(16,46,70,0.9); padding:10px 15px; margin-top:20px; margin-bottom:20px;} .tab-info-full .text{width:100%; float:left; border:1px solid #999; background:rgba(15,33,45,0.8); color:#fff; font-size:12px; padding:5px 5px; margin-bottom:0px;} .tab-info-full .text i {padding: 0 8px; color: #999;} .tab-info-full .text span{font-size:16px;} .banner-full .hotel-tab-popup-full{width:100%; height:475px; float:left; background:rgba(15,33,45,0.8); margin-top:-42px; padding:15px; display:none;} .banner-full .hotel-tab-popup-full .content{width:100%; float:left; border:1px solid #93928f; padding:10px;} .banner-full .hotel-tab-popup-full .content .header{width:100%; float:left; text-align:center; font-size:20px; color:#fff;} .banner-full .hotel-tab-popup-full .content .room{float:left; padding:3px 5px; margin-top:10px; margin-bottom:10px; border:1px solid #93928f; font-size:14px; color:#fff; } .banner-full .hotel-tab-popup-full .content .text1{width:100%; float:left; font-size:14px; color:#fff;} /*flight tab*/ .home .tab-full .tab-content .flighttab{width: 334px; background: #000; border: 1px solid #7d7979; } .home .tab-full .tab-content .flighttab .nav-justified>li{ width: 0%;} .home .tab-full .tab-content .flighttab .nav>li>a{padding: 7px 16px; border-radius: 0px; color: #fff; border-left: 1px solid #7d7979;} .home .tab-full .tab-content .flighttab .nav-pills>li.active>a, .home .tab-full .tab-content .flighttab .nav-pills>li.active>a:focus, .home .tab-full .tab-content .flighttab .nav-pills>li.active>a:hover{background-color: rgb(237,129,49);} .home .tab-full .tab-content .flighttab .nav>li>a:focus, .home .tab-full .tab-content .flighttab .nav>li>a:hover{background-color: rgb(237,129,49) !important;} /*-- SERVICES --*/ .services-panel-full{width:100%; float:left; background:#fff; padding:40px 0;} .services-panel-full .package{width:100%; float:left;} .services-panel-full .package .icon{width:100%; float:left; text-align:center; font-size:26px; color:#f7941d;} .services-panel-full .package .icon.img-iocn img{width:30px; height:auto;} .services-panel-full .package .titel{width:100%; float:left; text-align:center; font-size:16px; font-weight:bold; color:#16528e;} .services-panel-full .package .info{width:100%; float:left; text-align:center; font-size:14px; color:#999;} /*-- SERVICES --*/ /*-- OUR PACKAGE --*/ .our-package-full{width:100%; float:left; background: url(../images/home/our-package-bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0; position:relative;} .our-package-full .package-outer{width:100%; float:left; position:relative; padding-right:80px; margin-bottom:20px;} .our-package-full .package-outer .heading-title{width:200px; position:absolute; bottom:66px; right:-53px; background:#2b2d2c; color:#ccc; transform: rotate(90deg); -webkit-transform: rotate(90deg);} .our-package-full .package-outer .heading-title .text{width:100%; float:left; text-align:center; font-size:26px; padding:15px 0;} .our-package-full .package-outer .package{width:100%; float:left; border:8px solid #fff; position:relative; overflow:hidden;} .our-package-full .package-outer .package img{width:100%; height:250px;} /*.our-package-full .package-outer .package .detail{width:100%; height:100%; position:absolute; top:0px; left:-100%; background:rgba(50,148,130,0.5); transition:0.5s; -webkit-transition:0.5s;} .our-package-full .package-outer .package:hover .detail{width:100%; height:100%; position:absolute; top:0px; left:0%; background:rgba(50,148,130,0.5);}*/ .our-package-full .package-outer .package .detail{width:100%; height:100%; position:absolute; top:0px; left:0%; transition:0.5s; -webkit-transition:0.5s;} .our-package-full .package-outer .package:hover .detail{width:100%; height:100%; position:absolute; top:0px; left:0%;} /*.our-package-full .package-outer .package .detail {text-align: center; overflow: hidden; position: relative;} .our-package-full .package-outer .package .detail:hover:before {opacity: 1; transform: translateX(-50%) scale(1);} .our-package-full .package-outer .package .detail:before {content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.1); background-image: linear-gradient(45deg, transparent 0%, rgba(0,0,0,0.5) 100%); background-size: 35px 35px; position: absolute; top: 0; left: 50%; opacity: 0; transform: translateX(-50%) scale(0); transition: transform 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);}*/ .our-package-full .package-outer .package .detail {border-radius: 10px; overflow: hidden; perspective: 800px; position: relative;} .our-package-full .package-outer .package .detail:hover:before {opacity: 0.5; transform: translateX(-50%) translateY(-50%) scale(1.5) rotate(0);} .our-package-full .package-outer .package .detail:before {content: ""; width: 100%; height: 100%; background: linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0, linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0, linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0, linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0, linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%, linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%, linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%, linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%, #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%; background-repeat: no-repeat; background-size: 50% 50%; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); transform: translateX(-50%) translateY(-50%) scale(0) rotate(360deg); transition: all 0.3s ease 0s;} .our-package-full .package-outer .package .detail:hover:after {opacity: 1;} .our-package-full .package-outer .package .detail:after { content: ""; width: 100%; height: 100%; background: radial-gradient(rgba(255,255,255,0.9),transparent,transparent); position: absolute; top: 0; left: 0; opacity: 0;} /*-- OUR PACKAGE --*/ /*-- FEATURE TOUR-2 --*/ .featured-tour-full2{width:100%; float:left; background:#f7f7f7; padding:70px 0;} .featured-tour-full2 .slider-panel{width:100%; float:left;} .featured-tour-full2 .slider-panel .img-panel-outer{width:100%; float:left;} .featured-tour-full2 .slider-panel .img-panel{width:100%; float:left; border:1px solid #ccc; background:#fff; padding:10px; position:relative;} .featured-tour-full2 .slider-panel .img-panel img{width:100%; height:400px;} .featured-tour-full2 .slider-panel .detail-panel{width:100%; float:left;} .featured-tour-full2 .slider-panel .detail-panel .sub-title{float:left; padding:10px 15px; background:#fbaf5d; color:#fff; font-size:12px; font-weight:bold; } .featured-tour-full2 .slider-panel .detail-panel .title{width:100%; height:68px; overflow:hidden; text-overflow:ellipsis; float:left; color:#222222; font-size:48px; font-weight:bold; } .featured-tour-full2 .slider-panel .detail-panel .info-panel{width:100%; float:left; display: inline-block; width: 100%; margin-bottom: 23px; background-color: rgba(255, 255, 255, 0.7); border: 1px dashed #e1e1e1; padding: 17px 0; border-radius: 6px;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date {padding: 10px 30px; float: left;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date.border{border-left: 1px solid #f5f5f5;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date .icon {color: #fdb714; float: left; font-size: 16px; width:15px; margin-right: 10px;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date .content {float: left; margin-top: 7px;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date .content p {font-family: 'Open Sans', sans-serif; font-size: 10px; text-transform: uppercase; color: #dc8051; font-weight: bold; line-height: 0; margin: 0;} .featured-tour-full2 .slider-panel .detail-panel .info-panel .tz-date .content .text {color: #838383; font-weight: 400; margin-top: 10px;} .featured-tour-full2 .slider-panel .detail-panel .info-text{width:100%; height:76px; overflow:hidden; text-overflow:ellipsis; float:left; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; color: #595959; margin-bottom: 33px;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel{width:100%; float:left;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel a{width:auto; float:left; font-size:18px; font-weight:bold; background:#dc3a26; color:#fff; background: #e36252; float: left; padding: 23px 30px; text-align: center; margin: 0; border-radius: 6px 0 0 6px; position: relative;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel a:hover{background: #dc3a26;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel .tz-price {background-color: #c15346; float: left; padding: 15px; border-radius: 0 6px 6px 0; position: relative; overflow: hidden;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel .tz-price p {color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: bold; line-height: 0; margin: 7px 0 5px; text-transform: uppercase; position: relative; z-index: 1;} .featured-tour-full2 .slider-panel .detail-panel .btn-panel .tz-price .price {float: right; font-family: 'Open Sans', sans-serif; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 800; text-align: right; margin-top: 4px; position: relative; z-index: 1;} .featured-tour-full2 .slider-full {width: 100%; float: left;} .featured-tour-full2 .slider-full .carousel-indicators{display:none;} .featured-tour-full2 .carousel-control{width:0%; color:#333;} .featured-tour-full2 .carousel-control:hover{color:#333;} .featured-tour-full2 .carousel-control.left {background: none !important;} .featured-tour-full2 .carousel-control.right {background: none !important;} .featured-tour-full2 .slider-full .slider-btn {float: left; padding: 10px 20px; background: #9c847b; color: #fff; margin-top: 20px;} .featured-tour-full2 .slider-full .slider-btn:hover {background: #7a6962;} .featured-tour-full2 .slider-full .carousel-caption {right: 8%; top: 20%; left: 8%; z-index: 1; padding-top: 20px; padding-bottom: 20px; text-shadow: 0 0px 0px rgba(0,0,0,.0) !important;} /*.featured-tour-full2 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: -60px !important;} .featured-tour-full2 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -60px !important;}*/ /*-- FEATURE TOUR-2 --*/ /*-- FEATURED TOUR --*/ .featured-tour-full{width:100%; float:left; background:url(../images/home/feature-tour-bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0;} .featured-tour-full .heading{width:100%;float: left; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 30px; font-weight: 800; line-height: 31px; text-transform: uppercase; margin-bottom: 30px; padding-top: 1px;} .featured-tour-full .package{width:100%;float:left;} .featured-tour-full .package .im{width:100%; float:left; position:relative;} .featured-tour-full .package .im img{width:100%; height:175px;} .featured-tour-full .package .im .discount-penel{width:100px; height:40px; line-height:40px; position:absolute; left:-10px; top:50px; background:#16528e; color:#fff; display: block; font-size: 15px; font-weight: 700; text-align: center; text-transform: uppercase; z-index:11; } /*.featured-tour-full .package .im .discount-penel{background: #e95668 none repeat scroll 0 0; color: #fff; display: block; font-size: 20px; font-weight: 700; left: 10px; line-height: 50px; padding: 0 10px; position: absolute; text-align: center; text-transform: uppercase; top: 72%; width: 100px; z-index: 8;}*/ .featured-tour-full .package .im .discount-penel {background: #efad1c none repeat scroll 0 0;} .featured-tour-full .package .im .discount-penel::after{border-color: #e95668 transparent; border-style: solid; border-width: 20px 20px 20px 0; content: ""; display: block; height: 100%; position: absolute; right: -20px; top: 0; width: 25px;} .featured-tour-full .package .im .discount-penel::after {border-bottom-color: #efad1c; border-top-color: #efad1c;} .featured-tour-full .package .im .discount-penel small {position: absolute; left: 0; top: 5px;} .featured-tour-full .package .im .discount-penel small:after {border-right: 10px solid rgba(0, 0, 0, 0.6); border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; left:0px; top: 35px; width: 0;} .featured-tour-full .package .detail-panel{width:100%; float:left; background:#fff; padding:10px 15px 20px 15px;} .featured-tour-full .package .detail-panel .title{width:100%; float:left; font-size:18px; font-weight:bold; color:#2a2a2a;} .featured-tour-full .package .detail-panel .days{color: #595959; font-size: 10px; font-weight: bold; text-transform: uppercase; float: left; width: 100%; line-height: 15px; margin-top: 3px;} .featured-tour-full .package .detail-panel .days i{font-size: 10px; color: #fdb714; margin-right: 5px;} .featured-tour-full .package .detail-panel .price-star-panel{width:100%; float:left; margin-top:10px; margin-bottom:10px;} .featured-tour-full .package .detail-panel .price-star-panel .one-half{width:50%; float:left;} .featured-tour-full .package .detail-panel .price-star-panel .star-rating {width:90px; float: left;} .featured-tour-full .package .detail-panel .price-star-panel .star-rating img {width: 100%; height: auto;} .featured-tour-full .package .detail-panel .price-star-panel .from{width:100%; float:right; text-align:right; font-size:10px; font-weight:bold; color:#595959;} .featured-tour-full .package .detail-panel .price-star-panel .price{width:100%; float:right; text-align:right; font-size:20px; font-weight:bold; color:#dc8051; margin-top:-7px;} .featured-tour-full .package .detail-panel .date-panel{width:100%; float:left; font-size:12px; color:#595959; border-bottom: 1px solid rgba(70, 138, 231, 0.1); margin-bottom: 5px; padding-bottom: 7px;} .featured-tour-full .package .detail-panel .date-panel .d-title{float:left; text-align:left;} .featured-tour-full .package .detail-panel .date-panel .info{float:right; text-align:right; font-weight:bold;} .featured-tour-full .package .book-now{width:100%; float:left; text-align:center; font-size:16px; font-weight:bold; background:#f7941d; color:#fff; padding:15px 0;} /*-- FEATURED TOUR --*/ /*-- OUR GALLERY --*/ .our-gallery-full{width:100%; float:left; background:#fff;} .our-gallery-full .header{width:100%; float:left;} .our-gallery-full .header .heading{width:100%; float:left; text-align:center; font-size:20px; font-weight:600; color:#000; margin-top:50px;} .our-gallery-full .header .text{width:100%; float:left; text-align:center; font-size:14px; color:#999;} .our-gallery-full .header .line-outer{width:150px; margin:0 auto;} .our-gallery-full .header .line-outer .line{width:100%; float:left; border-bottom:1px solid #ccc; margin-top:20px; margin-bottom:30px; position:relative;} .our-gallery-full .header .line-outer .line:before{position:absolute; content:""; bottom:-1px; left:50%; margin-left:-25px; width:50px; height:4px; background:#F9BF3B;} .our-gallery-full .ul-tab{width:100%; float:left; list-style:none; text-align:center; margin-top:30px; margin-bottom:40px;} .our-gallery-full .ul-tab li{display:inline-block;} .our-gallery-full .ul-tab li{color:#333; padding:10px 15px; border:1px solid #ccc; font-size:12px; font-weight:bold; position:relative; cursor:pointer;} .our-gallery-full .ul-tab li:hover{border-bottom:3px solid #F9BF3B;} .our-gallery-full .ul-tab li:hover::after{position: absolute; content: ""; border-width:8px; border-style: solid; border-color: transparent transparent #F9BF3B transparent; left: 50%; bottom:-3px; margin-left: -8px;} .our-gallery-full .ul-tab li.active{border-bottom:3px solid #F9BF3B;} .our-gallery-full .ul-tab li.active::after{position: absolute; content: ""; border-width:8px; border-style: solid; border-color: transparent transparent #F9BF3B transparent; left: 50%; bottom:-3px; margin-left: -8px;} .our-gallery-full .gallery-panel-outer{width:100%; float:left; overflow:auto;} .our-gallery-full .gallery-panel{width:100%; float:left;} .our-gallery-full .gallery-panel .package{width:20%; float:left; position:relative; margin-bottom:0px; overflow:hidden;} .our-gallery-full .gallery-panel .package .im{width:100%; height:259px; float:left;} .our-gallery-full .gallery-panel .package .detail{width:100%; height:100%; float:left; /*background:rgba(242,202,89,0.7)*/; position:absolute; top:0px; left:0px; opacity:0; transition:0.5s;} .our-gallery-full .gallery-panel .package:hover .detail{opacity:1;} .our-gallery-full .gallery-panel .package .detail .title{width:100%; float:left; text-align:center; margin-top:115px; font-size:16px; font-weight:bold; color:#fff; text-shadow:3px 3px 3px #333; -webkit-text-shadow:3px 3px 3px #333;} .our-gallery-full .gallery-panel .package .detail .view{width:100%; float:left; text-align:center; font-size:13px; font-weight:600; color:#000;} .our-gallery-full .gallery-panel .package .detail .view a{color:#fff;} .our-gallery-full .gallery-panel .package .detail:hover{ box-shadow: 0 0 10px #000; } .our-gallery-full .gallery-panel .package .detail:before{content: ''; height: 100%; width: 100%; background-image: repeating-linear-gradient(45deg, transparent 5px, transparent 10px, rgba(0,0,0,0.3) 24px); opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0.1s;} .our-gallery-full .gallery-panel .package .detail:hover:before{ opacity: 1; } .our-gallery-full .gallery-panel .package .detail:hover .box-content {opacity: 1; transform: rotate(0);} .our-gallery-full .gallery-panel .package .detail .box-content {background: linear-gradient(to bottom,transparent,rgba(242,202,89,0.1),rgba(242,202,89,0.7),rgba(242,202,89,0.9)); height: 100%; width: 100%; opacity: 0; transform-origin: center bottom; transform: rotate(-180deg); position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s;} /*-- OUR GALLERY --*/ /* BEGIN: RECENT BLOG POST */ .recent-blog{width:100%; float:left;} .recent-blog .top-offer {padding: 60px 0; width:100%; float:left; background: #ffffff; color: #07253F;} .recent-blog .section-title {margin-bottom: 60px;} .recent-blog .section-title h2 {font-weight: 800; letter-spacing: 2px; } .recent-blog .section-title h4 {font-weight: bold; position: relative;} .recent-blog .room-grid-view {border:1px solid #e6e6e6; box-shadow: 0px 0px 5px #e6e6e6; width:100%; float:left;} @-moz-document url-prefix() { .recent-blog .room-grid-view{border-bottom:2px solid #e6e6e6;} } .recent-blog .room-grid-view:hover {border: 1px solid #F19C4F; box-shadow: 0px 0px 2px #F19C4F;} .recent-blog .room-grid-view img{width:100%; height:auto;} .recent-blog .room-grid-view .room-info {padding: 15px 15px 0px;} .recent-blog .post-title h5 {font-weight: bold; margin-top: 10px; height: 50px; margin-top: 0px;} .recent-blog .post-title p{color: #2F7AF8 !important; margin-bottom: 0px;} .recent-blog .post-desc {padding: 5px 0px;} .recent-blog .post-desc>div{height: 110px;} .recent-blog .post-desc p {line-height: 2; font-size: 13px;} .recent-blog .room-grid-view .room-book {overflow: hidden; margin:0px 0; border-top: 1px solid #e6e6e6; width:100%; float:left;} .recent-blog .room-grid-view .room-book h5 {font-weight: bold; border-right: 1px solid #e6e6e6; width: 100%; padding: 15px 10px; margin: 0; line-height: 1.7;} .recent-blog .post-alt i {margin: 0px 5px;} .recent-blog .room-grid-view .room-book a {padding: 17px 10px; color: #ffffff; display: block; font-weight: bold; background: #2F7AF8; text-transform: uppercase;} .recent-blog .room-grid-view:hover .room-book a{background: #F9BF3B !important;} .owl-theme .owl-controls .owl-page span{background:#ccc !important;} .owl-theme .owl-controls .owl-page.active span{background:#f7941d !important;} /* BEGIN: RECENT BLOG POST */ /*-- NEWS LETTER --*/ .news-letter-full{width:100%; float:left; background:url(../images/home/news-letter-bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0;} .news-letter-full .slider-panel{width:100%; float:left; padding:0 15px;} .news-letter-full .slider-panel .package{width:100%; float:left; position:relative; margin-bottom:30px; border-radius:5px; overflow:hidden;} .news-letter-full .slider-panel .package .im{width:100%; height:140px; float:left;} .news-letter-full .slider-panel .package .detail{width:100%; height:100%; float:left; position:absolute; top:0px; left:0px;} .news-letter-full .slider-panel .package:hover .detail{background:rgba(92,181,192,0.7);} .news-letter-full .slider-panel .package .detail .title{width:100%; float:left; text-align:center; margin-top:60px; font-size:22px; font-weight:bold; color:#fff; text-shadow:3px 3px 3px #333; -webkit-text-shadow:3px 3px 3px #333;} .news-letter-full .slider-panel .package .detail .title .price-v{font-size:16px;} .news-letter-full .slider-panel .package .detail .booking-btn-outer{width:100px; margin:auto;} .news-letter-full .slider-panel .package .detail .booking-btn-outer .booking-btn{width:100%; float:left; text-align:center; background:#fcb714; color:#fff; font-size:12px; font-weight:600; padding:3px 0;} .news-letter-full .news-letter-panel{width:100%; float:left; padding:0 15px;} .news-letter-full .news-letter-panel .heading{width:100%; float:left; font-size:14px; font-weight:bold; color:#fff; margin-top:10px;} .news-letter-full .news-letter-panel .form-control{width:100%; float:left; height:40px; border:0px; border-radius:0px;} .news-letter-full .news-letter-panel .sub-btn{float:left; padding:10px 15px; background:#fcb714; color:#fff; border:0px; outline:none; border-radius:0px;} /*-- NEWS LETTER --*/ /* 08 FOOTER END */ footer .footer2 { width:100%; float:left; padding: 40px 0px; background: #28272f;} .footer2 .about-box h3 {font-weight: 800; margin-top: 0px; color: #fcb714; margin-bottom: 15px; letter-spacing: 1px;} .footer2 .about-box{margin-bottom:15px; color:#fff;} .footer2 .contact-box p {color: #fff !important; margin-bottom:0px;} .footer2 .about-box a{border: 2px solid #2F7AF8; background: transparent !important; color: #2F7AF8;} .footer2 .about-box a {display: inline-block; padding: 2px 15px; color: #fcb714; border: 2px solid #fcb714; font-weight: bold;} .footer2 .links {line-height: 2; margin-bottom:15px;} .footer2 .links h4 {font-weight: 800; margin-top: 0px; color: #fcb714; margin-bottom: 15px; font-size: 18px; letter-spacing: 1px;} .footer2 .links ul{list-style-type: none; padding: 0px;} .footer2 .links ul li {position: relative;} .footer2 .links ul li:before {content: "\f105"; position: absolute; font-family: "FontAwesome"; color: #BEC4C8;} .footer2 .links ul li a{color: #fff; margin-left: 15px;} .footer2 .contact-box h4 {font-weight: 800; margin-top: 0px; color: #fcb714; margin-bottom: 15px; font-size: 18px; letter-spacing: 1px;} .footer2 .contact-box p i {border:0px solid #fcb714; border-radius: 50%; color: #fcb714; display: inline-block; width:30px; height: 30px; margin-right:2px; margin-top:0px; padding: 10px 11px; } .footer2 .contact-box p a{color:#fff;} .footer2 .we-accept {padding: 30px 0px 0px;} .footer2 .we-accept h4 {width:100%; float:left; color: #fcb714; margin-top: 0px; text-transform: uppercase; font-weight: 800; margin-bottom: 15px; letter-spacing: 1px;} .footer2 .we-accept ul{width:100%; float:left; list-style-type: none; padding: 0px;} .footer2 .we-accept ul li{display: inline; margin: 0px 5px;} .footer3 { width:100%; float:left;padding: 30px 0px; background: #252429; color: #BEC4C8; position: relative;} .footer3 p, .footer3 ul {margin-bottom: 0px;} .footer3 p a{color:#fcb714;} .footer3 .social-icon{width:100%; float:right; text-align:right; list-style:none; margin-top:0px;} .footer3 .social-icon li{display:inline-block; padding-left:15px;} .footer3 .social-icon li a{color:#fff;} .footer3 .social-icon li a:hover{color:#fcb714;} footer p.copy{color:#d2d2d2;} footer p.copy a{color:#d2d2d2;} footer p.copy a:hover{color:#d2d2d2;} /* 08 FOOTER END */ /* 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;} .AutoExtender {width:100%;} .dropdown-menu {background: #fff;padding: 10px 10px !important;margin: 8px auto !important;width: 355px !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;} .backto-result-common-outer{width:100%; float:right;} .backto-result-common{padding:5px 0px; float:right; color:#333; text-align:center; border:0px solid #15bdcc; border-radius:10px;} .ul-dropdown_results{padding:0;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:9999;width:500px!important; height:270px; overflow:auto;} .ul-dropdown_results ul{width:100%;list-style:none;padding:0;margin:0;box-shadow:0 0 1px 1px #CCC;background-color:#fff} .ul-dropdown_results li{margin:0;cursor:default;display:block;font:menu;font-size:14px;overflow:hidden} .dropdown-li-odd{float:left;width:100%;background:url(../images/autocompleteicon/loc1.png) 3% 49% no-repeat #FFF;color:#063553;font:15px/25px DinMedium;padding:10px 20px 10px 31px;margin-top:5px} .dropdown-li-even{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF} .dropdown-li-even1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF} .dropdown-li-evenFH{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF} .dropdown-li-evenFH1{float:left;width:100%;padding:7px 6px 7px 40px;font:15px DinMedium;color:#0A6473;background:url(../images/autocompleteicon/plane1.png) 5% 40% no-repeat #FFF} .dropdown-li-over{background-color:#FFEC9D} .dropdown-li-even:hover{background-color:#FFEC9D} @media only screen and (min-width: 320px) and (max-width: 767px) { .ul-dropdown_results{width:100% !important;} .dropdown-li-even, .dropdown-li-even1{float:left;width:100%;padding:6px 6px 6px 40px !important;} } /* REGISTRATION PAGE */ .registration-pg{width:100%; float:left;} .registration-pg .banner-full{margin-top:0px;} .registration-pg .banner-full .forbraound-img {box-shadow:none; -webkit-box-shadow:none;} .registration-pg .registration-inner{width:100%; float:left; margin-top:50px; background:#fff;} .registration-pg .registration-inner .box1{width:33.3333333333%; min-height:475px; float:left; } .registration-pg .registration-inner .box2{width:33.3333333333%; min-height:475px; float:left; } .registration-pg .registration-inner .box3{width:33.3333333333%; min-height:475px; float:left; padding-left:30px;} .registration-pg .registration-inner .border-left{border-left:1px solid #ccc; position:relative;} .registration-pg .registration-inner .border-left:before{content:""; position:absolute; width:1px; height:30px; background:#fff; top:0px; left:-1px;} .registration-pg .registration-inner .border-left:after{content:""; position:absolute; width:1px; height:30px; background:#fff; bottom:0px; left:-1px;} .registration-pg .registration-inner .registration-content{width:100%; float:left; padding:20px 30px;} .registration-pg .registration-inner .registration-content .title{width:100%; float:left; font-size:22px; font-weight:600; color:#333; margin-bottom:30px;} .registration-pg .registration-inner .registration-content .form-full{width:100%; float:left;} .registration-pg .registration-inner .registration-content .form-full .form-group{width:100%; float:left; margin-bottom:15px;} .registration-pg .registration-inner .registration-content .form-full .positeion-relative{width:100%; float:left; position:relative; font-weight:normal;} .registration-pg .registration-inner .registration-content .form-full .positeion-relative .icon{position:absolute;top:7px; left:8px; color:#f7941d; font-size:20px;} .registration-pg .registration-inner .registration-content .form-full .form-control:focus + .icon{color:#15bdcc;} .registration-pg .registration-inner .registration-content .form-full .form-control {padding-left:30px; height:40px; font-style:italic;} .registration-pg .registration-inner .registration-content .form-full .forgot-password {width: auto; float: left; font-size: 12px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #f7941d;} .registration-pg .registration-inner .registration-content .form-full .booking-text {width: auto; float: left; font-size: 10px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #999;} .registration-pg .registration-inner .registration-content .form-full .login-btn-outer{width:100%; margin:0 auto;} .registration-pg .registration-inner .registration-content .form-full .login-btn{width:100%; float:left; background:#f7941d; color:#FFF; border:0px solid #666464; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none; -webkit-box-shadow: 0 8px 6px -6px #777; transition:0.3s; -webkit-transition:0.3s;} .registration-pg .registration-inner .registration-content .form-full .login-btn:hover{background:#2edaea;} .registration-pg .registration-inner .registration-content .form-full .login-btn .login-icon{width:auto;} .registration-pg .registration-inner .registration-content .form-full .booking-btn{width:100%; float:left; background:#f8f8f8; color:#f7941d; border:1px solid #ccc; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none; } .registration-pg .registration-inner .registration-content .form-full .line-partition{width:100%; height:1px; float:left; border-bottom:1px dashed #ccc; margin:10px 0 10px 0;} .registration-pg .registration-inner .registration-content .form-full .sign-uptext{width:100%; float:left; color:#999; font-size:12px; text-align:center; margin:15px 0;} .registration-pg .registration-inner .registration-content .form-full .sign-uptext a{color:#f7941d; font-weight:600;} .registration-pg .registration-inner .registration-content .form-full .or{width:100%; height:1px; float:left; background:#ccc; margin:15px 0 10px 0; position:relative;} .registration-pg .registration-inner .registration-content .form-full .or .circle{width:35px; height:35px; line-height:30px; border-radius:50%; text-align:center; font-size:12px; font-style:italic; color:#999; border:0px solid #ccc; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .registration-pg .registration-inner .registration-content .facebook-google-panel{width:100%; float:left; margin-top:15px; margin-bottom:25px;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login{width:100%; float:left; background:#fff; border:1px solid #1953a1; border-radius:5px; position:relative; padding-left:40px;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login .icon{width:40px; float:left; position:absolute; top:0px; left:0px; text-align:center;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login .icon i{width:100%; float:left; font-size:20px; text-align:center; padding:9px 0; color:#1953a1;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login .text{width:100%; float:left; text-align:center; padding:8px 0; font-size:14px; background:#1953a1; color:#fff;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login.google-login{ border:1px solid #4285f4;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login.google-login .icon{} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login.google-login .icon img{width:20px; height:20px; margin-top:8px;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login.google-login .text{background:#4285f4;} .registration-pg .registration-inner .my-trip-panel{width:100%; float:left;} .registration-pg .registration-inner .my-trip-panel .im{width:100%; float:left; position:relative;} .registration-pg .registration-inner .my-trip-panel .im img{width:100%; height:170px;} .registration-pg .registration-inner .my-trip-panel .im .detail{width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px;} .registration-pg .registration-inner .my-trip-panel .im .detail .text{width:100%; float:left; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .registration-pg .registration-inner .my-trip-panel .my-trip-content{width:100%; float:left; padding:20px 30px;} .registration-pg .registration-inner .my-trip-panel .my-trip-content ul{width:100%; float:left; list-style:none; padding-left:20px;} .registration-pg .registration-inner .my-trip-panel .my-trip-content ul li{width:100%; float:left; position:relative; margin-bottom:10px;} .registration-pg .registration-inner .my-trip-panel .my-trip-content ul li:before{content:"\f00c"; font-family:fontawesome; position:absolute; color:#f7941d; left:-20px; top:0px;} @media only screen and (min-width: 320px) and (max-width: 767px) { .registration-pg .registration-inner .box1, .registration-pg .registration-inner .box2{width:50%;} .registration-pg .registration-inner .box3{width:33.3333333333%; display:none;} .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login{margin-bottom:5px;} .registration-pg .registration-inner .registration-content .title {font-size:16px;} } @media only screen and (min-width: 320px) and (max-width:499px) { .registration-pg .registration-inner .box1{width:100%;} .registration-pg .registration-inner .box2{width:50%; display:none;} } @media only screen and (min-width:768px) and (max-width:991px) { .registration-pg .registration-inner .registration-content .facebook-google-panel .fg-login{margin-bottom:5px;} } /* Agent Login START */ .agent-login-full{width:100%; float:left;} .agent-login-full h3{width:100%; float:left; font-size:26px; font-weight:300; color:#00a5ea; 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:#00a5ea; border:1px solid #00a5ea; cursor:pointer;} .agent-login-full .login-tab li.active{background:#00a5ea; 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:#00a5ea; 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;} .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:#15bdcc; 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/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:-7px; line-height:40px; color:#fff; background:#15bdcc; width:40px; 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:#f7941d; color:#fff;} .agent-login-full .login-form-full .login-form .form-box .input-btn:hover{background:#00a5ea;} .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:#fff; 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:#fff; margin:10px 0 20px 0;} .agent-login-full .login-form-full .login-form .form-box .signup-txt span{color:#fff; color:#00a5ea; cursor:pointer;} @media (min-width: 768px){ .agent-login-full .login-forgotpopup .modal-dialog {width: 400px; margin: 30px auto;} } /* SIGNUP POPUP START */ .agent-login-full .signuppopup h5{ width:100%; float:left; text-align:center; color:#00a5ea; 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:#00a5ea; width:100%; color:#fff; padding:10px 20px; border:0px; outline:0px; border-radius:10px;} .agent-login-full .signuppopup .input-btn:hover{background:#00a5ea; } .agent-login-full .signuppopup select{line-height:30px;} /* AGENT LOGIN END */ /* FORGOT PASSWORD POPUP START */ .login-forgotpopup{width:100%; float:left;} .login-forgotpopup .forgot-password-panel{width:100% !important; float:left; border:1px solid #ccc; padding:20px 20px; background:#fff; border-radius: 5px !important;} .login-forgotpopup .forgot-password-panel .key-outer{width:80px; margin:0 auto; } .login-forgotpopup .forgot-password-panel .key{width:100%; height:80px; float:left; text-align:center; border-radius:50%; padding:8px 0; padding-top:22px; font-weight:600; background:#f7941d; /*background:rgba(21,189,204,0.5);*/ color:#fff;} .login-forgotpopup .forgot-password-panel .key .icon{width:100%; float:left; text-align:center; font-size:26px;} .login-forgotpopup .forgot-password-panel .key .text{width:100%; float:left; text-align:center; font-size:14px; margin-top:-5px; font-weight:normal;} .login-forgotpopup .forgot-password-panel h3{margin:0px; padding:0px; color:#000; font-size:18px; margin-top:10px; margin-bottom:20px; width:100%; float:left; text-align:center; font-weight:600;} .login-forgotpopup .forgot-password-panel input{ width:100%; float:left; border-radius:4px; border:1px solid #ccc; height:36px; margin-bottom:20px; outline:0px; padding:0 10px; } .login-forgotpopup .forgot-password-panel input[type=submit]{background:#f7941d; color:#fff; font-weight:bold; outline:none; border:0px; border-radius:5px; height: 40px;} .login-forgotpopup .forgot-password-panel input[value=Submit]{background:#f7941d; color:#fff; font-weight:bold; outline:none; border:0px; border-radius:5px; height: 40px;} .login-forgotpopup button{outline:none;} .login-forgotpopup button.close{background:#000; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; border-radius:50%; opacity:1 !important;} .login-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;} @media (min-width: 768px){ .login-forgotpopup .modal-dialog {width:400px; margin: 30px auto;} } /* LOGIN POPUP START */ @media (min-width: 768px){ .login-popup .modal-dialog {width:450px; margin: 30px auto;} } .login-popup{width:100%; float:left;} .login-popup .login-popup-panel{width:100% !important; float:left; border:1px solid #ccc;background:#fff; border-radius: 5px !important;} .login-popup .login-popup-panel button{outline:none;} .login-popup .login-popup-panel button.close{background:#000; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; margin-top:5px; border-radius:50%; opacity:1 !important;} .login-popup .modal-content{border:0px;} .login-popup .modal-body{width:100%; float:left;} .login-popup .modal-header{display:none;} .login-popup .modal-footer{display:none;} .login-popup .login-popup-panel .popup-header{width:100%; float:left; border-bottom:2px solid #15bdcc; padding:10px 20px;} .login-popup .login-popup-panel .title{float:left; font-size:20px; font-weight:600; color:#333; margin-bottom:0px;} .login-popup .login-popup-panel .registration-content{width:100%; float:left; padding:20px 20px; padding-top:30px;} .login-popup .login-popup-panel .registration-content .form-full{width:100%; float:left;} .login-popup .login-popup-panel .registration-content .form-full .form-group{width:100%; float:left; margin-bottom:15px;} .login-popup .login-popup-panel .registration-content .form-full .positeion-relative{width:100%; float:left; position:relative; font-weight:normal;} .login-popup .login-popup-panel .registration-content .form-full .positeion-relative .icon{position:absolute;top:7px; left:8px; color:#f7941d; font-size:20px;} .login-popup .login-popup-panel .registration-content .form-full .form-control:focus + .icon{color:#15bdcc;} .login-popup .login-popup-panel .registration-content .form-full .form-control {padding-left:30px; height:40px; font-style:italic;} .login-popup .login-popup-panel .registration-content .form-full .forgot-password {width: auto; float: left; font-size: 12px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #f7941d;} .login-popup .login-popup-panel .registration-content .form-full .booking-text {width: auto; float: left; font-size: 10px; text-align:left; cursor: pointer; margin-top: -20px; padding: 5px 0; color: #999;} .login-popup .login-popup-panel .registration-content .form-full .login-btn-outer{width:100%; margin:0 auto;} .login-popup .login-popup-panel .registration-content .form-full .login-btn{width:100%; float:left; background:#f7941d; color:#FFF; border:0px solid #666464; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none; -webkit-box-shadow: 0 8px 6px -6px #777; transition:0.3s; -webkit-transition:0.3s;} .login-popup .login-popup-panel .registration-content .form-full .login-btn:hover{background:#2edaea;} .login-popup .login-popup-panel .registration-content .form-full .login-btn .login-icon{width:auto;} .login-popup .login-popup-panel .registration-content .form-full .booking-btn{width:100%; float:left; background:#f8f8f8; color:#f7941d; border:1px solid #ccc; padding:10px 0; margin-top:15px; font-size:14px; border-radius:20px; margin-bottom:10px; width:100%; text-align:center; font-weight:600; outline:none; } .login-popup .login-popup-panel .registration-content .form-full .line-partition{width:100%; height:1px; float:left; border-bottom:1px dashed #ccc; margin:20px 0 10px 0;} .login-popup .login-popup-panel .registration-content .form-full .sign-uptext{width:100%; float:left; color:#999; font-size:12px; text-align:center; margin:15px 0;} .login-popup .login-popup-panel .registration-content .form-full .sign-uptext a{color:#f7941d; font-weight:600;} .login-popup .login-popup-panel .registration-content .form-full .or{width:100%; height:1px; float:left; background:#ccc; margin:15px 0 10px 0; position:relative;} .login-popup .login-popup-panel .registration-content .form-full .or .circle{width:35px; height:35px; line-height:30px; border-radius:50%; text-align:center; font-size:12px; font-style:italic; color:#999; border:0px solid #ccc; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .login-popup .login-popup-panel .registration-content .facebook-google-panel{width:100%; float:left; margin-top:15px; margin-bottom:15px;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login{width:100%; float:left; background:#fff; border:1px solid #1953a1; margin-bottom:10px; border-radius:5px; position:relative; padding-left:40px;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .icon{width:40px; float:left; position:absolute; top:0px; left:0px; text-align:center;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .icon i{width:100%; float:left; font-size:20px; text-align:center; padding:9px 0; color:#1953a1;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login .text{width:100%; float:left; text-align:center; padding:8px 0; font-size:14px; background:#1953a1; color:#fff; outline:none; border:none;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login{ border:1px solid #4285f4;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .icon{} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .icon img{width:20px; height:20px; margin-top:8px;} .login-popup .login-popup-panel .registration-content .facebook-google-panel .fg-login.google-login .text{background:#4285f4;} /* 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; width:100%; float:left; color:#fff; cursor:pointer; padding:5px 15px; margin-bottom:5px; margin-top:10px;} .advance-search-btn span i{transition:0.3s; -webkit-transition:0.3s;} .collapse.advance-search{display:block;} @media (min-width:768px){ .filter-panel-btn{ display:none;} .advance-search-btn{ display:none;} } @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);} .collapse.filter-panel{display:none;} .advance-search-btn span{float:right;} .advance-search-btn[aria-expanded="true"] span i{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .collapse.advance-search{display:none;} } .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;} .collapse.advance-search-full{display:block;} @media (min-width:768px){ .advance-search-full-btn{ display:none;} } @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);} .collapse.advance-search-full{display:none;} .flight-results .results .row.header.mt30{margin-top:10px !important;} } /* 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:0px; margin-bottom:10px; height:auto !important;} .container-full .advance-search .adserch-left-panel{width:100%; float:left; background:#c1f1f4; border:1px solid #71a7c4; padding:10px 10px;} .container-full .advance-search .adserch-left-panel{width:100%; min-height:95px; float:left; background:#fff; border:1px solid #71a7c4; padding:10px 10px; margin:0px 0 20px 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 .advance-search .adserch-left-panel .tab-panel{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .city{width:20%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .date{width:11%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .date2{width:22%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .double-cal-date{width:17%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .airLines-tab{width:14%; float:left; padding-right:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .nationality{width:20%; float:left; padding-right:10px; position:relative;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller{width:16%; float:left; padding-right:10px; position:relative;} .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:600; text-align:left; color:#6b6f72;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box{width:100%; 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:5px; padding-left:20px !important;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group{margin-bottom:5px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-group label{margin-bottom:5px;} .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 .pos-static span{line-height:1em;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-control{box-shadow: 5px 0 0 #15bdcc inset; padding-top:9px; -webkit-box-shadow: 5px 0 0 #15bdcc inset;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .room-icon{padding-left:3px; color:#15bdcc;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .room-icon.fa-child{color:#5944e4;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .adult-icon{padding-left:3px; color:#5944e4;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax .infant-icon{padding-left:3px; color:#ef6945;} .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center{width:100%;float:left;text-align:center;display: flex;justify-content: center;} .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .city{float: none;} .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .date2{float: none;} .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .traveller .form-control{text-align:left;} /*.container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center .search-btn-outer .search-btn{width:100%;}*/ .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer{width:10%; float:left; padding-right:10px; position:relative;} .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn{width: auto; float: left; padding: 5px 10px; margin-top:25px; 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 .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn:hover {background: linear-gradient( #15bdcc 50%, #41d8e5 50%); background: -webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} @media screen and (min-width:320px) and (max-width:767px) { .container-full .advance-search .adserch-left-panel .tab-panel .search-btn-outer .search-btn{margin-top:10px;} .container-full .advance-search .adserch-left-panel .tab-panel.tab-panel-center{display:inline-block;} } /*--------------PAX------------------*/ .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown{width:246px; position:relative; margin-top: 20px; position:absolute; top:100%; z-index:1111; float:left; background:#fff; color:#999; border-radius:5px; box-shadow:0 2px 3px 0 #999;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown:before{position:absolute; content:""; border-width:15px; border-style:solid; border-color: transparent transparent #fff transparent; bottom:100%; left:50%; margin-left:-15px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content{width:100%; float:left; padding:0 10px; margin-top:20px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group label{color:#333;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group select.form-control{line-height:28px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .heading{width:100%; float:left; font-size:16px; font-weight:600; color:#333; margin-bottom:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer{width:100%; float:left; position:relative; padding-left:120px; margin-bottom:20px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max{width:120px; position:absolute; left:0px; top:-5px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#ff5357; background:transparent; font-size:30px; outline:none;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2{float:left; width:30px; font-weight: 400; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#ff5357; background:transparent; font-size:30px; outline:none;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text{float:left; text-align:center; width:50px; font-weight: 400; height:30px; font-size:16px; color:#000; background:transparent; border:0px; outline:none;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text{float:left; font-weight: 400;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .info-text1{width:100%; float:left; font-size:12px; color:#999; margin-bottom:10px;font-weight: 400;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .done-btn-full{width:100%; float:left; border-top:1px solid #ccc; padding:5px 10px} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .done-btn-full .done-btn{float: right;font-size: 16px;color: #ffffff; background: #ff834f; padding: 0px 5px;border-radius: 10px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .form-group .form-control{border: 1px solid #ccc;} /*--------------PAX------------------*/ .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination{width:58%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials{width:42%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .city {width:31%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .date {width:19%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .traveller {width:48%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .date {width:26%; float: left;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .city {width:100%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination .source-destination-inner .date {width:100%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .traveller {width:100%; float: left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials .date {width:100%; float: left;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .source-destination{width:100%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel.mulity-city-panel .others-detials{width:100%; float:left;} } /*-- for flight result panel only --*/ .container-full .advance-search .adserch-left-panel.flight-result-adserch-left-panel .tab-panel .city{width:19.5%; float:left;} .container-full .advance-search .adserch-left-panel.flight-result-adserch-left-panel .tab-panel .traveller{width:20%; float:left;} .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .traveller{width:12%; float:left;} .container-full .advance-search .adserch-left-panel .tab-panel .date.night-select{width:5%;} .container-full .advance-search .adserch-left-panel .tab-panel .date.night-select select.form-control{padding:0 5px;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .traveller{width:100%;} .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .date{width:100%;} } @media only screen and (min-width:768px) and (max-width: 991px) { .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .traveller{width:20%;} .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .date{width:20% !important;} } @media only screen and (min-width:992px) and (max-width: 1199px) { .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .traveller .form-control{padding:5px 5px;} .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .traveller .form-control.main-pax .ml5{ margin-left: 2px !important;} .container-full .advance-search .adserch-left-panel.fh-result-adserch-left-panel .tab-panel .date.night-select select.form-control{padding:0 2px;} } .accommodation-result-pg.add-guide-pg .advance-search .adserch-left-panel .tab-panel .traveller{width:20%; float:left; padding-right:10px; position:relative;} .adult-class-dropdown{width:100%; position:absolute; top:100%; z-index:111111; margin-top:20px; float:left; background:#fff; color:#999; border-radius:5px; box-shadow:0 4px 10px 0 #999;} .adult-class-dropdown:before{position:absolute; content:""; border-width:15px; border-style:solid; border-color: transparent transparent #fff transparent; bottom:100%; left:50%; margin-left:-15px;} .adult-class-dropdown .dropdown-content{width:100%; float:left; padding:0 10px; margin-top:20px;} .adult-class-dropdown .dropdown-content .form-group{width:100%; float:left;} .adult-class-dropdown .dropdown-content .form-group label{color:#333; margin-bottom:10px;} .adult-class-dropdown .dropdown-content .form-group select.form-control{border:1px solid #ccc !important; border-radius:5px;} .adult-class-dropdown .dropdown-content .form-group select.form-control{line-height:28px;} .adult-class-dropdown .dropdown-content .adult-panel{width:100%; float:left;} .adult-class-dropdown .dropdown-content .adult-panel .heading{width:100%; float:left; font-size:16px; font-weight:600; color:#333; margin-bottom:10px;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer{width:100%; float:left; position:relative; padding-left:120px; margin-bottom:20px;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max{width:120px; position:absolute; left:0px; top:-5px;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1{float:left; width:30px; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#77a516; background:transparent; font-size:30px; outline:none;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2{float:left; width:30px; height:30px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#77a516; background:transparent; font-size:30px; outline:none;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text{float:left; width:50px; height:30px; font-size:16px; color:#000; background:transparent; border:0px; outline:none;} .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text{float:left;} .adult-class-dropdown .dropdown-content .info-text1{width:100%; float:left; font-size:12px; color:#999; margin-bottom:10px;} .adult-class-dropdown .done-btn-full{width:100%; float:left; border-top:1px solid #ccc; padding:5px 10px} .adult-class-dropdown .done-btn-full .done-btn{float:right; font-size:16px; color:#77a516;} .adult-class-dropdown h6{width:100%; float:left;} .adult-class-dropdown.for-room-class:before{left:17% !important;} .container-full .advance-search .adserch-left-panel .tab-panel .class{width:14%; float:left;} .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:600; text-align:left; color:#6b6f72;} .container-full .advance-search .adserch-left-panel .form-group span{position:absolute; font-size:16px; color:#8ec320; bottom:0px; left:10px; 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;} /*.container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control::placeholder{color:#16528e;}*/ .container-full .advance-search .adserch-left-panel .tab-panel .city .form-group label.position-relative .form-control{box-shadow:5px 0 0 #385d9e inset; -webkit-box-shadow:5px 0 0 #385d9e inset;} .container-full .advance-search .adserch-left-panel .tab-panel .city.city2 .form-group label.position-relative .form-control{box-shadow:5px 0 0 #9c27b0 inset; -webkit-box-shadow:5px 0 0 #9c27b0 inset;} .container-full .advance-search .adserch-left-panel .tab-panel .date .form-group label.position-relative .form-control{box-shadow:5px 0 0 #ef6945 inset; -webkit-box-shadow:5px 0 0 #ef6945 inset;} .container-full .advance-search .adserch-left-panel .tab-panel .date.date2 .form-group label.position-relative .form-control{box-shadow:5px 0 0 #009688 inset; -webkit-box-shadow:5px 0 0 #009688 inset;} .container-full .advance-search .adserch-left-panel .tab-panel .adc .form-group label.position-relative .form-control{box-shadow:5px 0 0 #009688 inset; -webkit-box-shadow:5px 0 0 #009688 inset;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box select{background:transparent;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .select-box{box-shadow:5px 0 0 #999 inset; -webkit-box-shadow:5px 0 0 #999 inset; background:#fff;} .container-full .advance-search .adserch-left-panel .form-group label.position-relative .form-control:focus{box-shadow:5px 0 0 #7636dc inset; -webkit-box-shadow:5px 0 0 #7636dc inset;} .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; margin-bottom:10px;} .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:14px;} .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:20px; 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:0px; top:4px; width: 14px; height: 14px; 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:8px; height:8px; background: #f7941d; position: absolute; top:7px; 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; padding-right:10px;} .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner label{font-weight:normal; color:#16528e;} /*.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; 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;}*/ .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:95px; float:left; text-align:center; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%); color:#fff; border-radius:5px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .container-full .advance-search .adserch-modify-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} .container-full .advance-search .adserch-modify-btn .text1{width:100%; float:left; text-align:center; margin-top:37px; font-size:18px; font-weight:600;} .container-full .advance-search .adserch-modify-btn .text2{width:100%; float:left; text-align:center; font-size:14px; margin-top:-5px;} .container-full .flight-result .advance-search .adserch-modify-btn{height:111px;} .container-full .flight-result .advance-search .adserch-modify-btn .text1{margin-top: 45px;} /*.container-full .advance-search .advance-search-top-outer .adserch-modify-btn-outer{width:10%; float:left; padding-left:5px;} .container-full .advance-search .advance-search-top-outer .adserch-modify-btn-outer .adserch-modify-btn-new{width: auto; float: right; padding: 5px 10px; margin-top: 30px; 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%);}*/ /* FILTER PANEL */ .container-full .filter-panel{width:100%; float:left;border:0px solid #71a7c4; margin-bottom:30px; height:auto !important;} .container-full .filter-panel .header{width:100%; float:left; background:#16528e; color:#fff; padding:10px 10px;} .container-full .filter-panel .header span:last-child{float:right;} .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;} /* 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:16px; 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;} /*--mobile filter--*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .filter-mobile .panel-default > .panel-heading a[aria-expanded="true"]:after {content: "\002b"; transform: rotate(90deg); -webkit-transform: rotate(90deg);} .filter-mobile .panel-default > .panel-heading a[aria-expanded="false"]:after {content: "\002b"; transform: rotate(90deg); -webkit-transform: rotate(90deg);} .filter-mobile .panel-default > .panel-heading a.divCollapse_main_Price[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main_Price[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main1[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main1[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main1a[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main1a[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main2[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main2[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main8[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main8[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main9[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main9[aria-expanded="false"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main10[aria-expanded="true"]:after, .filter-mobile .panel-default > .panel-heading a.divCollapse_main10[aria-expanded="false"]:after {content: "\2212"; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .filter-mobile .panel .collapse.in {display: none;} .filter-mobile .panel .collapse.divCollapsePrice, .filter-mobile .panel .collapse.divCollapse1, .filter-mobile .panel .collapse.divCollapse1a, .filter-mobile .panel .collapse.divCollapse2, .filter-mobile .panel .collapse.divCollapse8, .filter-mobile .panel .collapse.divCollapse9, .filter-mobile .panel .collapse.divCollapse10 {display: block; height: auto !important;} } /*--mobile filter--*/ /*FLIGHT RESULT PANEL */ .container-full .flight-result .result-panel{width:100%; float:left; padding-left:0px;} .container-full .flight-result .result-panel .result-panel-header{width:100%; float:left; margin-top:0px; padding:0 0px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner{width:100%; float:left; border:1px solid #d19e01; background:#fff;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{width:25%; min-height: 54px; float:left; padding:5px 0 5px 10px; border-right:1px solid #d19e01;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2{width:50%; min-height: 54px; float:left; } .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{width:25%; min-height: 54px; float:left; padding:5px 9px 5px 0px; border-left:1px solid #f7941d;} .container-full .flight-result .result-panel .result-panel-header .found-flight{font-weight: normal; font-size: 14px; font-weight:bold; color: #203375; margin-bottom:0px; } .container-full .flight-result .result-panel .result-panel-header .return-flight{float:left; color:#333; font-size:14px; margin-bottom:0px;} .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 .font-icon{width:auto; padding-left:5px;} .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .room-icon{padding-left:3px; color:#15bdcc; font-size:16px;} .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .adult-icon{padding-left:3px; color:#5944e4; font-size:12px;} .container-full .flight-result .result-panel .result-panel-header .travel-info .font-icon .infant-icon{padding-left:3px; color:#ef6945; font-size:12px;} .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 .result-panel-header-inner .col-2 .box1{width:40%; min-height: 54px; float:left; text-align:center; padding:5px 0 5px 0px; border-right:1px solid #f7941d;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2{width:20%; min-height: 54px; float:left; text-align:center; padding:5px 0 5px 0px; } .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{width:40%; min-height: 54px; float:left; text-align:center; padding:5px 0 5px 0px; border-left:1px solid #f7941d;} .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: #16528e; 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:14px; 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:10px;} .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; margin-top:-14px; display:none;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon1 i, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .icon2 i{font-size:22px; color:#16528e;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{min-height:50px; width:100%; border-right:0px; border-bottom:1px solid #f7941d;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2{width:65%;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 70px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 70px; width:35%;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{min-height: 63px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 63px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 63px;} } @media only screen and (min-width:992px) and (max-width:1199px) { .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-1{min-height: 70px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box1, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box2, .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-2 .box3{min-height: 70px;} .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{min-height: 70px;} } /* 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;} } /* 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:#ffffff;} .flexi-result-full2 .table-widht-full .towway-table tr td{/*border:1px solid #ccc;*/ border-left:1px solid #ccc; width:12.5%; background:#0c3b6b; 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; font-weight:bold; color:#ffffff;} .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:#fff;} .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{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 .service-full .service-box1-outer.active .service-box1{background:#16bccc; border: 1px solid #087d88;} .container-full .flight-result .result-panel .service-full .service-box1-outer.active .service-box1 .title, .container-full .flight-result .result-panel .service-full .service-box1-outer.active .service-box1 .text1{color:#fff;} .container-full .flight-result .result-panel .flexi-price-panel{width:100%; float:left; border: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-top:20px;} .container-full .flight-result .result-panel .flexi-price-panel .package{width:100%; float:left; position:relative;background: #fff; padding:5px 0; border-left: 1px solid #cccccc;font-weight:700;} .container-full .flight-result .result-panel .flexi-price-panel .package .date{width:100%; float:left; margin-bottom:2px; text-align:center; font-size: 11px; color: #2f2f2f; text-transform: uppercase;} .container-full .flight-result .result-panel .flexi-price-panel .package .price-panel{width:100%; float:left; text-align:center; font-size: 14px; color: #1e52a4; text-transform: uppercase;} .container-full .flight-result .result-panel .flexi-price-panel .package:after{content:""; position:absolute; width:0%; height:3px; background:#f7941d; left:0px; bottom:0px;} .container-full .flight-result .result-panel .flexi-price-panel .package:hover:after{width:100%;} .container-full .flight-result .result-panel .flexi-price-panel .package.active:after{width:100%;} .MultiCarousel{float:left;overflow:hidden;padding:0px 35px; width:100%;position:relative} .MultiCarousel .MultiCarousel-inner{transition:1s ease all;float:left} .MultiCarousel .MultiCarousel-inner .item{float:left} .MultiCarousel .MultiCarousel-inner .item>div{text-align:center; background:#f1f1f1;color:#666} .MultiCarousel .leftLst,.MultiCarousel .rightLst{position:absolute;border-radius:50%;top:calc(50% - 20px)} .MultiCarousel .leftLst{left:0; outline:none !important;} .MultiCarousel .rightLst{right:0; outline:none !important;} .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over{pointer-events:none;background:#ccc; outline:none !important;} .container-full .flight-result .result-panel .result-content{width:100%; float:left; margin-bottom:10px;} .container-full .flight-result .result-panel .result-content .result{width:100%; float:left; background:#fff; border:0px solid #dddddd; padding:10px 0 0 0; margin-bottom:20px;} .container-full .flight-result .result-panel .result-content .result.active-result{border:3px solid #214acc;} .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; text-align:center;} .container-full .flight-result .result-panel .result-content .result .flight-logo img{width:70%;} .container-full .flight-result .result-panel .result-content .result .flight-detail{width:65%; float:left; padding:15px 5px 5px 10px; background:#f9f9f9; 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 .outbond.inbond{width:100%; float:left; margin-top:10px;} .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:16px; 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 .icon{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .flight-detail .radio .icon img{width:80%; height:auto;} .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: 16px; height: 16px; 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: 10px; height: 10px; background:#f7941d; 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; color:#f7941d;} .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:1px; float:left; position:relative; background:#999; 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:#999; border:0px solid #999; left:50%; margin-left:-5px; top:-5px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .stoppage-city{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{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-detail .baggaes-text{width:100%; float:left; text-align:center; font-size:16px; font-weight:normal; color:#16528e; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes-text .icon i{font-size:16px; color:#16528e;} .container-full .flight-result .result-panel .result-content .result .flight-detail .baggaes-text .text{ padding-left:5px; font-size:12px;} .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:none; border-radius:5px; padding:0 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return{padding:37px 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.design-4{padding:10px 10px;} .container-full .flight-result .result-panel .result-content .result .flight-price .price{width:100%; float:left; text-align:center; font-size:20px; font-weight:bold; color:#16528e; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-price .price span{color:#15bdcc;} .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:#16528e; display:none;} .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-price .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 .flight-result .result-panel .result-content .result .flight-price .select-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} .container-full .flight-result .result-panel .result-content .result .flight-price .book-now {width: 100%; float: left; text-align:center; margin-top:3px; outline: none; padding: 5px 0px; border: 0px; font-size:16px; color: #fff; background:#16528e; font-weight: bold; box-shadow: -3px 3px 2px #666; -webkit-box-shadow: -3px 3px 2px #666;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design{background: #ED1863; color:#fff;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .best-deal{width:100%; float:left; font-weight:600; text-align:center;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .just-call{width:100%; float:left; font-weight:600; margin-bottom:5px; text-align:center;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .phone-no{width:100%; float:left; font-weight:600; margin-bottom:5px; font-size:17px;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .call-now{width:100%; float:left; text-align:center; font-weight:800; border-radius:5px; padding:5px 10px; background:#fff; color:#f23131;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .call-now i{transform:rotateY(180deg); position:relative; top:2px; left:2px;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .flight-detail-p{width:100%; float:left; text-align:center; display:none;} .container-full .flight-result .result-panel .result-content .result .flight-price.width-return.new-design .flight-detail-p a{text-decoration:underline; font-size:10px; color:#fff;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel{width:100%; float:left; /*background:#ebebeb;*/ background: #f7f5f5; border-top: 1px solid #e8e6e6; margin-top:10px;} .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:#a5a4a4; font-weight:normal; margin-bottom: 0px; padding:5px 10px; cursor: pointer;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text{width:auto; text-align:center; font-size:16px; font-weight:normal; color:#16528e; margin-bottom:0px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i{font-size:16px; color:#16528e;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text{ padding-left:5px; font-size:12px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info i{transition:0.3s; -webkit-transition:0.3s;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .refundable{float: left; color: #06caf9; font-weight: 700;font-size: 12px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .non-refundable{color:#71c743; float: left; font-weight: 700;font-size: 12px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-content{width:100%; float:left; background:#f7f5f5; border-top: 1px solid #dddddd;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown{width:100%; float:left; padding:10px 10px; margin-top:0px;} .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 + .flight-info-dropdown-inner{border-top:1px solid #16528e; margin-top:5px; padding-top:5px;} .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:14px; 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:14px; font-weight:600; color:#000; margin-top:-10px;} .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 .arrow-icon i{font-size:16px; color:#16528e;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text{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 .baggaes-text .icon{float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i{font-size:18px; color:#16528e;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text{float:left; padding-left:10px;} /*.container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full{width:100%; float:left; margin-top:30px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text{float:left; background:#16528e; 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 .flight-info-dropdown .flight-info-dropdown-inner .layover-full{width:100%; float:left; margin:10px 0 10px 0; border-top:1px dashed #999; border-bottom:1px dashed #999;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text{float:left; color:#333; padding:5px 20px 5px 5px; margin-bottom:0px; border-radius:5px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .layover-title{float:left; font-weight:bold; padding-right:10px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text{float:left;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble{float:left; padding:0 5px;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown{width:50%; float:right; margin-right:5px;} .container-full .flight-result .result-panel .result-content .result .fare-rulu-dropdown .heading{width:100%; float:left; background:#16528e; color:#fff; font-size:20px; padding:5px 10px; margin-bottom:0px;} .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 HOTEL RESULT PAGE */ .fh-result-pg .fh-header-panel-outer{width:100%; float:left;} .fh-result-pg .fh-header-panel{width:100%; float:left; border:1px solid #16528e; margin-bottom:30px; position:relative; background:#fff; } .fh-result-pg .fh-header-panel:before{content:""; position:absolute; width:100%; height:5px; background:#16528e; bottom:-8px; left:0px;} .fh-result-pg .fh-header-panel .box1{width:35%; float:left;} .fh-result-pg .fh-header-panel .box2{width:45%; float:left;} .fh-result-pg .fh-header-panel .box3{width:20%; float:left;} .fh-result-pg .fh-header-panel .hotel-panel{width:100%; float:left; position:relative; background:#16528e; padding-left:25px;} .fh-result-pg .fh-header-panel .hotel-panel .heading-panel{width:25px; float:left; text-align:center; position:absolute; top:0px; left:0px; padding-top:10px;} .fh-result-pg .fh-header-panel .hotel-panel .heading-panel ul{width:100%; float:left; list-style:none; margin-top:10px;} .fh-result-pg .fh-header-panel .hotel-panel .heading-panel ul li{width:100%; float:left; text-align:center; color:#FFF; font-size:16px; padding-bottom:3px;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel{width:100%; min-height:170px; float:left; font-size:12px; background:#fff; padding:10px 0 0 10px; } .fh-result-pg .fh-header-panel .hotel-panel .content-panel .im{width:30%; float:left;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .im img{width:100%; height:100px;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail{width:70%; float:left; padding:0 10px;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-name{width:100%; float:left; font-size:16px; margin-bottom:5px; font-weight:bold; color:#16528e;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-address{width:100%; float:left; font-size:12px; margin-bottom:5px; color:#16528e;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating-full{width:100%; float:left;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating{width:90px; float:left;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .starrating img{width:90%; height:auto;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .more-info{width:auto; float:left; font-size:12px; margin-top:10px; color:#f00; text-decoration:underline;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .change{width:100%; float:right; text-align:right; font-size:14px; color:#999;} .fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .change a{color:#999; float:right;} .fh-result-pg .fh-header-panel .flight-panel{width:100%; float:left; position:relative; background:#16528e; padding-left:30px;} .fh-result-pg .fh-header-panel .flight-panel .heading-panel{width:30px; float:left; text-align:center; position:absolute; top:0px; left:0px; padding-top:10px;} .fh-result-pg .fh-header-panel .flight-panel .heading-panel ul{width:100%; float:left; list-style:none; margin-top:10px;} .fh-result-pg .fh-header-panel .flight-panel .heading-panel ul li{width:100%; float:left; text-align:center; color:#FFF; font-size:16px; padding-bottom:3px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel{width:100%; min-height:170px; float:left; font-size:12px; background:#fff;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel-outer{width:100%; float:left; padding:0 15px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel.one-way .f-result-panel{padding:57px 0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel{width:100%; float:left; padding:10px 0 10px 0px; font-size:12px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel + .f-result-panel{border-top:1px dashed #16528e;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box1{width:25%; float:left;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box2{width:30%; float:left;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box3{width:25%; float:left;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .result-box4{width:20%; float:left;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .heading{width:100%; float:left; text-align:center; margin-bottom:0px; padding-left:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full{width:100%; float:left; position:relative; padding-left:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .duration{width:100%; float:left; text-align:center; font-size:14px; font-weight:bold; color:#16528e; margin-bottom:0px; padding-left:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .icon{ width:0px; position:absolute; left:0px; top:0px; float:left; text-align:center; margin-top:4px; display:none;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .duration-full .icon img{width:20px; height:auto;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .date{width:100%; float:left; text-align:center; margin-bottom:0px; color:#999; padding-left:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage{width:100%; float:left; font-size:12px; font-weight:600; text-align:center; margin-bottom:0px; color:#16528e;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point-outer{width:60%; margin:0 auto;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point{width:100%; height:1px; float:left; position:relative; background:#16528e; padding:0px 10px; margin:10px 0; } .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-point:before{position:absolute; content:""; width:10px; height:10px; border-radius:50%; background:#16528e; border:0px solid #16528e; left:50%; margin-left:-5px; top:-5px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .stoppage-city{width:100%; float:left; font-size:12px; color:#16528e; font-weight:600; text-align:center; margin-bottom:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text{width:100%; float:left; text-align:center; font-size:14px; font-weight:normal; color:#16528e; margin-bottom:0px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text .icon i{font-size:16px; color:#16528e;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .baggaes-text .text{ padding-left:5px; font-size:12px;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .detail-info{width:100%; float:left; text-align:center; text-decoration:underline; color:#f00;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .f-result-panel .change{width:100%; float:right; text-align:right; font-size:14px; color:#999;} .fh-result-pg .fh-header-panel .flight-panel .content-panel .change a{color:#999; float:right;} .fh-result-pg .fh-header-panel .price-panel{width:100%; min-height:170px; padding:10px; float:left; border-left:1px solid #16528e;} .fh-result-pg .fh-header-panel .price-panel .text1{width: 100%; float: left; text-align: center; font-size: 12px; font-weight: 600; color: #16528e; margin-top:15px; margin-bottom:0px;} .fh-result-pg .fh-header-panel .price-panel .text2{width: 100%; float: left; text-align: center; font-size: 12px; font-weight: normal; color: #16528e;} .fh-result-pg .fh-header-panel .price-panel .price{width:100%; float:left; text-align:center; font-size:24px; font-weight:bold; color:#16528e; margin-bottom:0px;} .fh-result-pg .fh-header-panel .price-panel .price span{color:#15bdcc;} .fh-result-pg .fh-header-panel .price-panel .book-now-outer{width:120px; margin:0 auto;} .fh-result-pg .fh-header-panel .price-panel .book-now {width: 100%; float: left; text-align:center; margin-top:3px; outline: none; padding: 5px 0px; border: 0px; font-size:16px; color: #fff; background:#16528e; font-weight: bold; box-shadow: -3px 3px 2px #666; -webkit-box-shadow: -3px 3px 2px #666;} /*--fh result header new flex design--*/ .fh-result-pg .fh-header-panel.new-flex-design{display:flex;} .fh-result-pg .fh-header-panel.new-flex-design .box1, .fh-result-pg .fh-header-panel.new-flex-design .box2, .fh-result-pg .fh-header-panel.new-flex-design .box3{display:flex;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel{display:flex;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{padding-left:30px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel{width:30px; height: 100%; background:#f00;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{background:#fff !important;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel, .fh-result-pg .fh-header-panel.new-flex-design .price-panel{min-height: 170px;} .fh-result-pg .fh-header-panel.new-flex-design .price-panel {min-height: initial; display: flex; flex-direction: column; justify-content: center;} .fh-result-pg .fh-header-panel.new-flex-design .price-panel .text1{margin-top:0px;} .fh-result-pg .fh-header-panel.new-flex-design .price-panel .text1, .fh-result-pg .fh-header-panel.new-flex-design .price-panel .price, .fh-result-pg .fh-header-panel.new-flex-design .price-panel .book-now-outer{display: flex; justify-content: center;} @media screen and (min-width:320px) and (max-width:767px) { .fh-result-pg .fh-header-panel.new-flex-design{width:100%; float:left; display: block;} .fh-result-pg .fh-header-panel.new-flex-design .box1, .fh-result-pg .fh-header-panel.new-flex-design .box2{width:100%; float:left; } .fh-result-pg .fh-header-panel.new-flex-design .box3{width:100%; float:left;} .fh-result-pg .fh-header-panel.new-flex-design .price-panel{padding:20px 0; border-top:1px solid #f00;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{border-top:1px solid #f00;} .fh-result-pg .fh-header-panel.new-flex-design .price-panel{border-left:0px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel-outer{padding: 0 5px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel{padding-left:20px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{padding-left:20px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel{width:20px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel{font-size:11px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel{padding: 10px 0 0 5px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .detail .hotel-name{font-size:14px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im{margin-bottom:2px;} } /*--fh result header new flex design--*/ .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return { padding:23px 10px; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price { width: 100%; float: left; background: none; border-radius: 5px; padding: 0px 10px; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design { background: rgb(237, 24, 99); color: rgb(255, 255, 255); } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .best-deal { width: 100%; float: left; font-weight: 600; text-align: center; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .just-call { width: 100%; float: left; font-weight: 600; margin-bottom: 5px; text-align: center; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .phone-no { width: 100%; float: left; text-align: center; font-weight: 600; margin-bottom: 5px; font-size: 17px; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .call-now { width: 100%; float: left; text-align: center; font-weight: 800; border-radius: 5px; padding: 5px 10px; background: rgb(255, 255, 255); color: rgb(242, 49, 49); } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .call-now i { transform: rotateY(180deg); position: relative; top: 2px; left: 2px; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .flight-detail-p { width: 100%; float: left; text-align: center; display: none; } .fh-result-pg .fh-header-panel .price-panel .nd-fh-price.width-return.new-design .flight-detail-p a { text-decoration: underline; font-size: 10px; color: rgb(255, 255, 255); } .fh-result-pg .fh-result-tab-full{width:100%; float:left; border-bottom:1px double #16528e; position:relative; margin-bottom:0px;} .fh-result-pg .fh-result-tab-full:before{content:""; position:absolute; width:100%; height:0px; background:#16528e; bottom:-6px; left:0px;} .fh-result-pg .fh-result-tab-full ul{width:100%; float:left; list-style:none; padding-bottom:0px; margin-bottom:0px;} .fh-result-pg .fh-result-tab-full ul li{display:inline-block; position:relative; background:#e6e5e5; color:#333; border:1px solid #16528e; border-bottom:0px; border-radius:5px 5px 0 0; padding:10px 30px; cursor:pointer;} .fh-result-pg .fh-result-tab-full ul li.active:before{content:""; position:absolute; width:100%; height:1px; background:#fefdfd; bottom:-1px; left:0px;} .fh-result-pg .fh-result-tab-full ul li:hover, .fh-result-pg .fh-result-tab-full ul li.active{color:#16528e; background:#fefdfd;} .fh-result-pg .fh-result-tab-content-full{width:100%; float:left; background:#fefdfd; padding-top:15px;} .fh-result-pg .fh-result-tab-content-full .heading-full{width:100%; float:left; text-align:center; font-size:14px; color:#000; margin-top:20px; cursor:pointer;} .fh-result-pg .fh-result-tab-content-full .heading-full i{transition:0.3s; -webkit-transition:0.3s;} .fh-result-pg .fh-result-tab-content-full .heading-full[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .fh-result-pg .fh-result-tab-content-full .search-panel{width:100%; float:left; background:rgb(7, 73, 133); padding:10px; margin-bottom:20px;} .fh-result-pg .fh-result-tab-content-full .search-panel .heading{width:100%; float:left; text-align:left; font-size:20px; font-weight:bold; color:rgb(237,129,49); margin-top:0px;} .fh-result-pg .fh-result-tab-content-full .heading-full.for-advance-serch-btn{background: #214acc;padding: 10px 0; margin-bottom: 0px; font-size: 15px; color: #ffffff; font-weight: 600;} .fh-result-pg .fh-result-tab-content-full .heading-full.for-advance-serch-btn i{font-size:16px; font-weight:bold;} .fh-result-pg .fh-result-tab-content-full .fh-umrah-flter{margin-top:15px;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab{width:100%; float:left; border: 1px solid #7d7979; } .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-justified>li{ width: 0%;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li>a{padding: 7px 6.5px; font-size:12px; border-radius: 0px; color: #fff; border-left: 1px solid #7d7979;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active>a, .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active>a:focus, .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active>a:hover{background-color: rgb(237,129,49);} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li>a:focus, .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li>a:hover{background-color: rgb(237,129,49) !important;} .fh-result-pg .fh-result-tab-content-full .search-panel .form-group{width:100%; float:left;} .fh-result-pg .fh-result-tab-content-full .search-panel .form-group .form-control{ border-radius:0px; padding: 6px 2px; padding-left:20px;} .fh-result-pg .fh-result-tab-content-full .search-panel .form-group select.form-control{height:34px; line-height:28px; padding-left:10px;} .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label{position:relative; width:100%; font-weight:normal; color:#fff;} .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label span{position:absolute; font-size:16px; color:rgb(237,129,49); bottom:0px; left:4px; line-height:34px; } .fh-result-pg .fh-result-tab-content-full .search-panel .form-group label span.left{left:5px;} .fh-result-pg .fh-result-tab-content-full .search-panel .checkbox-full{width:100%; float:left; color:#fff;} .fh-result-pg .fh-result-tab-content-full .search-panel .checkbox-full label{margin-left:0px; margin-right:10px;} .fh-result-pg .fh-result-tab-content-full .search-panel .input-btn{float:right; padding:5px 20px; border-radius:5px; font-weight:bold; background:rgb(237,129,49); color:#fff; border:0px; outline:none; margin:20px 0 10px 0;} .fh-result-pg .fh-result-tab-content-full .search-panel .traveller{width:100%; float:left; position:relative;} .fh-result-pg .fh-result-tab-content-full .search-panel .traveller label{color:#fff; font-weight:normal;} .fh-result-pg .fh-result-tab-content-full .search-panel .main-pax{background:#fff; height:34px; border-radius:0px; padding:6px 0 0 10px; cursor:pointer; border:1px solid #ccc;} .fh-result-pg .fh-result-tab-content-full .search-panel .main-pax span {color: #333 !important; position:static !important; border-radius: 4px;font-size:14px;} /* FLIGHTHOTEL UMRAH RESULT PAGE */ .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .hotel-r-panel {width: 100%; float: left; margin-bottom:5px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-name{margin-top:0px; margin-bottom:0px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .hotel-address{margin-bottom:0px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .detail .more-info{margin-top:0px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .im img {width: 100%; height: 70px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .change {width: 100%; float: right; padding-right:10px; text-align: right; font-size: 12px; color: #999; margin-top:-10px;} .fh-umrah-result-pg.fh-result-pg .fh-header-panel .hotel-panel .content-panel .change a {color: #999; float: right;} .fh-umrah-result-pg.fh-result-pg .transfer-result .result-panel{padding-left:20px;} /* FLIGHTHOTEL DETAIL PAGE */ .fh-detail-pg.fh-result-pg .fh-header-panel{margin-bottom:5px;} .fh-detail-pg.hotel-detail-pg .slider-map-panel {margin: 10px 0 20px;} .fh-detail-pg.hotel-detail-pg .slider-map-panel .hotel-details-info .fh-map-panel{width:100%; float:left;} /* FLIGHTHOTEL BOOKING PAGE */ .fh-booking-pg.flight-booking-pg .main-booking-content{margin-top:0px; margin-bottom:20px;} .fh-booking-pg.flight-booking-pg .booking-sidebar-full .fare-detail-panel{margin-top:0px;} .fh-booking-pg.flight-booking-pg .main-booking-content .selected-flight-panel{margin-bottom:20px;} .fh-booking-pg.hotel-booking-pg .main-booking-content2{margin-bottom:0px;} /* 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; margin-top:0px; margin-top:0px;} .flight-booking-pg .main-booking-content .selected-flight-panel{width:100%; float:left; margin-bottom:30px;} .flight-booking-pg .main-booking-content .selected-flight-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .title .icon img{width:30px; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules{font-weight:bold;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules i{font-weight:bold;} .flight-booking-pg .main-booking-content .selected-flight-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 .selected-flight-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} /* FARE RULES POPUP START */ .farerules-popup{width:100%; float:left;} .farerules-popup .farerules-content{width:100%; float:left; border:0px solid #ccc; background:#fff; border-radius: 5px; overflow: hidden;} .farerules-popup .farerules-content .content-header{width:100%; float:left; background:#eee; padding:27px 10px; position:relative;} .farerules-popup .farerules-content .content-header:before{content: ""; border-top: 80px solid #FF834F; border-left: 80px solid transparent; position: absolute; right:0px; top:0px;} .farerules-popup .farerules-content .content-header .close {float: right;font-size: 35px;font-weight:400;line-height: 1;color: #fff;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=100);opacity: 1;z-index: 111;top: 5px; right:13px; position:absolute;} .farerules-popup .farerules-content .content-header h3{margin:0px; color:#FF834F; width:100%; float:left; text-align:center; font-weight:600;} .farerules-popup .farerules-content .content-inner{width:100%; overflow:auto; padding:15px 15px; float:left; background:#fff;} .farerules-popup .farerules-content .content-inner .heading{width:100%; float:left; font-weight:600; font-size:18px; margin-top:20px; margin-bottom:10px;} .farerules-popup .farerules-content .content-inner p{width:100%; float:left; font-size:14px; margin-bottom:10px !important;} .farerules-popup .farerules-content .content-inner pre{background:#fff; border:0px;} .farerules-popup button{outline:none;} .farerules-popup .modal-content{border:0px;} .farerules-popup .modal-body{width:100%; float:left;} .farerules-popup .modal-header{display:none;} .farerules-popup .modal-footer{display:none;} .farerules-popup .modal-dialog{width:auto !important; max-width:600px;} @media (max-width:767px) { .farerules-popup .modal-dialog{width:initial !important;} .farerules-popup .farerules-content .content-inner .heading{font-size:16px;} } .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel-content{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel{width:100%; float:left; position:relative; background:#16528e; padding-left:30px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.inbond-panel{border-top:3px solid #15528d;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel{width:30px; float:left; text-align:center; position:absolute; top:0px; left:0px; padding-top:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel img{text-align:center; width:20px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel ul{width:100%; float:left; list-style:none; margin-top:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .icon-panel ul li{width:100%; float:left; text-align:center; color:#FFF; font-size:16px; padding-bottom:3px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content{width:100%; float:left; font-size:12px; background:#fff;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel{width:100%; float:left; padding:20px 0 0 20px; margin-bottom:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box1{width:26%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box2{width:27%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box3{width:20%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .box4{width:27%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo{width:100%; float:left; position:relative; padding-left:40px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .logo{width:30px; position:absolute; top:0px; left:0px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .logo img{width:100%; height:auto;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .name{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .code{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .flight-name-logo .flight-content .class{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-title{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-time{width:100%; float:left; font-weight:bold;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-date{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-airport{width:100%; float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-departure-return-status{width:100%; float:left; padding-left:10px; color:#999; font-size:26px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .detail-panel .f-duration{width:100%; float:left; font-weight:bold; margin-top:-10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full{width:100%; float:left; margin:10px 0 10px 0; border-top:1px dashed #999; border-bottom:1px dashed #999;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text{float:left; color:#333; padding:5px 20px 5px 5px; margin-bottom:0px; border-radius:5px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-icon{width:1px; height:20px; background:#999; float:left; position:relative; margin:0 10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-icon:before{content:""; position:absolute; top:6px; left:-3px; width:7px; height:7px; border-radius:50%; background:#999;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .layover-title{float:left; font-weight:bold; padding-right:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .text{float:left;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .layover-full .layover-text .symble{float:left; padding:0 5px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip{width:100%; float:left; font-size:14px; padding:10px 10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip .fare-rule{float:right; color:#f7941d; } .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .bottom-strip .refundable{float:right; color:#f7941d; padding-left:50px;} .flight-booking-pg .main-booking-content .booking-flight-login-panel{width:100%; float:left; margin-bottom:30px;} .flight-booking-pg .main-booking-content .booking-flight-login-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .title .icon img{width:30px; float:left;} .flight-booking-pg .main-booking-content .booking-flight-login-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .flight-booking-pg .main-booking-content .booking-flight-login-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-flight-login-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{width:100%; float:left; border-radius:5px; padding:0 0px; overflow:hidden; margin-bottom:30px; } .flight-booking-pg .main-booking-content .booking-field-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .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:#fff; padding:10px 15px;} .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{border-top:1px solid #c1f1f4; padding-top:30px; margin-top:15px;} .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{width:100%; 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:30px 0; width:100%; float:left;} .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:#15bdcc; 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;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content h5.room-use-heading{width:100%; float:left; font-weight:bold;padding: 5px 0px; margin-bottom:20px; border-bottom: 2px solid #16528e;} .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:35%; float:left; padding-left:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel .box6{width:20%; 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 .first-box-pd0{padding-left:0px;} .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:0px;} .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.guest-panel .checkbox-full-inline{width:100%; float:left; padding-top:8px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .checkbox-full-inline label{width:auto;} .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 .main-booking-content .booking-field-panel .panel-content .member-list-panel{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner{width:100%; display:flex; flex-wrap:wrap; font-size:14px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .mlp-title{font-weight:600; display:flex; margin-right:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .radio-box{display:flex; margin-right:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .member-list-panel .member-list-inner .radio-box:last-child{margin-right:0px;} .baggage-details-panel .baggage-details-content-panel{width:100%; float:left; background:#fff; padding:15px 15px 0px 15px;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection{ background: #f6f6f6;box-shadow: 0px 0px 10px #a4a3a3;float: left; width: 100%; margin-bottom:15px;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details {float: left; width: 100%; background: #15bdcc; padding: 10px;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p{ color: #fff !important; font-weight: 400;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airline-name{font-size: 12px;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airline-class{font-weight: 600;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .price-details p.airlinr-price{font-size: 24px; font-weight: 600; color: #ffdcce !important} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes{padding: 10px; float: left; width: 100%;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul{padding-left: 15px; max-height: 250px; overflow-y: scroll;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul li{color: #333 !important; margin-bottom: 10px; font-weight: 400; font-size: 12px;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes ul li:first-child{font-size:15px; text-transform: uppercase; list-style: none;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .select-btn {color: rgb(255, 255, 255);float: left;text-align: center;width: 100%;background: none 0px 0px repeat scroll rgb(0, 210, 39);padding: 8px 10px;font-size: 15px;border-width: initial;border-style: none;border-color: initial;border-image: initial; cursor:pointer;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .input-outer{ position: relative;margin: 10px 0px; float: left; width: 100%;} .baggage-details-panel .baggage-details-content-panel .booking-review-selection .includes .select-btn.active { background: #16528e;} /*.flight-booking-pg .flight-booking-sidebar{width:100%; float:left; margin-top:20px;} .flight-booking-pg .flight-booking-sidebar .flight-booking-summary{width:100%; float:left; background:#16528e; 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 .header{width:100%; float:left;} .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 .flight-panel{width:100%; float:left; position:relative; padding-left:30px; 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 .btn-panel{width:100%; float:left;} .flight-booking-pg .flight-booking-sidebar .btn-panel a{width:60%; float:left; font-size:18px; font-weight:bold; background:#dc3a26; color:#fff; background: #e36252; float: left; padding: 23px 0px; text-align: center; margin: 0; border-radius: 6px 0 0 6px; position: relative;} .flight-booking-pg .flight-booking-sidebar .btn-panel a:hover{background: #dc3a26;} .flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price {width:40%; background-color: #c15346; float: left; padding: 15px 0px; border-radius: 0 6px 6px 0; position: relative; overflow: hidden;} .flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price p {color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 12px; text-align:center; font-weight: bold; line-height: 0; margin: 7px 0 5px; text-transform: uppercase; position: relative; z-index: 1;} .flight-booking-pg .flight-booking-sidebar .btn-panel .tz-price .price {float: right; width:100%; text-align:center; font-family: 'Open Sans', sans-serif; font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 800; margin-top: 4px; position: relative; z-index: 1;}*/ .booking-sidebar-full{width:100%; float:left; margin-bottom:20px; margin-top:0px;} .booking-sidebar-full .fare-detail-panel{width:100%; float:left; border:1px solid #d1d1d1; margin-top:0px; } .booking-sidebar-full .fare-detail-panel .header{width:100%; float:left; font-size:16px; font-weight:bold; background:#e2e2e2; color:#16528e; padding:10px 15px;} .booking-sidebar-full .fare-detail-panel .content{width:100%; float:left; padding:10px 15px;} .booking-sidebar-full .fare-detail-panel .content .content-room-detail{width:100%; float:left; border-bottom:1px solid #ccc; margin-bottom:10px;} .booking-sidebar-full .fare-detail-panel .content .price-panel{width:100%; float:left; margin:3px 0; color:#666; cursor:pointer;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text{font-weight:600;font-size: 12px;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler{font-weight:normal;font-size: 10px;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{font-weight:normal;} .booking-sidebar-full .fare-detail-panel .content .price-panel .price{float:right; text-align:right;} .booking-sidebar-full .fare-detail-panel .content .price-panel .price .icon{} .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value{} .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full{width:100%; float:left; background:#e2e2e2; padding:5px 10px; margin:7px 0; } .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel{width:100%; float:left; margin-bottom:0px; font-size:13px; color:#666; padding-bottom:5px;} .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price{float:right; text-align:right;} .booking-sidebar-full .fare-detail-panel .content .line-full{width:100%; height:1px; float:left; background:#e2e2e2; margin:10px 0 10px 0; } .booking-sidebar-full .fare-detail-panel .content .total-fare-panel{width:100%; float:left; border-top:1px solid #e2e2e2; padding-top:10px; margin-top:10px;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare{width:100%; float:left; font-size:16px; color:#000; font-weight:bold; margin-bottom:0px;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .text{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .price{float:right; text-align:right;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons{width:100%; float:left; font-size:13px; color:#666; margin-bottom:0px; cursor:pointer;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .text{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon{font-weight:normal; padding-left:4px;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .price{float:right; text-align:right;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel{width:100%; float:left; font-size:13px; color:#666;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .text{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .price{float:right; text-align:right;} .booking-sidebar-full .fare-detail-panel .footer{width:100%; float:left; background:#e2e2e2; font-size:16px; color:#000; font-weight:bold; padding:10px 15px;} .booking-sidebar-full .fare-detail-panel .footer .text{float:left; text-align:left;} .booking-sidebar-full .fare-detail-panel .footer .price{float:right; text-align:right; font-size:18px;} .booking-sidebar-full .login-panel-full{width:100%; float:left; margin-top:20px;} .booking-sidebar-full .login-panel-full .login-btn{width:100%; font-size:18px; float:left; cursor:pointer; text-align:center; padding:10px 0; border-radius:5px; border:0px; outline:none; background:#16528e; color:#fff;} .booking-sidebar-full .login-panel-full .guest-btn{width:100%; font-size:16px; float:left; cursor:pointer; text-align:center; padding:10px 0; border-radius:5px; border:0px; outline:none; background:#d64443; color:#fff;} .booking-sidebar-full .login-panel-full .or{width:100%; height:1px; float:left; background:#ccc; margin:35px 0 30px 0; position:relative;} .booking-sidebar-full .login-panel-full .or .circle{width:25px; height:25px; line-height:22px; border-radius:50%; text-align:center; font-size:12px; font-style:italic; color:#fff; border:0px solid #ccc; background:#afa8a7; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .booking-sidebar-full .payment-panel-full{width:100%; float:left; margin-top:20px;} .booking-sidebar-full .payment-panel-full .payment-btn{width:100%; font-size:16px; float:left; cursor:pointer; text-align:center; padding:10px 0; border-radius:5px; border:0px; outline:none; background:#d64443; color:#fff;} .booking-sidebar-full .payment-panel-full .term-condition{width:100%; float:left; margin-bottom:15px;font-size:13px;} .booking-sidebar-full .payment-panel-full .term-condition label a{font-weight:bold; text-decoration:underline;} .booking-sidebar-full .payment-panel-full.mt10{margin-top:10px;} .booking-sidebar-full .payment-panel-full .footer{width:100%; float:left; background:#e2e2e2; font-size:13px; color:#000; font-weight:bold; padding:10px 15px;} .booking-sidebar-full .payment-panel-full .footer .text{float:left; text-align:left;} .booking-sidebar-full .payment-panel-full .footer .price{float:right; text-align:right; font-size:18px; color:#FF834F;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome{text-align:left;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .checkbox-inline{padding-left:0px; margin-right:10px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .checkbox-inline + .checkbox-inline{margin-left:0px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel{width:100%; float:left; margin-top:5px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel .payment-strip{width:80px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel .payment-paypal{width:80px; margin-left:80px;} @media screen and (min-width:768px) and (max-width:991px) { .booking-sidebar-full .payment-panel-full.strip-paypal-custome .checkbox-inline{margin-right:5px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel {margin-top: 5px;display: flex;justify-content: space-between;align-items: center;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel .payment-strip{width:70px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel .payment-paypal{width:70px; float:right; margin-left:0px;} } @media screen and (min-width:992px) and (max-width:1199px) { .booking-sidebar-full .payment-panel-full.strip-paypal-custome .checkbox-inline{margin-right:5px;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel {margin-top: 5px;display: flex;justify-content: space-between;align-items: center;} .booking-sidebar-full .payment-panel-full.strip-paypal-custome .payment-image-panel .payment-paypal{width:80px; float:right; margin-left:0px;} } /* ADD HOTEL PAGE */ .container-full .add-hotel-pg{width:100%; float:left; } .container-full .add-hotel-pg .result-panel {width:100%; float: left; padding-left:0px;} .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;*/} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result{width:100%; float:left; background:#fff; border:1px solid #ccc; margin-bottom:30px;} .container-full .add-hotel-pg .result-panel .hotel-result-full .hotel-result.active-hotel-result{border:3px solid #214acc;} .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);} /*.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:calc(100% - 160px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .title{width:100%; float:left; font-size:18px; 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:14px; font-weight:normal; color:#333; margin-top:-5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby{width:150px; 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:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-title{width:80px; float:right; margin-top:7px; position:static; 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:100%; float:right; margin-left:10px; margin-bottom:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .heading{width:calc(100% - 210px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby{width:210px; float:right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby .sortby-form .form-title{width:70px; float:right; margin-top:7px; position:static; color:#333; font-size:12px; top:6px; left:0px; text-align:right; padding-right:5px; font-weight:800;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby .sortby-form .form-title.sortby-img{margin-top: 0px; padding-right:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby .sortby-form .form-title.sortby-img img{width:100%; height:34px; border-radius:5px; } .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby .sortby-form .form-group{width:calc(100% - 80px); float:right; margin-left:10px; margin-bottom:0px;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .heading{width:calc(100% - 0px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby{width:100%; float:right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.with-text .sortby .sortby-form .form-group{width:170px;} } .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {width:70%; width: calc(100% - 140px); float: left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel b{font-weight:400 !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel {width:130px; 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 .header .right-panel .new-star-rating img{width:90%; height:auto;} .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: 200px;} .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; padding-top: 10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return {padding: 37px 10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.design-4 {padding: 10px 10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price{width: 100%;float: left;background: none;border-radius: 5px;padding: 0 10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design{background: #ED1863; color:#fff;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .best-deal{width:100%; float:left; font-weight:600; text-align:center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .just-call{width:100%; float:left; font-weight:600; margin-bottom:5px; text-align:center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .phone-no{width:100%; float:left; font-weight:600; margin-bottom:5px; font-size:17px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .call-now{width:100%; float:left; text-align:center; font-weight:800; border-radius:5px; padding:5px 10px; background:#fff; color:#f23131;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .call-now i{transform:rotateY(180deg); position:relative; top:2px; left:2px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .flight-detail-p{width:100%; float:left; text-align:center; display:none;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .nd-hotel-price.width-return.new-design .flight-detail-p a{text-decoration:underline; font-size:10px; color:#fff;} .flightincludes {width: 100%;float: right;text-align: center;font-size: 12px;color: #999;} .hotelincludes {width: 100%;float: right;text-align: center;font-size: 12px;color: #999;} .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 .bed-brakfast.bed-brakfast-new{color:#508019; font-weight:600;margin-bottom: -8px;padding-bottom: 5px;} .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:20px; 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.text-center{text-align:center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .price.text-center .price{text-align:center !important;} .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;} .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 .night-person.text-center{width:100%; text-align:center; 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:150px; float:right; padding:5px 0; margin-top:10px; text-align:center; font-size:13px; 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%);} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .book-now {width: 60%; float: right; text-align:center; margin-top:3px; outline: none; padding: 5px 0px; border: 0px; font-size:16px; color: #fff; background:#16528e; font-weight: bold; box-shadow: -3px 3px 2px #666; -webkit-box-shadow: -3px 3px 2px #666;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel{width: 100%; float: left; text-align: right;margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-logo{width: 100%; float: left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-logo img{max-width: 80px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-text{width: 100%; float: right; text-align: right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-star-rattig{width: 100%; float: left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .trip-advisor-panel .tap-star-rattig img{width: auto;} /*--EXTRA ADD --*//*--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:#16528e; 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: #ffc133; 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 .price-panel .switch-btn-full{width:100%; float:left; text-align:center; margin-top:5px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .switch {position: relative; display: inline-block; width:50px; height:24px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .switch input {display:none;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .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 .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider:before {position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:checked + .slider {background-color: #16528e;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:focus + .slider {box-shadow: 0 0 1px #16528e;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);transform: translateX(26px);} .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; 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:#e2e2e2; 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%; display:none; } .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 .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;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-summary{width:100%; float:left; background:#16528e; 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:#16528e; 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 .extra-add-hotel-panel{width:100%; float:left; margin-bottom:15px; background:#fff; border-radius:5px; overflow:hidden;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im{width:100%; float:left; position:relative;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im img{width:100%; height:100%; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im .img{width:100%; height:180px; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .im .star-rating{width:100px; background:rgba(255,255,255,0.8); position:absolute; left:0px; bottom:0px; padding:5px 5px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel{width:100%; float:left; border-bottom:1px solid #ccc; padding:10px 10px 10px 10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price{width:100%; float:left; color:#16528e;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price .name{font-size:12px; font-weight:800; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .name-price .price{font-size:12px; font-weight:800; float:right;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-place{width:100%; float:left; font-size:12px; color:#16528e;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-date{width:100%; float:left; font-size:12px; color:#16528e;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-view{width:100%; float:left; font-size:12px; color:#16528e;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .hotel-detail-panel .hotel-info{width:100%; float:left; font-size:12px; color:#999;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel{width:100%; float:left; border-bottom:0px solid #ccc; padding:10px 10px 0px 10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way{width:100%; float:left; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price{width:100%; float:left; color:#16528e; margin-bottom:3px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price .name{font-size:12px; font-weight:800; float:left;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .name-price .price{font-size:12px; font-weight:800; float:right;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel{display:flex; width:100%; font-size:12px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .departure{width:45%;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .arrival{} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .city{display:block;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .city.standard{background:#16528e; color:#fff; padding:1px 2px; border-radius:2px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .time{display:block; font-weight:bold;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .icon{display:block; padding:0 10px;} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .icon img{width:20px;} .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;} .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;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel{padding-left:0px; padding-right: 10px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im{width:100%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box{} .container-full .extra-add-pg .result-panel-full{padding-right:0px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel .title{font-size:14px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {width: 80%;} } @media only screen and (min-width:320px) and (max-width:550px) { .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel{width:25%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel{width:60%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel{width:15%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box{margin-left:10px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel{width:100%;} } @media only screen and (min-width:320px) and (max-width:400px) { .container-full .extra-add-pg .result-panel-full .result-panel .result .content .info-panel{width:55%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel{width:20%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box{width: 45px;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel{padding-left:0px; padding-right: 10px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im{width:100%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .select-panel .select-box{} .container-full .extra-add-pg .result-panel-full{padding-right:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {width: 80%;} } @media only screen and (min-width:992px) and (max-width:1199px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn {width: 80%;} } /*-- 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:32px; 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:#16528e;} .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:#16528e; 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:300px;} .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; 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 h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #16528e; 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;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full{width:100%; float:left;} .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:#16528e;} .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:#16528e; 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:#16528e; margin-top:0px; font-weight:normal;} .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:#16528e;} .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:#16528e;} .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:#16528e;} .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:#16528e;} .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-detail-pg .hotel-det-header-full{width:100%; float:left; padding:0 30px; margin-bottom:30px;} .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:32px; font-weight:600; color:#333;} .hotel-detail-pg .hotel-det-header .new-star-rating{width:120px; padding:5px 5px; float:left; margin-bottom:5px; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%); border-radius:10px;} .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:#16528e;} .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:#16528e; 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; background:linear-gradient( #41d8e5 50%, #15bdcc 50%); background:-webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);} .hotel-detail-pg .hotel-det-header .select-room-from span{font-weight:bold; font-size:24px;} .accommodation-result-pg .result-panel-main .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%);} .hotel-detail-pg .hotel-det-header .select-room-from:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} .hotel-detail-pg .hotel-det-header2{width:100%; float:left; position:relative;} .hotel-detail-pg .hotel-det-header2 .hotel-name{width: 100%; float: left; } .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel{width:100%; float:left; font-size:26px; font-weight:normal; color: #333; margin-top:5px; position:relative; padding-right:120px;} .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .name{width:100%; float:left;} .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .star-rating{width:100px; float:left; position:absolute; top:0px; right:0px;} .hotel-detail-pg .hotel-det-header2 .hotel-name .name-panel .star-rating img{width:100%; height:auto;} .hotel-detail-pg .hotel-det-header2 .hotel-name .hotel-address{width: 100%; float: left; font-size:14px; color:#333; font-weight:600; margin-top:5px;} .hotel-detail-pg .hotel-det-header2 .hotel-name .Available{width: 100%; float: left; font-size:14px; color:#2b920b; margin-top:5px; margin-bottom:10px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail{width:100%; float:left; text-align:center; list-style:none; margin-top:10px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li{width:100%; float:left; font-size:16px; color:#333; font-weight:600; margin-bottom:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .heading{font-size:14px; font-weight:800; color:#16528e; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .date{font-size:14px; color:#15bdcc; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .day{font-size:14px; color:#1fc123; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .adult{font-size:14px; color:#15bdcc; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .child{font-size:14px; color:#1fc123; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .senior{font-size:14px; color:#15bdcc; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .ul-hotel-detail li .infant{font-size:14px; color:#1fc123; margin-left:5px;} .hotel-detail-pg .hotel-det-header2 .backto-result{ position:static; float:right; margin-top:10px; width:132px; padding:5px 0; color:#11aaf6; margin-bottom:10px; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .hotel-detail-pg .hotel-det-header2 .price-btn{width:100%; float:right; text-align:right; font-size:26px; padding:0px 0px; color:#333; font-weight:800; margin-top:0px; } .hotel-detail-pg .hotel-det-header2 .price-btn .symble{color:#15bdcc;} .hotel-detail-pg .hotel-det-header2 .price-btn .from{font-size:12px; color:#999; margin-right:5px; font-weight:600;} .hotel-detail-pg .hotel-det-header2 .text2{width:100%; float:right; text-align:right; font-size:12px; color:#999; margin-bottom:10px;} .hotel-detail-pg .hotel-det-header2 .box1{width:170px; min-height:80px; float:left; background:#e1e1e1; border-radius:10px; margin-top:10px; margin-bottom:15px; padding:10px 5px; } .hotel-detail-pg .hotel-det-header2 .box2{width:170px; min-height:80px; float:right; background:#e1e1e1; border-radius:10px; margin-top:10px; margin-bottom:15px; padding:10px 5px;} .hotel-detail-pg .hotel-det-header2 .box3{width:100%; min-height:80px; float:right; background:#e1e1e1; border-radius:10px; margin-top:10px; margin-bottom:15px; padding:10px 5px;} .hotel-detail-pg .hotel-det-header2 .box1 .heading, .hotel-detail-pg .hotel-det-header2 .box2 .heading, .hotel-detail-pg .hotel-det-header2 .box3 .heading{width:100%; float:left; text-align:center; font-size:16px; font-weight:800; color:#15bdcc;} .hotel-detail-pg .hotel-det-header2 .box1 .info, .hotel-detail-pg .hotel-det-header2 .box2 .info, .hotel-detail-pg .hotel-det-header2 .box3 .info{width:100%; float:left; text-align:center; font-size:13px; font-weight:600; color:#0f3661;} .hotel-detail-pg .hotel-det-header2 .box1 .heading2, .hotel-detail-pg .hotel-det-header2 .box2 .heading2, .hotel-detail-pg .hotel-det-header2 .box3 .heading2{margin-top:5px;} .hotel-detail-pg .hotel-det-header2 .box3-outer{width:170px; margin:0 auto;} .hotel-detail-pg .hotel-det-header2 .box3-outer .box3{width:100%; float:left;} .hotel-detail-pg .slider-map-panel{width:100%; float:left; margin:0px 0 10px;} .hotel-detail-pg .slider-map-panel .slider-panel{width:70%; float:left;} .hotel-detail-pg .slider-map-panel .hotel-details-info{width:30%; float:left;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom{ background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; float: left; width: 100%; } .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .flexOne{ background: #ececec; padding: 10px; float: left; width: 100%;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .flexOne h2{ font-size: 20px; font-weight: 600; margin: 0 } .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel{padding: 10px; float: left; width: 100%; } .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only{font-weight: 700;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel> span{display: block;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only{width:100%; float:left; font-size:14px; color:#339900; text-transform:uppercase; margin-bottom:0px;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text1{color:#16528e; display: block;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text3{color:#808993; font-weight: 400; display: block;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .room-only .text2{color:#0099ff; display: block;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .non-refundable{width:100%; float:left; font-size:14px; color:#ff7272; margin-top:0px; font-weight:600;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .refundable1{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .refundable2{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .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 .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .services{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .policy{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel{margin-top: 00px; float: left; width: 100%;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price-from{ width:100%; display: block; text-align:right; font-size:18px; color:#999; position:relative; text-decoration:line-through;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price{ text-align:right; display: block; font-size:24px; font-weight:bold; color:#16528e;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .price span{color:#15bdcc;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .night-person{ width: 100%; display: block; text-align: right; font-size:12px; font-weight:600; color:#16528e;} .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .new-detail-price-panel .select-btn{ float:right; padding:5px; 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 .slider-map-panel .hotel-details-info .map-img{ margin-top: 20px; width: 100%; float: left; background: #fff; } .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .button-change-book .select-btn{ width: 48%; float: left; text-align: center; border: 1px solid #8d8d8d; color: #8d8d8d; padding: 5px 20px; display: inline-block; border-radius: 3px; margin-top: 10px; } .hotel-detail-pg .slider-map-panel .hotel-details-info .HotelStandardRoom .new-detail-info-panel .button-change-book .select-btn.book{ float: right; border: 1px solid #41d8e5; background: #16528e; background: linear-gradient( #41d8e5 50%, #15bdcc 50%); background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);color: #fff;} .hotel-detail-pg .slider-map-panel .slider-panel .content{width:97%; float:left;} .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; font-weight:600; padding:5px 0px; margin-bottom:5px; /*background:#c1f1f4;*/ border-radius:5px 5px 0px 0px; cursor:pointer; text-transform:uppercase;} .hotel-detail-pg .left-panel .content .ul-slider-tab li.active{/*background:#16528e;*/ color:#15bdcc;} .hotel-detail-pg .left-panel .content .ul-slider-tab li:hover{/*background:#16528e;*/ color:#15bdcc;} .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:360px;} .hotel-detail-pg .left-panel .content .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; width:100%;} .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li{height:60px;} .hotel-detail-pg .left-panel .content .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;} .hotel-detail-pg .detail-info-full{width:100%; float:left; margin-bottom:30px;} .hotel-detail-pg .left-panel .content .detail-info{width:100%; float:left;} .hotel-detail-pg .left-panel .content .detail-info p{width:100%; float:left; color: #000000; line-height: 1.3em; font-size: 13px; text-align:justify;} .hotel-detail-pg .left-panel .content .detail-info h3{ width:100%; float:left; font-size:20px; font-weight: 600; margin-top: 20px; color: #16528e; text-transform: uppercase; line-height: 1.5em; margin-bottom: 4px;} .hotel-detail-pg .left-panel .content .detail-info h3 span{/*width:auto; float:left; border-bottom:2px solid #15bdcc;*/} .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:-5px;} .hotel-detail-pg .nav-second {position: sticky; margin:20px auto; position: -webkit-sticky; background: #fff; left: 0; top:0px; z-index: 9999; box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08); border-bottom: solid 0.7px #bababa;} .hotel-detail-pg .nav-second .navSticky.navSticky ul{ width:100%; margin: 0 auto;} .hotel-detail-pg .nav-second .navSticky.navSticky li{ display: inline-block; vertical-align: top;} .hotel-detail-pg .nav-second .navSticky.navSticky li a{ display: flex; width:160px; justify-content: center; font-weight: 800; padding: 16px 0 14px 0; text-transform: uppercase; color: #4a4a4a;} .hotel-detail-pg .nav-second .navSticky.navSticky li a.active{ color:#0084ff !important; border-bottom: solid 2px #0084ff;} .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;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full{width:100%; float:left;} .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:#16528e;} .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:#16528e; 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:#16528e; margin-top:0px; font-weight:normal;} .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:#16528e;} .hotel-detail-pg .left-panel .content .detail-info .select-room-panel .detail-full .detail .new-detail-price-panel .price span{color:#15bdcc;} .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:#16528e;} .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 .detail-full .detail .new-detail-price-panel .select-btn.active{background: linear-gradient( #41d8e5 50%, #15bdcc 50%); background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%)} .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 #ccc; padding:30px; margin-bottom:30px;} .hotel-detail-pg .left-panel .content .detail-info .policy-panel h2{margin: 0; background: #e1e1e1; padding: 10px; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; margin-bottom: 10px; font-weight: 600;} .hotel-detail-pg .google-map .ask-question-heading h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .hotel-detail-pg .google-map .ask-question-heading h3 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .hotel-detail-pg .right-panel{width:100%; float:left;} .hotel-detail-pg .right-panel .map-panel{width:100%; float:left; border:0px 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:15px;} .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-heading h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .hotel-detail-pg .right-panel .ask-question-heading h3 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .hotel-detail-pg .right-panel .ask-question-panel{width:100%; float:left; border: 1px solid #ccc; 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:#16528e;} .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:#16528e;} .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:#15bdcc; color:#fff; border-radius:4px;} /* HOTEL DETAIL SIDE BAR PAGE */ .sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: #111;overflow-x: hidden;padding-top: 60px;transition: 0.5s;} .sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;} .sidenav { height: 100%; position: fixed; z-index: 1111; top: 0; right: 0; background-color: #dfdfdf; overflow-x: hidden; padding-top: 20px; } @media only screen and (min-width: 320px) and (max-width:1199px) { #mySidenav{width:100%;} } /*---- HOTEL DETAIL PAGE NEW ----*/ .hotel-detail-pg-new{width:100%; float:left; background-color: #fff; padding: 10px 10px 10px; border: 1px solid #ddd; margin:20px 0;} .hotel-detail-pg-new .back-topage-panel{width:100%; float:left; margin-bottom:10px;} .hotel-detail-pg-new .back-topage-panel .back-btn{-webkit-border-radius: 3px; padding:5px 10px; -moz-border-radius:3px;border-radius:3px;background-color:#354ea1;background-image:-webkit-gradient(linear,left top,left bottom,from(#354ea1),to(#223267));background-image:-webkit-linear-gradient(top,#354ea1,#223267);background-image:-moz-linear-gradient(top,#354ea1,#223267);background-image:-o-linear-gradient(top,#354ea1,#223267);background-image:linear-gradient(to bottom,#354ea1,#223267);background:#223267;border:1px solid #223267;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-weight:700; } .hotel-detail-pg-new .hotel-slider-panel{width:100%; float:left; border:1px solid #ddd;} .hotel-detail-pg-new .hotel-slider-panel .header{width:100%; float:left; background:#f9f9f9; padding:10px 10px 10px 10px;} .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar{width:100%; float:left;} .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .text{width:100%; float:left; font-size: 20px; font-weight: 600} .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .star-rating{width:100%; float:left; margin-top:-7px;} .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .location{width:100%; float:left; margin-top:5px;} .hotel-detail-pg-new .hotel-slider-panel .header .h-left-bar .location i{color:#16528e; margin-right:5px;} .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar{width:100%; float:right; text-align:right;} .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .rating{width:100%; float:right; font-size: 11px; font-weight:800; color:#16528e; } .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .logo{width:100%; float:left; margin:0px;} .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .logo img{width:auto;} .hotel-detail-pg-new .hotel-slider-panel .header .h-right-bar .text{width:100%; float:right; clear: both; font-size: 9.5px; color: #666;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img {width: 100%; float: left;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li{height:400px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; width:100%; object-fit: cover;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSPager.lSGallery li{height:50px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;} .hotel-detail-pg-new .price-map-paenl{width:100%; float:left;} .hotel-detail-pg-new .price-map-paenl .price-panel{width:100%; float:left; border:1px solid #ddd; padding:10px;} .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable{width:55%; float:left; text-align:left; color:#16528e;} .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .from{width:100%; float:left; font-size:12px; color:#999; margin-bottom:-7px;} .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .price{font-size:24px; font-weight:800; color:#f7941d;} .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable .night{font-size:12px; color:#15bdcc; font-weight:600;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room{width:35%; float:right; text-align:center; margin-top:9px; outline:none; border:0px; background:#16528e; color:#fff; padding:5px 0; border-radius:5px;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room i {color:#f7941d; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;} @keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)} 40%{transform:translateY(-15px)} 60%{transform:translateY(-5px)}} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room-outer{width:45%; float:left; display:none;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room-outer .btn-down-head {display: flex; align-items: center;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1{display:flex;align-items:center; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; background:#15bdcc; border: 1px solid; padding: 4px 10px 9px; border-radius: 5px;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box-one{float:left;padding-top:7px} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .btn-down{color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;background:#70985f;border:1px solid;padding:4px 13px 1px;border-radius:5px} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box{display:inline-block;font-size:10px;margin-left:9px;border:1px solid;width:28px;height:28px;border-radius:50%;padding-left:20px;padding-top:6px;box-sizing:border-box} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span{width:7px;height:7px;display:block;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin:-10px;animation:animate 2s infinite} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span:nth-child(2){animation-delay:-.2s} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room1 .box span:nth-child(3){animation-delay:-.4s} @keyframes animate{0%{opacity:0} 50%{opacity:1;transform:rotate(45deg) translate(10px,10px)} 100%{opacity:0}} .hotel-detail-pg-new .price-map-paenl .map-panel{width:100%; float:left; margin-top:20px;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur{background-color: #f9f9f9; padding:15px; width:100%; float:left; border:1px solid #ddd; border-radius:5px; margin-top:20px;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-subtitle {color: #223267;border-bottom-color: #ddd; font-size:18px; font-weight:700; border-bottom:1px solid #ddd; padding-bottom: 15px; margin: 0 0 15px;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li {position: relative; padding-top: 4px; padding-bottom: 4px; list-style:none;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li i.right{float:right; text-align:right; color:#5da423;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-footer{width:100%; float:left; border-top:0px; padding:0px; background:transparent;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .panel-footer .hotel-info{width:100%; float:left; padding:5px 0; text-align:center; font-size:12px; color:#666; border:1px solid #ddd; border-radius:5px;} .hotel-detail-pg-new .result-panel{width:100%; float:left; margin-top:20px;} .hotel-detail-pg-new .result-panel .header{width:100%; float:left; background: #f8f8f8; border: solid 1px #ddd; margin: 0 0 22px 0; padding:10px 10px 10px 10px;} .hotel-detail-pg-new .result-panel .header .box-panel{display:inline-block; position:relative; padding-left:40px;} .hotel-detail-pg-new .result-panel .header .box-panel .icon{width:30px; position:absolute; top:0px; left:0px; color:#999; font-size:26px;} .hotel-detail-pg-new .result-panel .header .box-panel .icon i{vertical-align:bottom;} .hotel-detail-pg-new .result-panel .header .box-panel .heading{display:block; font-size:13px; font-weight:600; color:#FF834F ; text-align:center;} .hotel-detail-pg-new .result-panel .header .box-panel .detail{display:block; font-size:14px; font-weight:600; color:#000;} .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel{margin-left:60px;} .hotel-detail-pg-new .result-panel .header .panel-footer{width:150px; float:right; border-top:0px;} .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info{width:100%; float:left; overflow:hidden; padding:5px 0; text-align:center; font-size:12px; background:#fff; position:relative; color:#666; border:1px solid #ddd; border-radius:5px;} .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:before{content:""; width:100%; height:100%; position:absolute; transition:0.1s; top:-100%; left:0px; background:#16528e;} .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:hover:before{top:0%;} .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info span{position:relative; z-index:1;} .hotel-detail-pg-new .result-panel .header .panel-footer .hotel-info:hover span{color:#fff;} .hotel-detail-pg-new .result-panel .result-full{width:100%; float:left; } .hotel-detail-pg-new .result-panel .result-full .box-panel1{width:20%; float:left; border-right:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel2{width:30%; float:left; border-right:1px solid #ddd; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .box-panel3{width:15%; float:left; border-right:1px solid #ddd; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .box-panel4{width:15%; float:left; border-right:1px solid #ddd; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .box-panel5{width:20%; float:left; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .box-detail-panel{min-height:171px; padding:15px 10px 0 10px;} .hotel-detail-pg-new .result-panel .result-full .results.top .box-detail-panel{background:#f7941d26;} .hotel-detail-pg-new .result-panel .result-full .result-header{width:100%; float:left; border:1px solid #ddd; border-bottom:0px;} .hotel-detail-pg-new .result-panel .result-full .result-header .text{width:100%; float:left; padding:5px 10px; font-size:12px; font-weight:600; color:#666;} .hotel-detail-pg-new .result-panel .result-full .results{width:100%; float:left; border:1px solid #ddd; border-top:0px;} .hotel-detail-pg-new .result-panel .result-full .results .offer-strip{width:100%; float:left; font-size:12px; text-align:center; background:#c1bebe; color:#fff; padding:5px 0;} .hotel-detail-pg-new .result-panel .result-full .results.top .offer-strip{background:#f7941d;} .hotel-detail-pg-new .result-panel .result-full .results .result{width:100%; float:left;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail{padding:0 10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .title{width:100%; float:left; font-size:14px; font-weight:600; color:#16528e; margin-top:10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .pax{width:100%; float:left; font-size:12px; color:#333;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites{width:100%; float:left; font-size:12px; color:#16528e; cursor:pointer; margin:10px 0;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites i{ transition:0.5s; -webkit-transition:0.5s;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .room-facilites[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services{width:100%; float:left; list-style:none; margin-top:10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services li{width:100%; float:left; font-size:12px; border-top:1px solid #ddd; padding:2px 0;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-detail .services li:last-child{border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes{} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul{width:100%; text-align:center; list-style:none;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li{ width:30.3333%; float:left; text-align:center; padding:0 2px;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li .icon{width:100%; text-align:center; display:block; font-size:20px;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li .text{text-align:center; font-size:11px; color:#333; font-weight:600;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li.disable{opacity:0.4;} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night{} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n{width:100%; float:left; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n .price{padding-right:5px; font-weight:800;} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .theme-color-tooltip{padding: 3px 8px;border-radius: 50%;margin-top: 5px;} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .theme-color-tooltip i{font-size:15px !important;} .hotel-detail-pg-new .result-panel .result-full .results .result .total-price{} .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .price{width:100%; float:left; text-align:center; font-size:22px; color:#16528e; font-weight:600;} .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .night{width:100%; float:left; text-align:center; font-size:10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel{} .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel .book-btn-outer{width:80px; margin:0 auto;} .hotel-detail-pg-new .result-panel .result-full .results .result .book-panel .book-btn-outer .book-btn{width:100%; float:left; border-radius:5px; background:#16528e; color:#fff; text-align:center; padding:5px 0; outline:none; border:0px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown{width:100%; float:left; border-top:1px solid #ddd; border-left:0px; border-right:0px; padding:5px 10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul{width:100%; float:left; list-style:none; margin-top:10px;padding-bottom:10px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li{width:20%; float:left; font-size:12px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li i{color:#16528e; padding-right:5px;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel{width:100%; float:left; position:relative; text-align:center;border-top:1px solid #ddd; margin-top:20px; margin-bottom:10px;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text{background:#ddd; color:#16528e; padding:5px 10px; border-radius:5px; position:relative; top:-10px; cursor:pointer; font-weight: 600;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text span{position:relative; z-index:1;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text i{position:absolute; width:20px; height:20px; border-radius:50%; top:60%; left:50%; margin-left:-15px; background:#ddd; color:#16528e; font-size:16px; text-align:center;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text i:before{top:5px; left:5px; position:absolute;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text:hover{ background:#16528e; color:#fff;} .hotel-detail-pg-new .result-panel .result-full .more-room-btn-panel .btn-text:hover i{background:#16528e; color:#fff;} .hotel-detail-pg-new .result-panel .result-full .result-dropdown{width:100%; float:left;} .hotel-detail-pg-new .result-panel .guaranteed-official{width:100%; float:left; margin-top:20px;} .hotel-detail-pg-new .result-panel .guaranteed-official .header-strip{width:100%; float:left; font-size:16px; cursor:pointer; font-weight:600; text-align:center; background:#e7e7e7; border-bottom:1px solid #b7b7b7; color:#37454d; padding: 10px 15px;} .hotel-detail-pg-new .result-panel .guaranteed-official .header-strip[aria-expanded="false"]{background:#16528e; color:#fff;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel{width:100%; float:left; padding:0 20px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout{width:100%; float:left; text-align:center; margin-top:15px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li{display:inline-block; width:31.333333%; font-size:12px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li .icon{ font-size:20px; color:#16528e;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li .title{font-weight:600; font-size:14px; color:#333;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li{border-left:1px solid #ddd;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li:first-child{border-left:0px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info{width:100%; float:left;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service{width:100%; float:left; font-size:14px; font-weight:600; color:#16528e;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service .icon{font-size:18px; padding-right:5px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail{width:100%; float:left; list-style:none;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li{width:100%; float:left; padding-bottom:5px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li i{color:#16528e; padding-right:5px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel .detail-info .service-detail li .free{ color:#16528e;} .hotel-detail-pg-new .result-panel .amenities{width:100%; float:left; margin-top:20px;} .hotel-detail-pg-new .result-panel .amenities .header-strip{width:100%; float:left; font-size:16px; cursor:pointer; font-weight:600; text-align:center; background:#e7e7e7; border-bottom:1px solid #b7b7b7; color:#37454d; padding: 10px 15px;} .hotel-detail-pg-new .result-panel .amenities .header-strip[aria-expanded="false"]{background:#16528e; color:#fff;} .hotel-detail-pg-new .result-panel .amenities .detail-panel{width:100%; float:left; padding:0 20px;} .hotel-detail-pg-new .result-panel .amenities .detail-panel .panel-subtitle {width:100%; color:#37454d; border-bottom-color: #b7b7b7; float:left; font-size: 16px; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin: 20px 0 15px;} .hotel-detail-pg-new .result-panel .amenities .detail-panel ul{width:100%; float:left; list-style:none;} .hotel-detail-pg-new .result-panel .amenities .detail-panel ul li{width:100%; float:left; padding-bottom:5px;} .hotel-detail-pg-new .result-panel .amenities .detail-panel ul li i{color:#16528e; padding-right:5px;} .hotel-detail-pg-new .result-panel .hotel-information{width:100%; float:left; margin-top:20px;} .hotel-detail-pg-new .result-panel .hotel-information .header-strip{width:100%; float:left; font-size:16px; cursor:pointer; font-weight:600; text-align:center; background:#e7e7e7; border-bottom:1px solid #b7b7b7; color:#37454d; padding: 10px 15px;} .hotel-detail-pg-new .result-panel .hotel-information .header-strip[aria-expanded="false"]{background:#16528e; color:#fff;} .hotel-detail-pg-new .result-panel .hotel-information .detail-panel{width:100%; float:left; padding:0 20px;} .hotel-detail-pg-new .result-panel .hotel-information .detail-panel .panel-subtitle {width:100%; float:left; font-size:16px; font-weight:600; color:#16528e;} @media only screen and (min-width: 320px) and (max-width: 767px) { .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSSlideWrapper.usingCss ul li{height:auto;} .hotel-detail-pg-new .result-panel .header .box-panel{width:100%; float:left;} .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {margin-left:0px;} .hotel-detail-pg-new .result-panel .header .box-panel .heading {display: block; font-size: 13px; text-align: left;} .hotel-detail-pg-new .result-panel .result-full .results .result .includes ul li {width: 100%; float: left; text-align: center; padding: 0 2px;} /*.hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n span{float:left;}*/ .hotel-detail-pg-new .result-panel .result-full .result-header{display:none;} .hotel-detail-pg-new .result-panel .result-full .box-panel1{width:50%; min-height:190px; border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel2{width:50%; min-height:190px; border-right:0px solid #ddd; border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel3{width:33.333333%; min-height:80px;} .hotel-detail-pg-new .result-panel .result-full .box-panel4{width:33.333333%; min-height:80px;} .hotel-detail-pg-new .result-panel .result-full .box-panel5{width:33.333333%; min-height:80px;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout{text-align:left;} .hotel-detail-pg-new .result-panel .guaranteed-official .detail-panel ul.checkin-checkout li{width:100%; border-left:0px;} .hotel-detail-pg-new .result-panel .result-full .results .result .room-facilites-dropdown ul li{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results .result .total-price .price{font-size:18px} .hotel-detail-pg-new .result-panel .result-full .box-panel3.box-detail-panel, .hotel-detail-pg-new .result-panel .result-full .box-panel4.box-detail-panel, .hotel-detail-pg-new .result-panel .result-full .box-panel5.box-detail-panel{padding:15px 5px 0 5px;} } @media only screen and (min-width: 320px) and (max-width:400px) { .hotel-detail-pg-new .result-panel .result-full .box-panel1{width:100%; min-height:170px; border-right:0px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel2{width:100%; min-height:170px; border-right:0px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results .result .price-night .price-n{font-size:11px;} } @media only screen and (min-width:768px) and (max-width:991px) { .hotel-detail-pg-new .price-map-paenl .price-panel .price-lable{width:100%; float:left;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room{width:100%; float:left;} .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel {margin-left:30px;} .hotel-detail-pg-new .result-panel .result-full .result-header{display:none;} .hotel-detail-pg-new .result-panel .result-full .box-panel1{width:50%; border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel2{width:50%; border-right:0px solid #ddd; border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .box-panel3{width:33.333333%; min-height:70px;} .hotel-detail-pg-new .result-panel .result-full .box-panel4{width:33.333333%; min-height:70px;} .hotel-detail-pg-new .result-panel .result-full .box-panel5{width:33.333333%; min-height:70px;} } @media only screen and (min-width:992px) and (max-width:1199px) { .hotel-detail-pg-new .result-panel .header .box-panel + .box-panel{margin-left:30px;} } /* HOTEL BOOKING PAGE */ /*.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{width:100%; float:left; background:#f5ffff; padding:10px 10px;} .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 .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{width:100%; float:left; 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:#16528e; 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{width:100%; float:left; list-style:none; border-bottom:1px dashed #c1f1f4; padding-bottom:10px;} .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{width:100%; float:left; 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;}*/ .hotel-booking-pg{width:100%; float:left;} .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 .accommodation-booking-header-full2{width:100%; float:left; padding:0 30px; margin-bottom:30px;} .hotel-booking-pg .accommodation-booking-summary-panel2{width:100%; float:left; padding:0px 0px 0 0px; margin-bottom:30px;} .hotel-booking-pg .hotel-booking-header2{width:100%; float:left; position:relative;} .hotel-booking-pg .hotel-booking-header2 .heading{width:100%; float:left; font-size:30px; color:#15bdcc; padding:10px 0 10px 0;} .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li{display:inline-block;} .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .hotel-booking-pg .hotel-booking-header2 .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .hotel-booking-pg .main-booking-content2{width:100%; float:left; border-radius:5px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:30px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2{width:100%; float:left; padding:0 0px; background:#fff; 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-content2 .booking-field-panel2: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-content2 .booking-field-panel2 .header{width:100%; float:left; padding:5px 10px; border-bottom:1px dashed #91b6da;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title{float:left; font-size:16px; color:#15bdcc; font-weight:600; margin-top:3px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon img{width:30px; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text{float:right; font-size:12px; color:#ff9a9a; margin-top:6px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .title .icon img{width:30px; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text.fare-rules{font-weight:bold;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .header .rext-text.fare-rules i{font-weight:bold;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content{width:100%; float:left; background:#fff; padding:10px 10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:100px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-title{width:100px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form select.form-control{line-height:36px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .input-group-addon{padding: 0px;margin-left: 10px !important; padding-left: 5px; background: #fff; border: 0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .input-group-addon .btn {padding: 5px 12px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form textarea.form-control{height:auto;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form .form-group{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form.dob-row{padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #eee;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .pass-form.dob-row:last-child{border-bottom:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner{width:100%; display:flex; flex-wrap:wrap; font-size:14px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .mlp-title{font-weight:600; display:flex; margin-right:15px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .radio-box{display:flex; margin-right:15px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .member-list-panel .member-list-inner .radio-box:last-child{margin-right:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .checkbox-inline{width:100%; float:left; color:#16528e;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .checkbox-inline .link{text-decoration:underline; font-weight:600;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .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-content2 .booking-field-panel2 .panel-content h5.room-use-heading{width:100%; float:left; font-weight:bold;padding: 5px 0px; margin-bottom:20px; border-bottom: 2px solid #16528e;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:25%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5{width:32%; float:left; padding-left:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1.dob{width:15%; float:left; padding-right:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .box-panel .form-control{border-radius:5px !important;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .box-panel .select2-container--default .select2-selection--single {border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .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 .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel{width:100%;float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im{width:30%; float:left; position:relative;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im img{width:100%; height: 200px; border-radius:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .im .title{position:absolute; left:0px; bottom:5px; width:100%; padding:0 10px; float:left; font-size:12px; text-align:center; color:#fff;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail{width:70%; float:left; padding-left:20px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .title{width:100%; float:left; font-weight:600;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .hotel-address{width:100%; float:left; font-size:12px; color:#999; margin-top:7px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating{width:80px; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating img{width:100%; height:auto;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel{width:100%; min-height:82px; float:left; position:relative; padding-left:210px; margin-top:20px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel{position:absolute; top:0px; left:0px; width:200px; float:left; font-size:12px; color:#999;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box1{width:50%; float:left; padding-right:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box2{width:50%; float:left; padding-left:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out{width:100%; float:left; border:1px solid #f1f1f1; background:#f1f1f1; border-radius:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .text{width:100%; float:left; text-align:center; padding-top:5px; font-weight:600; color:#999;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box .date{width:100%; float:left; font-size:20px; padding:7px 0; font-weight:bold; text-align:center; color:#333;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .date-time{width:100%; float:left; font-size:11px; text-align:center; background:#fff;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .days-night{width:100%; float:left; font-weight:bold; color:#333; border-bottom:1px solid #f1f1f1; margin-bottom:5px; padding-bottom:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info{width:100%; float:left; color:#999; border-bottom:1px solid #f1f1f1; margin-bottom:5px; padding-bottom:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .room{min-width:80px; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel{width:100%; float:left; margin-top:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .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-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text1{color:#16528e;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text2{color:#0099ff;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .ulRoomType{width:100%; float:left; list-style:none;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .ulRoomType li{width:100%; float:left; text-align:justify; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .non-refundable{width:100%; float:left; font-size:14px; color:#ff7272; margin-top:0px; font-weight:600;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable1{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .refundable2{width:100%; float:left; font-size:14px; color:#1fc123; margin-top:0px; font-weight:600;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .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-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .services{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .policy{width:100%; float:left; font-size:14px; color:#16528e; margin-top:0px; font-weight:normal;} @media screen and (min-width:500px) and (max-width:767px) { .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:20%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:40%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:40%; float:left; padding-left:10px;} } @media screen and (min-width:768px) and (max-width:991px) { .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:20%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:40%; float:left; padding-left:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:40%; float:left; padding-left:10px;} } /*--popup--*/ .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .modal-content{width:100%; float:left; max-height:800px; overflow:auto; font-family: 'Montserrat', sans-serif !important; } .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .modal-body{width:100%; float:left; padding:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .modal-header{display:none;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .close{outline:none; width:25px; height:25px; border-radius:50%; position:absolute; right:30px; background:#999; color:#fff; opacity:1; z-index:1;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .close:hover{ background:#666;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup{width:100%; float:left; background:#fff; padding:15px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .header-panel{width:100%; float:left; padding:15px 0;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .header-panel h5{ width:100%; float:left; font-size:22px; border-bottom:1px solid #ccc; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .header-panel h5 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel p{width:100%; float:left; color:#181818; margin-bottom:5px; text-align:justify;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel{width:100%; float:left; font-size:13px; margin-bottom:20px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6{width:100%; float:left; font-size:16px; background:#16528e; color:#fff; margin:0px; padding:10px 15px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li{width:100%; float:left; color:#181818; margin-bottom:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li{width:100%; float:left; color:#181818; margin-bottom:5px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title{font-weight:800; padding-right:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail{font-weight:normal;} /*.hotel-booking-pg .booking-sidebar2{width:100%; float:left;} .hotel-booking-pg .booking-sidebar2 .booking-summary2{width:100%; float:left; border-radius:5px; padding:0px; 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-sidebar2 .booking-summary2 .header{width:100%; float:left; background:#16528e; padding:10px 10px; position:relative; padding-left:90px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .image-panel{width:70px; float:left; position:absolute; top:10px; left:10px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .image-panel img{width:100%; height:60px; border-radius:5px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel{width:100%; float:left;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .titel{width:100%; float:left; font-size:15px; color:#fff;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .city{width:100%; float:left; font-size:13px; color:#fff;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .star-rating {width: 100px; float: left; margin-left:0px; margin-top:0px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .header .detail-panel .star-rating img {width: 100%; height: auto;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel{width:100%; float:left; background:#fff; padding:15px 15px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .title{width:100%; float:left; font-size:13px; color:#15bdcc;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room{width:100%; float:left; font-size:13px; color:#16528e; font-weight:600;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-type{width:100%; float:left; font-size:13px; font-weight:600; color:#16528e;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .guest{width:100%; float:left; font-size:13px; color:#15bdcc;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .cancellation-policy{width:100%; float:left; font-size:12px; color:#ff9999;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-services{width:100%; float:left; font-size:13px; font-weight:600; color:#16528e;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-price-text{width:100%; float:left; font-size:13px; color:#15bdcc;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-night-text{width:100%; float:left; font-size:12px; font-weight:600; color:#16528e;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .room-price{width:100%; float:left; font-size:12px; color:#ec3632; font-weight:800;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price-text{width:100%; float:left; font-size:14px; font-weight:600; color:#15bdcc; margin-top:5px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price{width:100%; float:left; text-align:left; font-size:20px; font-weight:bold; color:#0f3661;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .total-price span{color:#15bdcc;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .content-line{width:100%; height:1px; border-bottom:1px dashed #91b6da; float:left; margin:10px 0 10px 0; padding:0px 0px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter{width:100%; float:left; margin:10px 0 10px 0;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio{float:left; margin:0px 10px 0 0;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio label{width:auto; float:left; color:#fff; font-size:16px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked, .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label, .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 22px; cursor: pointer; line-height: 20px; font-size:12px; font-weight:800; display: inline-block; color:#16528e;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:before, .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .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;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:after, .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #15bdcc; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-now-letter .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-btn{width:100%; float:left; padding:5px 0; margin-top:10px; text-align:center; font-size:20px; 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%);} .hotel-booking-pg .booking-sidebar2 .booking-summary2 .content-panel .pay-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);}*/ /*--popup hotel pre booking--*/ .hotel-booking-pg .hotelprebooking-popup .modal-content{width:100%; float:left; } .hotel-booking-pg .hotelprebooking-popup .modal-body{width:100%; float:left;} .hotel-booking-pg .hotelprebooking-popup .modal-body .info{width: 100%; float: left; text-align:center;} .hotel-booking-pg .hotelprebooking-popup .modal-header .heading-text{width:100%; float:left; text-align:center; font-size:16px; font-weight:bold;} .hotel-booking-pg .hotelprebooking-popup .price-info-text{width:100%; float:left;} .hotel-booking-pg .hotelprebooking-popup .cancellation-info-text{width:100%; float:left;} .hotel-booking-pg .hotelprebooking-popup .button-panel{width:100%; float:left; text-align:center; padding:20px 0;} .hotel-booking-pg .hotelprebooking-popup .button-panel .button-c{background:#FF834F; padding:10px 20px; border-radius:5px; color:#fff; margin-right: 10px; } .hotel-booking-pg .hotelprebooking-popup .button-panel .button-c.button-cancel{background:#16528e;} /* ATTARACTION PAGE */ .attraction-banner{width:100%; float:left; background-image:url(../images/package/bgpic.jpg); 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: #16528e; float:left; height: auto; border-radius: 4px; border:0px solid #11aaf6; margin-top: 12px;} .attraction-result .sidebar h4{text-align: center; padding-top: 1px; 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 .form-group label{width:100%; float:left; font-weight:normal; color:#fff;} .attraction-result .sidebar .form .form-group label select.form-control{width:100%; float:left; color:#333;} .attraction-result .sidebar .form ::placeholder{color: #16528e; 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: #16528e;} .attraction-result .sidebar select{color: #16528e;} .attraction-result .sidebar .search-btn-outer{width:100%; margin:0 auto;} .attraction-result .sidebar .search-btn-outer .search-btn{width:100%; float:left; text-align:center; font-size:14px; background:#15bdcc; color:#fff; font-weight:600; padding:8px 0; border:0px; outline:none; border-radius:5px; } .attraction-result .filter-panel{width:100%; float:left; border:0px solid #11aaf6; margin-bottom:30px;} .attraction-result .filter>h4{color:#333;} .attraction-result .filter .panel-default > .panel-heading a{ color:#1d75a3;} .attraction-result .filter-panel .filter .panel-default > .panel-heading a{font-size:16px;} /*--Attraction header--*/ .attraction-result .header-new{width:100%; float:left; margin-top:10px; margin-bottom:10px;} .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 header--*/ .attraction-result .attraction-result-panel{width:100%; float:left;} .attraction-result .attraction-result-panel .attrac-result{width:100%; float:left; margin-bottom:20px; background:#fff; border: 0px solid #11aaf6;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading { width:100%; background:#16528e; 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;} .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 .service-type .discoutn{float:left; font-size:16px; color:#16528e; font-weight:600; margin-right:-50px;} .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 .showhide{width:100%; float:left; height:140px; overflow:hidden;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .showhide.show{width:100%; float:left; height:auto; overflow:auto;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .services-panel .read-more-btn{width:100%; float:left; color:#000; font-size:12px; cursor:pointer;} /*.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:85px;} .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:#666666; 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: #fff; line-height: 0.80em; font-weight:600;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ppperson{color: #999; float:right; font-size: 14px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow {float:right; right: 14px; margin-top:10px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .booknow a {background-color: #15bdcc; 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: 14px; 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:35px;} .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: #16528e; 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 #09223a; 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: 17px; color: #f7941d; 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; margin:0px 0 40px 0;} .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:#15bdcc; 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:#16528e;} .attraction-detail-pg .nav-second {position: sticky; margin:20px auto; position: -webkit-sticky; background: #fff; left: 0; top:0px; z-index: 9999; box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08); border-bottom: solid 0.7px #bababa;} .attraction-detail-pg .nav-second .navSticky.navSticky ul{ margin: 0 auto;} .attraction-detail-pg .nav-second .navSticky.navSticky li{ display: inline-block; vertical-align: top;} .attraction-detail-pg .nav-second .navSticky.navSticky li a{ display: flex; width:160px; justify-content: center; font-weight: 800; padding: 16px 0 14px 0; text-transform: uppercase; color: #4a4a4a;} .attraction-detail-pg .nav-second .navSticky.navSticky li a.active{ color:#0084ff !important; border-bottom: solid 2px #0084ff;} .attraction-detail-pg .HotelStandardRoom{ background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; float: left; width: 100%; } .attraction-detail-pg .HotelStandardRoom .flexOne{ background: #ececec; padding: 10px; float: left; width: 100%;} .attraction-detail-pg .HotelStandardRoom .flexOne h2{ font-size: 20px; font-weight: 600; margin: 0 } .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel{padding: 10px; float: left; width: 100%; } .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only{font-weight: 700;} .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel> span{display: block;} .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only{width:100%; float:left; font-size:14px; color:#339900; text-transform:uppercase; margin-bottom:0px;} .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only .text1{color:#16528e; display: block;} .attraction-detail-pg .HotelStandardRoom .new-detail-info-panel .room-only .text3{color:#808993; font-weight: 400; display: block;} .attraction-detail-pg .new-detail-price-panel .price{ text-align:left; display: block; font-size:24px; font-weight:bold; color:#16528e;} .attraction-detail-pg .new-detail-price-panel .price span{color:#15bdcc;} .attraction-detail-pg .new-detail-price-panel .night-person{ width: 100%; display: block; text-align: left; font-size:12px; font-weight:600; color:#16528e;} .attraction-detail-pg .passenger-panel .button-change-book {text-align: center;} .attraction-detail-pg .passenger-panel .button-change-book .select-btn.book{ width: 100%; text-align: center; padding: 5px 30px; display: inline-block; border-radius: 3px; margin: 0px 0 15px; border: 1px solid #41d8e5; background: #16528e; background: linear-gradient( #41d8e5 50%, #15bdcc 50%); background: -webkit-linear-gradient( #41d8e5 50%, #15bdcc 50%);color: #fff; } .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:#16528e; 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:#16528e; border-radius:5px 5px 0px 0px; cursor:pointer;} .attraction-detail-pg .left-panel .content .ul-slider-tab li.active{background:#15bdcc;} .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:480px;} .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:0px; border:1px solid #999; padding: 20px;} .attraction-detail-pg .left-panel .content .detail-info h2{margin: 0;background: #e1e1e1;padding: 10px;width: 100%;text-align: center;text-transform: uppercase;font-size: 20px;margin-bottom: 10px;font-weight: 600;} .attraction-detail-pg .left-panel .content .detail-info p{width:100%; float:left; color: #000000; line-height: 1.3em; font-size: 13px;} .attraction-detail-pg .left-panel .content .detail-info h3{ width:100%; float:left; font-size:26px; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .attraction-detail-pg .left-panel .content .detail-info h3{ width: 100%;float: left;font-size: 20px;font-weight: 600;margin-top: 20px;color: #16528e;text-transform: uppercase;line-height: 1.5em;margin-bottom: 4px;} .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: #16528e; padding: 10px 22px; border-radius:5px; margin:10px 0;} .attraction-detail-pg .right-panel .passenger-panel .form{width:100%; float:left; margin-top:5px;} .attraction-detail-pg .right-panel .passenger-panel .form label{ color:#fff; font-weight: 600; font-size: 18px;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative{ position:relative; margin-bottom:0px;width: 100%;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .icon{position: absolute; top:3px; left:10px; font-size: 20px; color: #16528e;} .attraction-detail-pg .right-panel .passenger-panel .form .position-relative .form-control{padding-left:30px;width: 100%;} .attraction-detail-pg .right-panel .passenger-panel .passenger-detail{width:100%; float:left; background:#ffffff; 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: 6px;} .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:#15bdcc; color:#fff; border-radius:5px;} .attraction-detail-pg .right-panel .map-panel{width:100%; float:left; border: 1px solid #bcbcbc; 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:#16528e; 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 #bcbcbc; 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:#16528e; 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 #15bdcc; 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:#15bdcc; 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; padding-top:0px;} .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:#16528e;} .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:#f7941d;} .attraction-detail-pg .right-panel .ask-question-panel .recently-view .view-panel .detail .price-full{width:50%; float:right; color:#16528e;} .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:#15bdcc; color:#fff; border-radius:4px;} /* 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:0px solid #15bdcc; margin-bottom:30px; padding:10px 15px; 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:80%; float:left; font-size:30px; 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:#16528e;} .attraction-payment-pg .content .passenger-info{width:100%; float:left; margin-top:10px;} .attraction-payment-pg .content .passenger-info .heading { width:100%; background:#16528e; 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 #c5c5c5;} .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:#16528e; 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:#15bdcc; 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:#15bdcc; background:#fff; text-align:center; border:1px solid #15bdcc; border-radius:10px;} .attraction-payment-pg .payment-sidebar .ticket-panel{width:100%; float:left; background:#16528e; 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:#15bdcc; 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:#15bdcc; 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:0px solid #15bdcc; margin-top:20px; margin-bottom:30px; 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%; 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:#16528e;} .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:#16528e;} .attraction-payment-pg .payment-sidebar .nearby-attractions .view-panel .detail .price-full .book-btn{float:right; font-size:12px; color:#fff; background:#15bdcc; padding:2px 10px; margin-top:18px; border-radius:10px;} /* ATTARACTION BOOKING PAGE */ .attraction-booking-pg{width:100%; float:left;} .attraction-booking-pg .attraction-booking-header-full{width:100%; float:left; padding:0 30px; margin-bottom:30px;} .attraction-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;} .attraction-booking-pg .attraction-booking-header{width:100%; float:left; position:relative;} .attraction-booking-pg .attraction-booking-header .heading{width:100%; float:left; font-size:30px; color:#15bdcc; padding:10px 0 10px 0;} .attraction-booking-pg .attraction-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .attraction-booking-pg .attraction-booking-header .ul-loginsignup li{display:inline-block;} .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .attraction-booking-pg .attraction-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .attraction-booking-pg .attraction-booking-content-full{width:100%; float:left; border-radius:5px; padding:0px 0px 0px 0px; margin-top:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel{width:100%; float:left; padding:0 0px; background:#fff; 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;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header{width:100%; float:left; padding:5px 10px; border-bottom:1px dashed #91b6da;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title{float:left; font-size:16px; color:#15bdcc; font-weight:600; margin-top:3px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#ff9a9a; margin-top:6px;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text.fare-rules{font-weight:bold;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .rext-text.fare-rules i{font-weight:bold;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content{width:100%; float:left; background:#fff; padding:10px 10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .panel-content-inner{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .panel-content-inner + .panel-content-inner{border-top:1px solid #c1f1f4; padding-top:30px; margin-top:15px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:90px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-title{width:90px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .checkbox-inline{width:100%; float:left; color:#16528e;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link{text-decoration:underline; font-weight:600;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:25%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:35%; float:left; padding-left:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .panel-content-inner + .panel-content-inner{border-top:1px solid #c1f1f4; padding-top:30px; margin-top:15px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box6{width:20%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box7{width:15%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box8{width:60%; float:left; padding-left:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .first-box-pd0{padding-left:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1.dob{width:12%; float:left; padding-right:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1.dob select.form-control{padding-right:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .box-panel .select2-container--default .select2-selection--single {border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .attraction-booking-pg .attraction-booking-content-full .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;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel{width:100%;float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im{width:30%; float:left; position:relative;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img{width:100%; height:auto; border-radius:5px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im .title{position:absolute; left:0px; bottom:5px; width:100%; padding:0 10px; float:left; font-size:12px; text-align:center; color:#fff;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail{width:70%; float:left; padding-left:20px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-title{width:100%; float:left; font-weight:600;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel{width:100%; min-height:82px; float:left; position:relative; padding-left:160px; margin-top:20px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel{position:absolute; top:0px; left:30px; width:90px; float:left; font-size:12px; color:#999;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner{width:100%; float:left; border:1px solid #f1f1f1; border-radius:5px; overflow:hidden;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .text{width:100%; float:left; background:#999999; color:#fff; text-align:center; padding:5px 0; font-weight:600;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .date{width:100%; float:left; font-size:26px; padding:4px 0; font-weight:bold; text-align:center; color:#333;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .date-panel .date-panel-inner .month{width:100%; float:left; font-size:12px; margin-bottom:5px; font-weight:bold; text-align:center; color:#333;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information .text1{width:100%; float:left; margin-bottom:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .attraction-info-panel .attraction-information .text1 .heading{font-weight:600;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel{width:100%; float:left; margin-top:15px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel .heading{width:100%; float:left; font-weight:bold;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel ul{width:100%; float:left; padding-left:20px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .hilghline-panel ul li{width:100%; float:left;} /*--popup--*/ .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content{width:100%; float:left; max-height:800px; overflow:auto; font-family: 'Montserrat', sans-serif !important; } .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body{width:100%; float:left; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header{display:none;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .close{outline:none; width:25px; height:25px; border-radius:50%; position:absolute; right:30px; background:#999; color:#fff; opacity:1; z-index:1;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover{ background:#666;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup{width:100%; float:left; background:#fff; padding:15px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel{width:100%; float:left; padding:15px 0;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5{ width:100%; float:left; font-size:22px; border-bottom:1px solid #ccc; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p{width:100%; float:left; color:#181818; margin-bottom:5px; text-align:justify;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel{width:100%; float:left; font-size:13px; margin-bottom:20px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6{width:100%; float:left; font-size:16px; background:#16528e; color:#fff; margin:0px; padding:10px 15px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li{width:100%; float:left; color:#181818; margin-bottom:5px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li{width:100%; float:left; color:#181818; margin-bottom:5px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title{font-weight:800; padding-right:10px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail{font-weight:normal;} /*======= 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:#15bdcc; background:#fff; text-align:center; border:1px solid #15bdcc; border-radius:10px;} .transfer-result .header .detail{width:100%; float:left; text-align:center; color:#16528e; 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:#16528e !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: #15bdcc; 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 {font-family: FontAwesome; font-size: 12px; height: 10px; left: 4px; position: absolute; top:10px; width: 10px; z-index: 1;color: #666;} .transfer-result .sidebar .advance-search .form-group span.date:before {content: "\f073";} .transfer-result .sidebar .advance-search .form-group span.time:before{content: "\f017";} /*.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:#15bdcc; text-decoration:underline; font-size:12px;} .transfer-result .sidebar .filter .info-panel .servie .text2{width:100%; float:left; line-height:15px; font-size:12px;} .container-full .transfer-result .filter-panel .content{padding:0px;} .transfer-result .result-panel{width:100%; float:left; background:#16528e; 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:#15bdcc; 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 .price{width:100%; float:right; text-align:right; font-size:30px; font-weight:bold; color:#0f3661;} .transfer-result .result-panel .result .price-panel .price span{color:#15bdcc;} /*.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 .book-now-btn{width:auto; float:right; padding:5px 10px; 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%);} .transfer-result .result-panel .result .price-panel .book-now-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} .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 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:#15bdcc; background:#fff; text-align:center; border:1px solid #15bdcc; 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:#15bdcc;} .transfer-payment-pg .trans-payment-header .transfer-car .text2{width:100%; float:left; text-align:left; font-size:14px; color:#999;} .transfer-payment-pg .trans-payment-header {width: 100%; float: left; padding: 0 30px; margin-bottom: 30px;} .transfer-payment-pg .trans-payment-header .hotel-booking-header2 {width: 100%; float: left; position: relative;} .transfer-payment-pg .trans-payment-header .hotel-booking-header2 .heading {width: 100%; float: left; font-size: 30px; color: #15bdcc; padding: 10px 0 10px 0;} .transfer-payment-pg .trans-payment-header .backto-result {padding: 5px 10px; float: right; margin-top: 15px; color: #15bdcc; background: #fff; text-align: center; border: 1px solid #15bdcc; border-radius: 10px;} .transfer-payment-pg .content-panel{width:100%; float:left; background:#16528e; padding:20px 20px 5px 20px; border-radius:5px; margin-top:0px; 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 #c5c5c5;} .transfer-payment-pg .content-panel .passenger-info .header{width:100%; float:left; background:#f3f3f3; padding:5px 10px; border-bottom:1px solid #c5c5c5;} .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:#15bdcc; 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 #c5c5c5; 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:#15bdcc;} .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:#15bdcc; 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:#16528e; padding:10px; margin-top:0px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header{width:100%; min-height:60px; float:left; padding:0px 0px; position:relative; padding-left:90px; margin-bottom:15px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .image-panel{width:80px; float:left; position:absolute; top:0px; left:0px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .image-panel img{width:100%; height:60px; border-radius:5px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel{width:100%; float:left;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .titel{width:100%; float:left; font-size:15px; color:#fff;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .city{width:100%; float:left; font-size:12px; color:#fff;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .star-rating {width: 100px; float: left; margin-left:0px; margin-top:0px;} .transfer-payment-pg .payment-sidebar .itinerary-panel .header .detail-panel .star-rating img {width: 100%; height: auto;} .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:#15bdcc; 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:#15bdcc; 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:#15bdcc; 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;} /* TRANSFER BOOKING PAGE */ .transfer-booking-pg{width:100%; float:left;} .transfer-booking-pg .transfer-booking-header-full{width:100%; float:left; padding:0 30px; margin-bottom:30px;} .transfer-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;} .transfer-booking-pg .transfer-booking-header{width:100%; float:left; position:relative;} .transfer-booking-pg .transfer-booking-header .heading{width:100%; float:left; font-size:30px; color:#15bdcc; padding:10px 0 10px 0;} .transfer-booking-pg .transfer-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .transfer-booking-pg .transfer-booking-header .ul-loginsignup li{display:inline-block;} .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .transfer-booking-pg .transfer-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .transfer-booking-pg .transfer-booking-content-full{width:100%; float:left; border-radius:5px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel{width:100%; float:left; padding:0 0px; background:#fff; 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;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header{width:100%; float:left; padding:5px 10px; border-bottom:1px dashed #91b6da;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title{float:left; font-size:16px; color:#15bdcc; font-weight:600; margin-top:3px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#ff9a9a; margin-top:6px;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 1px dashed #91b6da;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules{font-weight:bold;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules i{font-weight:bold;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content{width:100%; float:left; background:#fff; padding:10px 10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:90px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-title{width:90px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline{float:left; color:#16528e;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link{text-decoration:underline; font-weight:600;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel{width:100%; float:left; padding:0 10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title{font-weight:normal; color:#16528e;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline{margin-bottom:15px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:25%; float:left; padding-left:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:32%; float:left; padding-left:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .select2-container--default .select2-selection--single {border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .transfer-booking-pg .transfer-booking-content-full .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;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel{width:100%;float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im{width:30%; float:left; position:relative;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img{width:100%; height:auto; border-radius:5px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im .title{position:absolute; left:0px; bottom:5px; width:100%; padding:0 10px; float:left; font-size:12px; text-align:center; color:#fff;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail{width:70%; float:left; padding-left:20px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel{width:100%; min-height:82px; float:left; position:relative; padding-right:170px; margin-top:20px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel{position:absolute; top:0px; right:0px; width:160px; float:left; font-size:12px; color:#999;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .heading{width:100%; float:left; font-size:16px; color:#16528e; text-align:left; padding:5px 0; font-weight:600;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1{width:100%; float:left; font-size:12px; padding:4px 0; color:#16528e;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .shuttle-panel .text1 .icon{width:20px; float:left; color:#000;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information{width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .main-heading{width:100%; float:left; font-size:16px; font-weight:bold; color:#000; margin-bottom:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1{width:100%; float:left; margin-bottom:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .text1 .heading{font-weight:600;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time{width:100%; float:left; padding:4px 0;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail .transfer-info-panel .transfer-information .time .icon{width:20px; float:left; color:#000;} /*--popup--*/ .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-content{width:100%; float:left; max-height:800px; overflow:auto; font-family: 'Montserrat', sans-serif !important; } .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body{width:100%; float:left; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header{display:none;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close{outline:none; width:25px; height:25px; border-radius:50%; position:absolute; right:30px; background:#999; color:#fff; opacity:1; z-index:1;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover{ background:#666;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup{width:100%; float:left; background:#fff; padding:15px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel{width:100%; float:left; padding:15px 0;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5{ width:100%; float:left; font-size:22px; border-bottom:1px solid #ccc; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .header-panel h5 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel p{width:100%; float:left; color:#181818; margin-bottom:5px; text-align:justify;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel{width:100%; float:left; font-size:13px; margin-bottom:20px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel h6{width:100%; float:left; font-size:16px; background:#16528e; color:#fff; margin:0px; padding:10px 15px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li{width:100%; float:left; color:#181818; margin-bottom:5px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job{width:100%; float:left; list-style:none; padding:10px 15px; margin-bottom:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li{width:100%; float:left; color:#181818; margin-bottom:5px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title{font-weight:800; padding-right:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .detail{font-weight:normal;} /* PACKAGE LIST PAGE */ .package-list-pg{font-family: 'Quicksand', sans-serif;padding-top:20px;padding-bottom:100px} .package-list-pg .category-heading h2{width:100%; float:left; text-align:center; font-weight:normal; font-size:26px;} .package-list-pg .caption h1{color:#000;text-align:center;padding-bottom:30px;font-size:30px; width: 100%; float: left;} .package-list-pg .offer_packeg{position:relative;color:#fff;margin-bottom:40px} .package-list-pg .offer_packeg figure:after{content:""; position: absolute; width: 100%; height:90px; top:0; background: linear-gradient(to top, transparent 10%,rgba(0,0,0,.6) 50%);} .package-list-pg .offer_packeg img{max-width: 100%;display: block;height: 242px;object-fit: cover;width: 100%;} .package-list-pg .offer_packeg .offfer_price{position:absolute;top:10px;width:100%} .package-list-pg .offer_packeg .offfer_price p{font-size:15px;font-weight:300} .package-list-pg .offer_packeg .offfer_price p span{font-size:20px;display:block} .package-list-pg .offer_packeg .offfer_price ul{padding:0;margin:0;color:#ffb027} .package-list-pg .offer_packeg .offfer_price ul li{list-style:none;display:inline-block} .package-list-pg .offer_packeg .offfer_price ul li.dimed{color:#c4c4c4} .package-list-pg .offer_packeg{overflow:hidden; -webkit-box-shadow: 2px 2px 8px #b2a7a7; box-shadow: 2px 2px 8px #b2a7a7;} .package-list-pg .offer_packeg img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .package-list-pg .loadmore a{background-color:#4472d3; text-align:center; color:#fff;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} .package-list-pg .offer_packeg .offer-name h2{font-size:20px;font-weight:400;color:#000;text-align:center;background: #cdc7bf; margin: 0; padding: 7px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .package-list-pg .offer_packeg .offer-name h3{font-size:14px;font-weight:400;color:#000;text-align:center;margin:0px; background: #ddd8d0; padding:8px;} .package-list-pg.hover14 figure {position: relative;} .package-list-pg.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);} .package-list-pg.hover14 .offer_packeg:hover figure::before {-webkit-animation: shine 0.9s;animation: shine 0.9s;} /*keyframes*/ @-webkit-keyframes shine {100% {left: 125%;}} @keyframes shine {100% {left: 125%;}} /* PACKAGE DETAIL PAGE */ .package-dtails-pg{background-color: #f9f9fb; font-family: 'Quicksand', sans-serif;} .package-dtails-pg .package-dtails-slider{padding: 0 0 10px 0} .package-dtails-pg .package-dtails-slider img{ max-width: 100%} .package-dtails-pg .package-dtails-slider {width: 100%; float: left;} .package-dtails-pg .package-dtails-slider .lSSlideWrapper.usingCss ul li{height:400px;} .package-dtails-pg .package-dtails-slider .lSSlideWrapper.usingCss ul li img{height:100%; width:100%;} .package-dtails-pg .package-dtails-slider .lSPager.lSGallery li{height:50px;} .package-dtails-pg .package-dtails-slider .lSPager.lSGallery li img{height:100%; width:100%;} .package-dtails-pg .about-cfc { background-color: #f9f9fb;margin-left: -1px;} .package-dtails-pg .tab-content{width:100%; float:left; background-color: #fff;border: 1px solid #ddddde; padding: 10px; } .package-dtails-pg .about-cfc p{font-weight: 500;font-size: 16px;color:#666666; line-height:1.5em;text-align: justify; } .package-dtails-pg .about-cfc h3{font-size: 24px;font-weight: 400;color: #666666; line-height:1.5em; } .package-dtails-pg .abtcfc_option{margin-top: 27px; } .package-dtails-pg .abtcfc_option ul {padding: 0px;margin-bottom: 0px; width: 100%;} .package-dtails-pg .abtcfc_option ul li{list-style: none;float: left; margin-left: -1px; font-weight: 600;} .package-dtails-pg .abtcfc_option ul li a{padding: 9px 16px;text-align: center;text-decoration: none;color: #253566;font-size: 16px; border: 1px solid #253566; display: block;} .package-dtails-pg .abtcfc_option ul li.active a{background: #253566; color: #fff;} .package-dtails-pg .inclusion{border: 1px solid #ddddde; margin: 20px 0;} .package-dtails-pg .inclusion h4{border-bottom: 1px solid #ddddde; padding: 10px 20px; margin: 0;background-color: #f4f4f5; } .package-dtails-pg .inclusion ul{padding: 20px 20px 20px 33px;} .package-dtails-pg .inclusion ul li {font-size: 14px;color:#666666; line-height:1.6em;} .package-dtails-pg .tab-content ul{width:100%; float:left; padding-left:20px; margin:0 0 10px 0;} .package-dtails-pg .tab-content ul li{width:100%; float:left;} .package-dtails-pg .Search-result .bookForTour{color: #fff;text-transform: uppercase; background-color: #ed4a4a; font-size: 22px; display: block; text-align: center; padding: 10px; font-weight: 600;} .package-dtails-pg .Search-result .bookForTour:hover{text-decoration: none;} .package-dtails-pg .Search-result ul.star{padding:0;margin:10px 0; color:#ffb027} .package-dtails-pg .Search-result ul.star li{list-style:none;display:inline-block; font-size: 20px;} .package-dtails-pg .Search-result ul.star li.dimed{color:#c4c4c4} .package-dtails-pg .Search-result .facility span{ display: block; color:#666666; font-size: 15px; font-weight: 600; margin-bottom: 5px;} .package-dtails-pg .Search-result .facility span i{color: #ff5722; font-size: 22px;margin-right: 8px; width: 27px;} .package-dtails-pg .Search-result span{display: block; line-height: 1.5em;} .package-dtails-pg .Search-result h2{color: #333333; font-size: 25px; font-weight: bold; margin-top: 0;} .package-dtails-pg .Search-result .duration{color: #685050; font-size: 20px; font-weight: 600; line-height: 1.3em} .package-dtails-pg .Search-result .location{color: #253566; font-size: 16px;line-height: 1.9em} .package-dtails-pg .Search-result .max-pax{color: #525252; font-size: 22px;} .package-dtails-pg .Search-result .facility{ padding: 10px; border: 1px solid #e2e2e2; margin-bottom: 20px;} .package-dtails-pg .Search-result .facility.new-design{position:relative;background: #ffffff !important;} .package-dtails-pg .Search-result .facility.new-design span{padding-left:35px;} .package-dtails-pg .Search-result .facility.new-design i{position:absolute; top:12px; left:10px;} .package-dtails-pg .Search-result h5{background: #16528e; padding-left: 40px;color: #ffffff;font-size: 14px;background-size: 22px;margin: 0px;font-weight: 600;text-transform: uppercase;padding: 15px; } .package-dtails-pg .Search-result .hb-packages{ background-color: #f4f4f5; border: 1px solid #ddddde; padding: 15px; text-align: center; border-radius: 3px;} .package-dtails-pg .Search-result .dateandtime{ color: #999999; font-size:18px; font-weight: 600; text-transform: uppercase;} .package-dtails-pg .Search-result h6{ color: #253566; font-size:28px;} .package-dtails-pg .Search-result h6 i{ color: #ed4a4a; } .package-dtails-pg .Search-result .person{color: #666666;text-transform: uppercase; font-size: 18px;} .package-dtails-pg .booknow{text-decoration: none ; font-weight: 600; text-transform: uppercase; color: #666666; font-size: 18px; display: block; padding: 13px; margin: 8px 0 0px;} .package-dtails-pg .packageBook{text-decoration: none ; font-weight: 600; text-transform: uppercase; color: #666666; font-size: 18px; display: block; padding: 7px; margin: 0px 0 20px; background: #e36252; text-align: center; color: #fff} .package-dtails-pg h2.booknow{margin-top: 24px;} .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 .offer_packeg .offer-name{width:100%; float:left; text-align:center;} .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;} .packages_offer_feature .offer_packeg .offer-name h3{font-size: 16px; font-weight: 300; color: #000; text-align: center; margin-top: 10px;} .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;} .custon-row{margin-left: -4px; margin-right: -4px;} .pad-2{padding-left: 4px; padding-right: 4px;} /*keyframes*/ @-webkit-keyframes shine {100% {left: 125%;}} @keyframes shine {100% {left: 125%;}} .package-dtails-pg .inner_banner {background: url('../images/package/list-p-bg.jpg') no-repeat center center;background-size: cover;padding: 180px 0px 40px 0px;position: relative;} .package-dtails-pg .inner_banner::before {content: '';position: absolute;background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%);top: 0px;bottom: 0px; left: 0px; width: 100%;} .package-dtails-pg .inner_banner div {position: relative;} .package-dtails-pg .inner_banner h2{color:#ff9800;font-size:32px;display:inline-block;} .package-dtails-pg .inner_banner h2 span{color:#15bdcc;font-family:Quicksand,sans-serif; } .package-dtails-pg .inner_banner p{color:#d6d6d6;font-size:20px;font-weight:100} .package-dtails-pg .inner_banner ul{margin-top:25px;float:right;margin-bottom:0} .package-dtails-pg .inner_banner ul li{float:left;display:inline-block;color:#fff;padding:0 5px} .package-dtails-pg .inner_banner a{color:#fff;font-size:15px} .package-dtails-pg .inner_banner a i{color:#fff} .package-dtails-pg .bread-acti{color:#d6d6d6!important} .package-dtails-pg .bg-none{background:0 0} .package-dtails-pg .banner_book{background:#15bdcc;z-index:9999;box-shadow:1px 3px 5px rgba(0,0,0,.37)} .package-dtails-pg .banner_book_1 ul{padding:0;position:relative;overflow:hidden;margin-bottom:0;font-family:Quicksand,sans-serif} .package-dtails-pg .banner_book_1 ul li{display:inline;line-height:55px;font-size:18px;border-right:1px solid #314c64;color:#fff;float:left;width:24%;text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .package-dtails-pg .banner_book_1 ul li.dl2{font-weight:600;font-size:22px;background:#16528e} .package-dtails-pg .banner_book_1 ul li:last-child{border-right:0 solid rgba(3,3,3,.12);padding-left:0} .package-dtails-pg .banner_book_1 ul li a{background:#f7941d;display:block;text-align:center;color:#fff;font-size:22px;font-weight:600;text-decoration:none;line-height:inherit;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .package-dtails-pg .banner_book_1 ul li a:hover{text-decoration:none;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;background:#e36252} .package-dtails-pg .tour_font{margin-bottom:50px;font-family:Quicksand,sans-serif} .package-dtails-pg .tour_font p{text-align:left;color:#868686;font-size:15px;line-height:25px} .package-dtails-pg .tour_head h2{color:#213d44;font-weight:600;margin-top:0;font-size:36px;font-family:Quicksand,sans-serif} .package-dtails-pg .tour_star i{font-size:18px;color:#FF9800} .package-dtails-pg .tour_rat{background:#FF5722;color:#fff;font-size:16px;padding:0 5px;border-radius:2px;margin-left:8px} .package-dtails-pg .tb-space{padding:40px 0 20px} .package-dtails-pg .tour_right h3{background:0 0/22px #16528e;color:#fff;font-size:14px;margin-top:0;font-weight:600;text-transform:uppercase;padding:15px;margin-bottom:0} .package-dtails-pg .tour_incl ul li{list-style-type:none;background:url(../images/tick.html) left center no-repeat;padding-left:30px;padding-bottom:8px} .package-dtails-pg .tour_right ul{padding:15px;margin-bottom:0} .package-dtails-pg .tour_social ul{float:left;padding:15px 15px 10px} .package-dtails-pg .tour_social ul li{margin-bottom:5px} .package-dtails-pg .tour_social ul li:nth-child(2){padding-right:0} .package-dtails-pg .tour_social ul li a i{width:32px;height:32px;color:#fff;padding:8px;text-align:center;border-radius:50%} .package-dtails-pg .tour-ri-com{border:1px solid #e2e2e2;float:left;width:100%} .package-dtails-pg .tour_social ul li{display:inline-block;list-style:none} .package-dtails-pg .tour_social ul li:nth-child(3), .package-dtails-pg .tour_social ul li:nth-child(4){padding-right:7px} .package-dtails-pg .head_right ul li a .fa-facebook{background:#3b5998} .package-dtails-pg .head_right ul li a .fa-google-plus{background:#dd4b39} .package-dtails-pg .head_right ul li a .fa-twitter{background:#55acee} .package-dtails-pg .head_right ul li a .fa-linkedin{background:#0077b5} .package-dtails-pg .head_right ul li a .fa-whatsapp{background:#3ead19} .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: #15bdcc; color: #fff;} .enquiry_modal .close{width: 35px; height: 35px; border-radius: 50%; padding: 15px 7px;background: #16528e;border: none;opacity: 1;color: #fff;font-size: 33px;font-weight: 300;position: absolute;right: 5px;top: 5px;line-height: 0;} .enquiry_modal .close:hover{opacity:1; color:#fff;} .enquiry_modal .Search-result span{display: block; line-height: 1.9em;color: #16528e;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: #16528e; 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: #16528e; 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: #16528e; border-bottom: 0px solid #be1e1e;width: 100%;font-size: 16px;height: 40px;color: #fff;text-transform: uppercase;font-weight: 600;} .enquiry_modal .btn-submit:hover{background:#fff;} .hb-packages span.person{text-align:center; display:block;} .enquiry_modal .modal-content .modal-header span{ position: absolute;top: 13px;left:10px;} /* new enquiry popup */ .new-enquiry_modal .modal-dialog {width: 100%; max-width:900px; margin: 30px auto;} .new-enquiry_modal .modal-header{padding: 10px 35px 10px 13px; color: #333; margin-bottom:20px;} .new-enquiry_modal .modal-header .modal-title{font-size:24px;} .new-enquiry_modal .close{width: 35px; height: 35px; border-radius: 50%; padding: 15px 7px; border: none;opacity: 1;color: #ccc;font-size: 33px;font-weight: 300;position: absolute;right: 5px;top: 5px;line-height: 0;} .new-enquiry_modal .close:hover{opacity:1; color:#333;} .new-enquiry_modal .modal-content .modal-header span{ position: absolute;top: 13px;left:10px;} .new-enquiry_modal .modal-content{width:100%; float:left; padding:10px 15px;} .new-enquiry_modal .modal-content .form-panel{width:60%; float:left;} .new-enquiry_modal .modal-content .form-panel .phone-panel{width:100%; float:left; text-align:left; margin:0 0 20px 0;} .new-enquiry_modal .modal-content .form-panel .phone-panel .icon{width:30px; height:30px; line-height:30px; display:inline-block; text-align:center; border-radius:50%; background:#999; color:#fff;} .new-enquiry_modal .modal-content .form-panel .phone-panel .phone{font-size:16px; color:#16528e; font-weight:bold;} .new-enquiry_modal .modal-content .form-panel .or-panel{width:100%; float:left; border-top:1px solid #e8e8e8; position:relative;} .new-enquiry_modal .modal-content .form-panel .or-panel .or{position:absolute; width:30px; height:30px; line-height:30px; text-align:center; font-size:12px; background:#fbfbfb; border:1px solid #e8e8e8; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%);} .new-enquiry_modal .modal-content .form-panel .title{width:100%; float:left; text-align:center; margin:30px 0 20px 0; padding:0 30px;} .new-enquiry_modal .modal-content .form-panel .form-panel-inner{width:100%; float:left; padding:0 10px;} .new-enquiry_modal .modal-content .form-panel .form-panel-inner input{width:100%; border-radius:0px; padding:10px; height:40px; font-size:16px;} .new-enquiry_modal .modal-content .form-panel .form-panel-inner .form-control{border-radius:0px;} .new-enquiry_modal .modal-content .image-panel{width:40%; float:left; position:relative;} .new-enquiry_modal .modal-content .image-panel img{width:100%; height:340px; max-height:340px;} .new-enquiry_modal .modal-content .image-panel .image-detail{position:absolute; width:100%; padding:50px 0 10px 0; text-align:center; bottom:0px; left:0px; background:rgba(0,0,0,0.5); background: linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% ); background: -webkit-linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% ); background: -moz-linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 39% );} .new-enquiry_modal .modal-content .image-panel .image-detail p{width:100%; float:left; padding:2px 0; margin-bottom:0px; text-align:center; color:#fff;} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-name{font-size:15px; font-weight:600;} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-location{} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .symble{margin-right:0px;} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .value{margin-right:0px; font-size:16px; font-weight:bold; color:#15bdcc;} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text2 .pp{} .new-enquiry_modal .modal-content .image-panel .image-detail .hotel-text3{color:#fff; font-size:12px; background:rgba(0,0,0,0.5); padding:3px 10px; border-radius:5px;} .new-enquiry_modal .modal-content .submit-btn-outer{width:200px; margin:0 auto;} .new-enquiry_modal .modal-content .submit-btn-outer .submit-btn{width:100%; float:left; background:#16528e; color:#fff; border:0px; outline:none; margin-top:20px; padding:10px 0;} .new-enquiry_modal .modal-content .footer-panel{width:100%; float:left; border-top:1px solid #ccc; margin-top:20px;} .new-enquiry_modal .modal-content .footer-panel p{padding:20px 0;} .submintbtn { border: none; display: block; text-align: center; cursor: pointer; text-transform: uppercase; outline: none; overflow: hidden; position: relative;color: #fff; font-weight: 700;font-size: 16px; background-color: #222; padding: 17px 60px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.20); margin-top: 35px; border-radius: 4px;} .submintbtn span {position: relative; z-index: 1;} .submintbtn:after { content: ""; position: absolute; left: 0; top: 0; height: 490%; width: 102%; background: #f8a239; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg);} .submintbtn:hover:after {-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg);} .submintbtn1{position:relative; overflow:hidden; text-align:center; font-weight:700; font-size: 16px;} .submintbtn1 span{position:relative; z-index:1;} .submintbtn1::before{position:absolute; content:""; width:0%; height:360px; transform:rotate(-45deg); top:-150px; left:0px; background:#15bdcc; transition:0.4s;} .submintbtn1:hover::before{width:100%;} .submintbtn1::after{position:absolute; content:""; width:0%; height:360px; transform:rotate(-45deg); top:-150px; left:0px; background:#f7941d; transition:0.8s; transition-delay:0.2s;} .submintbtn1:hover::after{width:100%;} @media only screen and (min-width: 320px) and (max-width:600px) { .new-enquiry_modal .modal-content .form-panel .form-panel-inner{padding: 0 0px;} .new-enquiry_modal .modal-content .form-panel{width:100%;} .new-enquiry_modal .modal-content .image-panel{width:100%; margin-top:15px;} } .new-enquiry_modal.new-enquiry_modal-2 .modal-dialog {width: 100%; max-width:600px; margin: 30px auto;} .new-enquiry_modal.new-enquiry_modal-2 .modal-content .form-panel{width:100%;} /* HOLIDAY PACKAGE PAGE */ .holiday-package-pg{width:100%; float:left;} .holiday-package-pg .holiday-package-banner{width:100%; float:left; background-image: url('../images/package/bannerdesign.jpg'); background-size: cover; padding: 80px 0; background-position-y: 50%; position: relative; z-index: 1;} .holiday-package-pg .holiday-package-banner .breadcrumbs-item {line-height: 24px; text-transform: capitalize; float: left; width: 100%;} .holiday-package-pg .holiday-package-banner h2 {text-align: center; margin: 20px 0;} .holiday-package-pg .holiday-package-banner h2>span {color: #fff; font-weight: 600; line-height: 40px; font-size: 60px !important; letter-spacing: 2px;} .holiday-package-pg .our-package-full {background: url(../images/home/our-package-bg.jpg) no-repeat; background: #dfdfdf;} /* ETECKET PAGE */ .etecket-full{width:100%; float:left;} .etecket-full .etecket-main-content{width:100%; float:left; padding:0 15px; margin:20px 0 30px 0;} .etecket-full .one-half{width:50%; float:left;} .etecket-full .header{width:100%; float:left; border-bottom:2px solid #16528e; padding-bottom:10px;} .etecket-full .header .title{width:100%; float:left; font-size:36px; font-weight:600; margin-bottom:0px;} .etecket-full .header .bookingid{width:100%; float:left; font-size:16px; margin-bottom:0px;} .etecket-full .header .booking-date{width:100%; float:left; font-size:14px; margin-bottom:0px;} .etecket-full .header .im{width:200px; float:right; margin-top:34px;} .etecket-full .header .im img{width:100%; height:auto;} .etecket-full .result-panel{width:100%; float:left; margin-top:30px;} .etecket-full .result-panel .heading{width:100%; float:left; font-size:20px; font-weight:600;} .etecket-full .result-panel .result{width:100%; float:left; border:1px solid #16528e; margin-bottom:20px;} .etecket-full .result-panel .result .detail{width:100%; float:left; padding:20px 0;} .etecket-full .result-panel .result .detail .box1{width:20%; float:left; text-align:center; } .etecket-full .result-panel .result .detail .box2{width:30%; float:left; border-left:1px solid #16528e; position:relative; padding-left:20px; padding-right:5px;} .etecket-full .result-panel .result .detail .box3{width:30%; float:left; padding-left:5px;} .etecket-full .result-panel .result .detail .box4{width:20%; float:left; border-left:1px solid #16528e; position:relative; padding-left:20px;} .etecket-full .result-panel .result .detail .flight-icon{width:80px;} .etecket-full .result-panel .result .detail .flight-icon img{width:80px; height:auto;} .etecket-full .result-panel .result .detail .flight-name{width:100%; float:left; text-align:center; font-size:14px; margin-bottom:0px;} .etecket-full .result-panel .result .detail .flight-code{width:100%; float:left; text-align:center; font-size:14px; font-weight:bold; margin-bottom:0px;} .etecket-full .result-panel .result .detail .departure{width:100%; float:left; font-size:14px; margin-bottom:0px; font-style:italic;} .etecket-full .result-panel .result .detail .city{width:100%; float:left; font-size:16px; font-weight:bold; margin-bottom:0px;} .etecket-full .result-panel .result .detail .terminal{width:100%; float:left; font-size:14px; margin-bottom:0px;} .etecket-full .result-panel .result .detail .date{width:100%; float:left; font-size:14px; margin-bottom:0px;} .etecket-full .result-panel .result .detail .date span{font-weight:bold;} .etecket-full .result-panel .result .detail .stopage{width:100%; float:left; font-size:14px; margin-bottom:0px;} .etecket-full .result-panel .result .detail .duration{width:100%; float:left; font-size:14px; margin-bottom:0px; word-break:break-all;} .etecket-full .result-panel .result .detail .refundable{width:100%; float:left; font-size:14px; font-weight:600; margin-bottom:0px; word-break:break-all;} .etecket-full .result-panel .result .detail .cabin-class{width:100%; float:left; font-size:14px; margin-bottom:0px; word-break:break-all;} .etecket-full .result-panel .result .table-full{width:100%; float:left; border-top:1px solid #16528e; padding:0 20px; } .etecket-full .result-panel .result .table-full table{margin-bottom:0px;} .etecket-full .result-panel .result .table-full table>thead>tr>th{border-bottom:1px solid #16528e;} .etecket-full .ticket-information{width:100%; float:left;} .etecket-full .ticket-information .heading{width:100%; float:left; font-size:18px; padding-bottom:5px; font-weight:bold; color:#16528e; border-bottom:3px solid #16528e;} .etecket-full .ticket-information .ul-info{width:100%; float:left; padding-left:20px;} .etecket-full .ticket-information .ul-info li{ width:100%; float:left; margin-bottom:10px;} .etecket-full .ticket-information .question{width:100%; float:left; font-size:14px; font-weight:bold; margin-bottom:0px;} .etecket-full .ticket-information .answer{width:100%; float:left; font-size:14px; font-weight:normal; margin-bottom:10px;} .etecket-full .ticket-information .cancellation-table{width:100%; float:left; border-top:1px solid #16528e; margin-top:20px;} .etecket-full .ticket-information .cancellation-table table tr th, .etecket-full .ticket-information .cancellation-table table tr td{border:1px solid #16528e; vertical-align:inherit;} .etecket-full .ticket-information .cancellation-table table tr th span, .etecket-full .ticket-information .cancellation-table table tr td span{width:100%; float:left;} .etecket-full .etecket-bottom{width:100%; float:left; margin-top:20px; margin-bottom:20px;} .etecket-full .etecket-bottom .heading{width:100%; float:left; font-size:18px; padding-bottom:5px; font-weight:bold; color:#16528e; border-bottom:3px solid #16528e;} .etecket-full .etecket-bottom .ul-contact{width:100%; float:left; list-style:none;} .etecket-full .etecket-bottom .ul-contact li{width:100%; float:left;} .etecket-full .etecket-bottom .ul-contact li .text1{width:100px; float:left;} .etecket-full .etecket-bottom .ul-contact li .text2{float:left; font-weight:600;} .etecket-full .etecket-bottom .border-left{border-left:1px solid #16528e;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .flight-icon{width:80%; height:30px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .flight-icon img{width:80%; height:auto; border: 1px solid #16528e;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-name{width:100%; float:left; font-size:16px; font-weight:bold; margin-bottom:0px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-name span{float:left;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .starrating {float:left; width:100px; margin-left:10px; margin-top:3px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .starrating img {width: 100%; float: left;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-address{width:100%; float:left; font-size:14px; font-weight:normal; margin-top:5px; margin-bottom:0px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-address span{font-weight:bold;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .box1, .etecket-full.eticket-hotel-booking .result-panel .result .detail .box2, .etecket-full.eticket-hotel-booking .result-panel .result .detail .box3, .etecket-full.eticket-hotel-booking .result-panel .result .detail .box4{min-height:117px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .box2{padding-right:10px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .box3{width:30%; float:left; border-left:1px solid #16528e; position:relative; padding-left:20px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-phone{width:100%; float:left; font-size:14px; font-weight:normal; margin-top:5px; margin-bottom:0px;} .etecket-full.eticket-hotel-booking .result-panel .result .detail .hotel-phone span{font-weight:bold;} .etecket-full.eticket-hotel-booking .result-panel .result .table-full{width:100%; float:left; border-top:0px solid #16528e; padding:0 20px; margin-bottom:20px; } .etecket-full.eticket-hotel-booking .result-panel .result .table-full table{margin-bottom:0px; border-top:1px solid #16528e;} .etecket-full.eticket-hotel-booking .result-panel .result .table-full table>thead>tr>th, .etecket-full.eticket-hotel-booking .result-panel .result .table-full table>tbody>tr>td{border:1px solid #16528e;} .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full{width:100%; float:left; padding:0 20px; margin-bottom:20px; } .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table{margin-bottom:0px; } .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table>thead>tr>th, .etecket-full.eticket-hotel-booking .result-panel .result .hotel-table-full table>tbody>tr>td{border:1px dashed #16528e;} /* RESET-PASSWORD PAGE */ .reset-password-full{width:100%; height:100vh; float: left; background:#eee; position:relative; background: linear-gradient(140deg, #f2f3f8 10% , #babbc1) 50%; } .reset-password-full .reset-password-outer { width:430px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .reset-password-full .reset-password-outer .reset-password-inner {width: 100%; background:#fff; float: left; padding:0px; border: 1px solid #fff; border-radius:5px;} .reset-password-full .reset-password-outer .reset-password-inner label {color:#999; font-weight:600;} .reset-password-full .reset-password-outer .reset-password-inner .contect{width:100%; float:left; padding:0 20px;} .reset-password-full .reset-password-outer .reset-password-inner .logo-outer{width:70%; margin:0 auto;} .reset-password-full .reset-password-outer .reset-password-inner .logo {width:100%; float: left; text-align: center; font-size: 20px; font-weight: 600; margin:40px 0 30px 0; padding:10px 0; color: #fff;} .reset-password-full .reset-password-outer .reset-password-inner .logo img{width:100%; height:auto;} .reset-password-full .reset-password-outer .reset-password-inner .form-group{width:100%; float:left; padding:0 15px; margin-bottom:25px;} .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive{width:100%; float:left; font-weight:normal; position:relative; margin-top:10px;} .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .icon{width:40px; height:34px; line-height:34px; text-align:center; font-size:18px; position:absolute; bottom:0px; left:0px; color:#999;} .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .form-control{width:100%; float:left; height:34px; border-radius:0px; padding-left:50px; border:0px; box-shadow:none; border-bottom:1px solid #dfdfdf;} .reset-password-full .reset-password-outer .reset-password-inner .form-group .position-reletive .form-control:focus + .icon{color:#a056ef;} .reset-password-full .reset-password-outer .reset-password-inner .login-btn-outer{width:200px; margin:0 auto;} .reset-password-full .reset-password-outer .reset-password-inner .login-btn{width:100%; float:left; padding:10px 0; margin-top:20px; border-radius:25px; background:#f7941d ; color:#fff; border:1px solid #666464; outline:none; border:0px;} .reset-password-full .reset-password-outer .reset-password-inner .login-btn:hover{background:#f7941d ;} @media only screen and (min-width: 320px) and (max-width: 500px) { .reset-password-full .reset-password-outer {width: 95%; margin: 0 auto;} } .slidecontainer {width: 100%;} .price-bar {width:100%; float:left; -webkit-appearance: none; height:4px; margin:15px 0; border-radius: 5px;background: #15bdcc;outline: none;opacity: 1;-webkit-transition: .2s;transition: opacity .2s;} .price-bar:hover {opacity: 1;} .price-bar::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height:20px;border-radius: 50%;margin-top:5px;background: #15bdcc; z-index:11111; cursor: pointer;} .price-bar::-moz-range-thumb {width: 20px;height: 20px; border-radius: 50%;background: #4CAF50;cursor: pointer;} .price-bar-text{width:100%; float:left;} /* RESET-PASSWORD SUCCESFULL PAGE */ .reset-password-successfully-full{width:100%;height:100vh;float:left;position:relative;background:linear-gradient(140deg,#f2f3f8 10%,#babbc1) 50%} .reset-password-successfully-full .reset-password-outer{width:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .reset-password-successfully-full .reset-password-outer .reset-password-inner{width:100%;background:#fff;float:left;padding:0;border:1px solid #fff;border-radius:5px} .reset-password-successfully-full .reset-password-outer .reset-password-inner .contect{width:100%;float:left;padding:0 20px; padding-bottom:30px;} .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon-outer{width:70px; margin:0 auto} .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon{width:100%; height:70px; float:left; border-radius:50%; border:2px solid #15bdcc; text-align:center;font-size:20px;font-weight:600;margin:40px 0 30px;padding:10px 0;color:#f7941d;} .reset-password-successfully-full .reset-password-outer .reset-password-inner .icon i{width:100%; line-height:50px; font-size:40px;} .reset-password-successfully-full .reset-password-outer .reset-password-inner .status{width:100%;float:left; padding:0 50px; text-align:center;font-size:16px;font-weight:600;color:#333} .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn-outer{width:200px;margin:0 auto} .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn{width:100%;float:left;padding:10px 0;margin-top:20px;border-radius:25px;background:#f7941d;color:#fff;outline:0;border:0} .reset-password-successfully-full .reset-password-outer .reset-password-inner .login-btn:hover{background:#f7941d} @media only screen and (min-width:320px) and (max-width:500px){.reset-password-successfully-full .reset-password-outer{width:95%;margin:0 auto}} /*--popup--*/ .help-detail-popup-main{transform:translateY(-100px); -webkit-transform:translateY(-100px); transition:0.5s; -webkit-transition:0.5s;} .help-detail-popup-main.in{transform:translateY(100px); -webkit-transform:translateY(100px);} .help-detail-popup-main .modal-content{width:100%; float:left; max-height:800px; overflow:auto; font-family: 'Montserrat', sans-serif !important; } .help-detail-popup-main .modal-body{width:100%; float:left; padding:0px;} .help-detail-popup-main .modal-header{display:none;} .help-detail-popup-main .close{outline:none; width:25px; height:25px; border-radius:50%; position:absolute; right:40px; background:#999; color:#fff; opacity:1; z-index:1;} .help-detail-popup-main .close:hover{ background:#666; opacity:1; color:#fff;} .help-detail-popup-main .term-conditon-popup{width:100%; float:left; background:#fff; padding:15px 40px;} .help-detail-popup-main .term-conditon-popup .header-panel{width:100%; float:left; padding:15px 0;} .help-detail-popup-main .term-conditon-popup .header-panel h5{ width:100%; float:left; font-size:22px; border-bottom:1px solid #ccc; font-weight: 400; color: #16528e; line-height: 1.5em; margin-top:0px;} .help-detail-popup-main .term-conditon-popup .header-panel h5 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .help-detail-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .help-detail-popup-main .term-conditon-popup .content-panel p{width:100%; float:left; color:#181818; margin-bottom:5px; text-align:justify;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form{width:100%; float:left; position:relative; padding-left:100px;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-title{width:100px; float:left; color:#333; position:absolute; top:8px; left:0px; font-weight:normal;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-control{border: 1px solid #c5c5c5; height:34px; border-radius:0px !important; transition:0.5s; -webkit-transition:0.5s;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form .form-control:focus{border:1px solid #1875f0;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form select.form-control{line-height:36px;} .help-detail-popup-main .term-conditon-popup .content-panel .info-panel-form textarea.form-control{height:auto;} .help-detail-popup-main .term-conditon-popup .content-panel .save-btn-bottom{width:35%; float:right; font-size:13px; text-align:center; line-height:30px; margin-bottom:15px; margin-left:10px; background-color: #1ab394; color: #FFFFFF; box-shadow: 0 2px 2px 0 rgba(26, 179, 148, 0.14), 0 3px 1px -2px rgba(26, 179, 148, 0.2), 0 1px 5px 0 rgba(26, 179, 148, 0.12); color:#fff; border-radius:5px;} .help-detail-popup-main .term-conditon-popup .content-panel .save-btn-bottom:hover{box-shadow: 0 14px 26px -12px rgba(26, 179, 148, 0.42), 0 4px 23px 0px rgba(26, 179, 148, 0.12), 0 8px 10px -5px rgba(26, 179, 148, 0.2);} @media (min-width:992px){ .help-detail-popup-main .modal-dialog {width:500px !important; margin: 30px auto;} } /*.popup_block.popup-outer{float:left; width:100%; height:100vh; background:rgba(0,0,0,0.5); } .popup_block .progress.flight-popup{width:500px; padding:0px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 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.png); position:absolute; left:23%; top:-7px;} .popup_block .progress.flight-popup .header2{width:100%; float:left; background:#15bdcc; position:static; background: linear-gradient(120deg, #00dcac 20% ,#7681fd 70%); padding:10px 10px;} .popup_block .progress.flight-popup .header2 h3{width: 100%; float: left; font-size:18px !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:#fff; text-align:center; font-weight:normal; margin:0px;} .popup_block .progress.flight-popup .detail{width: 100%; float: left; background-image: url(../images/gif/progressbg.jpg); color: #fff; background-repeat: repeat; border-right: 2px solid #7681fd; border-top: navajowhite; border-left: 2px solid #00dcac; border-bottom: 2px solid #ff4a63;} .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;} .popup_block .progress.flight-popup .detail .call{width:100%; float:left; text-align:center; color:#15bdcc; 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%; text-align:center; float:left; color:#15bdcc; 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:50%; margin:0 auto;} .popup_block .progress.flight-popup .detail .gif-full .gif{width:100%; float:left; margin:0px 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;} @media (max-width:500px) { .popup_block .progress.flight-popup{width:100% !important; padding:10px;}*/ } /*Seat Selection Start*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans'); *, *:before, *:after { box-sizing: border-box; } html { font-size: 16px; } .plane { margin: 20px auto; max-width: 600px; font-family: 'Open Sans', sans-serif; } .indications{ position: absolute; left: 100px; top: 100px; } .indications ul{margin: 0; padding: 0;} .indications ul li{ list-style-type: none; margin-bottom: 10px; } .cockpit { height: 250px; position: relative; overflow: hidden; text-align: center; border-bottom: 5px solid #d8d8d8; } .cockpit:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 500px; width: 100%; border-radius: 50%; border-right: 5px solid #d8d8d8; border-left: 5px solid #d8d8d8; } .cockpit h1 { width: 60%; margin: 100px auto 35px auto; position:relative; } .exit { position: relative; height: 50px; } .exit:before, .exit:after { content: "EXIT"; font-size: 14px; line-height: 18px; padding: 0px 2px; font-family: "Arial Narrow", Arial, sans-serif; display: block; position: absolute; background: green; color: white; top: 50%; transform: translate(0, -50%); } .exit:before { left: 0; } .exit:after { right: 0; } .fuselage { border-right: 5px solid #d8d8d8; border-left: 5px solid #d8d8d8; } ol { list-style: inside; padding: 0; margin: 0; } .seats { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .seat { display: flex; flex: 4.28571428571429%; padding: 5px; position: relative; } .seat:nth-child(3), .seat:nth-child(7) { margin-right: 8.28571428571429%; } .seat input[type=checkbox] { position: absolute; opacity: 0; } /*--avl-*/ .seat input[type=checkbox]:checked + label { background: #6c8f63; -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; } .seat input[type=checkbox]:checked + label:after { content: "*"; text-indent: 0; position: absolute; top: -1px; left: 28%; transform: translate(-50%, 0%); font-size: 22px; } /*--avl-after-purchage*/ .seat.avl-after-purchage input[type=checkbox] + label { background: #c4df9b; -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; } /*--occupied---*/ .seat.occupied label { background: #fbaf5d; -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; cursor: not-allowed !important; } /*--active---*/ .seat.active-pax label { background: #3399ff;; -webkit-animation-name: rubberBand; animation-name: rubberBand; animation-duration: 300ms; animation-fill-mode: both; cursor: not-allowed !important; } /*--disapble---*/ .seat input[type=checkbox]:disabled + label { background: #dddddd; text-indent: -9999px; overflow: hidden; } .seat input[type=checkbox]:disabled + label:after { content: "X"; text-indent: 0; position: absolute; top: 4px; left: 50%; transform: translate(-50%, 0%); } .seat input[type=checkbox]:disabled + label:hover { box-shadow: none; cursor: not-allowed; } .seat label { display: block; position: relative; width: 100%; text-align: center; font-size: 14px; font-weight: bold; line-height: 1.5rem; padding: 4px 0; background: #ecebeb; border-radius: 5px; animation-duration: 300ms; animation-fill-mode: both; } .seat label:before { content: ""; position: absolute; width: 75%; height: 75%; top: 1px; left: 50%; transform: translate(-50%, 0%); background: rgba(255, 255, 255, 0.4); border-radius: 3px; } .seat label:hover { cursor: pointer; box-shadow: 0 0 0px 2px #5C6AFF; } .hidden-exit-way{ visibility: hidden; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /*======= CUSTOME CSS =======*/ .header2{width:100%; float:left; top:50px; z-index:1;} .flight-search-header{width:100%; float:left; background:#0a90d4;} .flight-search-header ul{width:100%; float:left; list-style:none; margin-bottom:0px; text-align:left; padding-left:0px;} .flight-search-header ul li{display:inline-block; color:#fff; padding:10px 15px;} .flight-search-header ul li.active{background:#f00;} .flight-search-header ul li a{color:#fff;} .seat-id-info{width:100%; float:left; background:#efeeee; border-bottom:1px solid #9c9b9b; } .seat-id-info #DivSelectedSeats #spanSelectedSeats{width:100%; float:left; } .seat-id-info #DivSelectedSeats #spanSelectedSeats span{float:left; padding:10px;} /*.seat-id-info #DivSelectedSeats #spanSelectedSeats span:first-child{padding-top:10px;}*/ .plane-outer{width:100%; float:left;} .plane-outer .plane{ background:#efeeee;} .plane-outer .plane .cockpit{background:#fff; border-bottom: 5px solid #9c9b9b;} .plane-outer .plane .cockpit:before{background:#fff; border-right: 5px solid #9c9b9b; border-left: 5px solid #9c9b9b;} .plane-outer .plane .fuselage {border-right: 5px solid #9c9b9b; border-left: 5px solid #9c9b9b;} .plane-outer .plane .exit.exit--back.fuselage{border-bottom: 5px solid #9c9b9b;} .plane-outer .plane .tab-content-penal{border-right: 5px solid #9c9b9b; border-left: 5px solid #9c9b9b;} .seat label{background: #dedddd;} .plane li.row.row--2{list-style:none;} .save-btn{background:#5C6AFF; color:#fff; outline:none; border:0px; padding:5px 10px;} .viewsaveddate{background:#0a90d4; color:#fff; outline:none; border:0px; padding:5px 10px;} .hover-detail-full{position:relative;} .hover-detail-full .hover-detail{width:300px; float:left; position:absolute; bottom:120%; left:-70%; background:#fff; border:1px solid #333; z-index:1; display:none; } .hover-detail-full .hover-detail .hd-header{width:100%; float:left; background:#0a90d4; color:#fff; font-size:16px; padding:8px 0; font-weight:600; text-align:center;} .hover-detail-full .hover-detail .detail-panel{width:100%; float:left; padding:10px;} .hover-detail-full .hover-detail .detail-panel p{width:100%; float:left;} .hover-detail-full:hover .hover-detail{display:block;} /*Seat Selection End*/ /*Cruise css*/ .cruise-result-full .modify-search {margin: 20px 0; padding: 20px; border: 1px solid #01306f; background: #dcebff; font-family: 'Lato', sans-serif;} .cruise-result-full .modify-search .modify{background: #01306f; color: #fff; margin-top: 23px; } .cruise-result-full .modify-search .form_full{position: relative;} .cruise-result-full .modify-search .form_full .form-control{ padding-left: 30px;height: 34px;} .cruise-result-full .modify-search .form_full label { width: 100%; font-weight: 700; text-align: left; color: #01306f;} .cruise-result-full .modify-search .form-group span.icon {position: absolute;left: 7px;bottom: 0;color: #d3302c;line-height: 34px;height: 34px;font-size: 15px;} /*cruise-result*/ .cruise-result-full .cruise-result{border: 1px solid #6a6c6f; width: 100%; float: left; padding: 10px;position: relative;box-shadow: 0px 2px 4px #999999; margin-bottom: 20px;} .cruise-result-full .cruise-result .cruise-image{display: block;} .cruise-result-full .cruise-result .box-title{margin:0 0 10px; font-size:22px;} .cruise-result-full .cruise-result .box-title small{text-transform: unset; font-size: 15px; color: #4c4848; font-weight: 600;} .cruise-result-full .cruise-result .Duration{margin-bottom: 10px; display: block} .cruise-result-full .cruise-result .cruise-image img{max-width: 100%; height: 165px; display: block; object-fit: cover; object-position: top; box-shadow: 0px 2px 4px #999999} .cruise-result-full .cruise-result .cruise-logo img{max-height: 40px; margin-top: 10px;} .cruise-result-full .cruise-result .cruise-logo{width: 100%; float: left;} .cruise-result-full .cruise-result .sailingDate{width: 25%; float: left;margin-top: 20px;} .cruise-result-full .cruise-result .sailingDate1{margin-top:0px;width: 25%; float: left;} .cruise-result-full .cruise-result .sailingDate1 h2{margin-top:0px!important;} .cruise-result-full .cruise-result .sailingDate1 .form_full{margin-left:2px;margin-right:2px;} .cruise-result-full .cruise-result .departure{width: 33%; float: left;margin-top: 10px;} .cruise-result-full .cruise-result .sailingDate h2{font-size: 12px; margin:0 0 5px;} .cruise-result-full .cruise-result .sailingDate h3{font-size: 14px; margin:0 0 10px; font-weight:700;} .cruise-result-full .cruise-result .departure h2{font-size: 12px; margin:0 0 5px;} .cruise-result-full .cruise-result .departure h3{font-size: 14px; margin:0 0 10px; font-weight:700;} .cruise-result-full .cruise-result .price{font-size: 20px; text-align: center; display: block; margin-bottom: 20px;} .cruise-result-full .cruise-result .price small{display: block; font-size: 60%;} .cruise-result-full .cruise-result .selectOption{font-size: 18px; margin-top: 15px; background: #ac2e24; display: block; padding: 5px; text-align: center; color: #fff;box-shadow: 0px 2px 4px #999999;} .cruise-result-full .cruise-result .sailingDateinput .form-control{ background: none; height: inherit; border: 1px solid #aaa; position: relative; top: 3px; padding: 2px; border-radius:0;} @media screen and (min-width:320px) and (max-width:767px){ .cruise-result-full .cruise-result .selectOption{display: inline-flex;} .cruise-result-full .cruise-result .cruise-image img{width: 100%; height:auto;} .cruise-result-full .cruise-result .sailingDate{width: 50%;} } /*----------*/ .cruise-detail-full .cruise-detail{width:100%;float:left;padding:40px 0;background: #f5f5f5;} .cruise-detail-full .cruise-detail .heading{width:100%;float:left;} .cruise-detail-full .cruise-detail .heading h1.top-heading{margin-bottom:20px;font-size:23px;font-family: 'Open Sans', sans-serif;font-weight: 600;color:#4a4949;} .cruise-detail-full .cruise-detail .heading h2{font-size: 17px;font-weight: 600;font-family: 'Open Sans', sans-serif;} .cruise-detail-full .cruise-detail .cruise-img{width:100%;float:left;} .cruise-detail-full .cruise-detail .cruise-img img{width:100%;height: 483px;object-fit: cover;} .cruise-detail-full .cruise-detail .location{width:100%;float:left;margin-top: 70px;margin-bottom: 20px;} .cruise-detail-full .cruise-detail .location .progress-bar-container {margin: 0 auto;width: 80%;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar {position: relative;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar {height: 3px;width:383px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar--completed {background: #9959a2;margin-top: 25px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circles {display: inline-flex;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle {background: #ffffff;border-radius: 50%;border: 3px solid #dfdfdf;color: #b2b5ba;cursor: pointer;height: 50px;line-height: 48px;position: relative;text-align: center;width: 50px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed {background: #01b7f2;border-color: #01b7f2;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed1 {background: #98ce44;border-color: #98ce44;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed2 {background: #f20000;border-color: #f20000;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed .number {color: #fff;font-size: 1.8em;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed1 .number {color: #fff;font-size: 1.8em;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--completed2 .number {color: #fff;font-size: 1.8em;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle--selected {border-color: #9959a2;color: #243667;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle .number {font-size: 1.1em;font-weight: bold;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label {top: 100%;color: #868686;font-family: 'Open Sans', sans-serif;font-weight: 600;left: 50%;margin-bottom: 4px;margin-left: -50px;position: absolute;text-align: center;width: 100px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label1 {top: -100%;color:#868686;font-family: 'Open Sans', sans-serif;font-weight: 600;left: 50%;margin-bottom: 4px;margin-left: -50px;position: absolute;text-align: center;width: 100px;} .cruise-detail-full .cruise-detail .tab{width:100%;float:left;margin-top:70px;} .cruise-detail-full .cruise-detail .tab ul.tabs{list-style:none;padding-left: 0px;} .cruise-detail-full .cruise-detail .tab ul.tabs li{display:inline-block;position:relative;} .cruise-detail-full .cruise-detail .tab ul.tabs li:hover a{background:#772583;padding:10px;color:#fff;} .cruise-detail-full .cruise-detail .tab ul.tabs li a{background:#9aabb3;padding:10px;color:#fff;} .cruise-detail-full .cruise-detail .tab ul.tabs li a:hover{text-decoration:none;} .cruise-detail-full .cruise-detail .tab ul.tabs li:hover::after {position: absolute;content: "";border-width: 10px;border-style: solid;border-color: transparent transparent #772583 transparent;left: 50%;bottom: -28px;margin-left: -8px;transform: rotate(180deg);} .cruise-detail-full .cruise-detail .tab ul.tabs li.active::after {position: absolute;content: "";border-width: 10px;border-style: solid;border-color: transparent transparent #772583 transparent;left: 50%;bottom: -28px;margin-left: -8px;transform: rotate(180deg);} .cruise-detail-full .cruise-detail .tab ul.tabs li.active a{background:#772583;padding:10px;color:#fff;} .cruise-detail-full .cruise-detail .tab .visa-requirements{width:100%;float:left;margin-top: 31px;box-shadow: 0 4px 12px rgba(0,0,0,0.19), 0 1px 6px rgba(0, 0, 0, 0.27);} .cruise-detail-full .cruise-detail .tab .visa-requirements h2{font-size:20px;background: #4f6e7d;margin-bottom: 0px;padding: 10px;margin-top: 0px;color: #fff;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight: 600;} .cruise-detail-full .cruise-detail .tab .visa-requirements h2 span{font-size: 18px;font-weight: 400;text-transform: initial;} .cruise-detail-full .cruise-detail .tab .visa-requirements .visa-content{width:100%;float:left;padding: 20px;background: #ffffff;} .cruise-detail-full .cruise-detail .tab .visa-requirements .visa-content p{font-size:14px;font-family: 'Open Sans', sans-serif;color:#4e4e4e;font-weight: 600;} .cruise-detail-full .cruise-detail .tab .visa-requirements .countries{width:100%;float:left;background:rgba(158, 232, 232, 0.41);padding:10px;} .cruise-detail-full .cruise-detail .tab .visa-requirements .countries ul{padding-left: 22px;margin-bottom: 0px;} .cruise-detail-full .cruise-detail .tab .visa-requirements .countries ul li{color: #000;font-size: 13px;font-family: 'Open Sans', sans-serif;line-height: 21px;} .cruise-detail-full .cruise-detail .tab .itinerary{width:100%;float:left;margin-top:20px;margin-top:50px;box-shadow: 0 4px 12px rgba(0,0,0,0.19), 0 1px 6px rgba(0, 0, 0, 0.27);} .cruise-detail-full .cruise-detail .tab .itinerary h2{background: #4f6e7d;margin-bottom: 0px;padding: 10px;margin-top: 0px;color: #fff;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-size: 20px;font-weight: 600;} .cruise-detail-full .cruise-detail .tab .itinerary h2 img{width: 21px;margin-right: 8px;} .cruise-detail-full .cruise-detail .tab .itinerary-content{width:100%;float:left;padding: 20px 20px 0px 20px;background: #ffffff;overflow: auto;} .cruise-detail-full .cruise-detail .tab .itinerary-content table{border:1px solid #ccc;} .cruise-detail-full .cruise-detail .tab .itinerary-content table tr.table-heading th{border-bottom:2px solid #ccc;color: #243667;font-family: 'Open Sans', sans-serif;} .cruise-detail-full .cruise-detail .tab .itinerary-content table tr th{font-family: 'Open Sans', sans-serif;} .cruise-detail-full .cruise-detail .tab .itinerary-content table tr:hover{background:#f5f5f5;} .cruise-detail-full .cruise-detail .tab .select-box{width:100%;float:left;margin-top: 30px;background: #fff;padding: 20px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options{width:100%;float:left;margin: 20px 0 20px 0;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options ul{border-bottom:0px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options li.active a{background:#243667;color:#fff;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options li:hover a{background:#e5e6e6;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options li a{padding: 5px 10px;text-align: center;border-radius:4px;color:#337ab7;margin-right: 5px;} .cruise-detail-full .cruise-detail .tab .select-box .sailing-traveller{width:100%;float:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content{width:100%;float:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside{width:100%;float:left;border: 1px solid #ccc;padding: 10px;margin-bottom: 10px;box-shadow: 1px 2px 4px 0px #ccc;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-img{width:100%;float:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-img img{width:100%;height: 146px;object-fit:cover;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail{width:100%;float:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail h2{margin-top:0px;font-size: 19px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail p{height:60px;overflow: hidden;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail{width:100%;float:left;border: 1px solid #ccc;padding: 10px 0px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul{list-style:none;margin-bottom: 0px;padding-left: 28px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li{display:inline-block;margin-right:19px;font-size: 15px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.cabin-size span{color:#7b7b7b;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.occupency span{color:#7b7b7b;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li.cabin-available span{color:#ff0000;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount{width:100%;float:left;text-align:center;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount h3{margin-bottom: 17px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount a{background:#243667;padding:8px 15px;margin-top: 19px;border-radius: 4px;text-align: center;color:#fff;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header .modal-title{text-align:left;font-size: 14px;font-weight: 600;font-family: 'Open Sans', sans-serif;color:#000;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body p{text-align:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs{border-bottom:0px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li a{background:#edfaff!important;border:1px solid #ccc;color:#000;padding: 5px 10px;border-radius: 0px;margin-right: 5px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li.active a{background:#6cd1ff!important;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .nav.nav-tabs li:hover a{background:#6cd1ff!important;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options{width:100%;float:left;margin: 0px 0 20px 0;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options1{width:100%;float:left;margin:0px 0 20px 0;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options1 li a span{background:#f44336;padding:5px;color:#fff;font-size:13px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options2{width:100%;float:left;margin:0px 0 10px 0;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-options3{width:100%;float:left;margin:0px 0 20px 0;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table{width:100%;float:left;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table{width:100%;border:1px solid #ddd;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr th{border-right:1px solid #ddd;background:#eee;font-family: 'Open Sans', sans-serif;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr td{border-right:1px solid #ddd;background: #f1fbff;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr.row-two td{background: #eee;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-body .tab-content-table table tr td.heading1{color:#a9a8a8;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header{border-bottom: 2px solid #0c4c80;padding: 9px 15px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-header .close{color:#f44336;opacity: 1;font-size: 24px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .modal-content .modal-footer{border-top:0px;} @media screen and (min-width:320px) and (max-width:767px){ .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar{width: 44px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label1{font-size:10px;} .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__circle__label{font-size:10px;} .cruise-detail-full .cruise-detail .heading h1.top-heading{font-size: 16px;} .cruise-detail-full .cruise-detail .heading h2{font-size:14px;} .cruise-detail-full .cruise-detail .tab .visa-requirements h2{font-size: 18px;} .cruise-detail-full .cruise-detail .tab .visa-requirements h2 span{font-size: 14px;} .cruise-detail-full .cruise-detail .tab .itinerary-content table{min-width: 584px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options .nav-justified > li{float:left!important;} .cruise-detail-full .cruise-detail .tab .select-box .tab-options .nav-justified{width: 100%;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail{margin-top: 15px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .amount{margin-bottom: 6px;} .cruise-detail-full .cruise-detail .cruise-img img{height: 270px;} } @media screen and (min-width:320px) and (max-width:605px){ .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul{padding-left: 2px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li{margin-right: 7px;} } @media screen and (min-width:320px) and (max-width:360px){ .cruise-detail-full .cruise-detail .tab ul.tabs li a{padding: 10px 2px;font-size: 13px;} .cruise-detail-full .cruise-detail .tab ul.tabs li.active::after{bottom: -27px;} } @media screen and (min-width:768px) and (max-width:991px){ .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar{width: 220px;} .cruise-detail-full .cruise-detail .heading h1.top-heading{font-size: 20px;} } @media screen and (min-width:992px) and (max-width:1199px){ .cruise-detail-full .cruise-detail .location .progress-bar-container .progress-bar__bar{width: 277px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul li{margin-right: 8px;font-size: 14px;} .cruise-detail-full .cruise-detail .tab .select-box .tab-content .inside .cabin-detail .detail ul{padding-left: 2px;} } .form-content .progressbar{margin:40px 0;padding:0;counter-reset:step;float:left;width:100%} .form-content .progressbar li{list-style-type:none;width:20%;float:left;font-size: 14px; font-weight: 500; position:relative;text-align:center;color: rgba(52,40,104,.4);} .form-content .progressbar li:before{width: 55px;height: 55px;content:counter(step);counter-increment:step;line-height: 44px;border: 6px solid #5d5386;display:block;text-align:center;margin:0 auto 10px;border-radius:50%;background-color:#fff;z-index:9999;position:relative;font-size: 19px;color: #5d5386;} .form-content .progressbar li:after{width:100%;height:8px;content:'';position:absolute;background-color:#d7d7d7;top: 24px;left:-50%;z-index:9;} .form-content .progressbar li:first-child:after{content:none} .form-content .progressbar li.active{color: #ff0b0b;} .form-content .progressbar li.active:before{border-color:#5d5386;background:#5d5386;color:#fff} .form-content .progressbar li.active + li:after{background-color:#5d5386;z-index:9} .form-content {background-color:#f2f3f8;font-family:'Montserrat',sans-serif} .form-content .form-holder{background:#fff;box-shadow:0 1px 15px 1px rgba(52,40,104,.08);float:left;width:100%;margin:60px 0;border-radius:8px;padding:15px} .form-content .section-title{color:#2c304d;font-weight:600;margin: 20px 0 35px;} .form-content .section-title h4{font-size:16px;margin:0; font-weight: 600;} .form-content .form-section{float:left;width:100%;padding:15px 90px} .form-content .form-control-label{color:#2c304d;font-weight:500} .form-content .form-control{font-size:14px;line-height:1.25;color:#2c304d;border:1px solid #eee;border-radius:4px;padding:.75rem 1.07rem;box-shadow:none;height: 38px;} .form-content .form-control:focus{border:1px solid #5d5386;} .form-content .form-group{margin-bottom:20px} .form-content .text-danger {color: #dc3545!important;margin-left: 7px;} .form-content .btn-secondary{color:#2c304d;background-color:#e4e8f0;border:2px solid #e4e8f0} .form-content .button-holder{text-align:right;margin:20px 0;float:left;width:100%; padding: 0 90px;} .form-content .button-holder li a { display: inline-block; padding: 9px 26px; background-color: #fff; border: 1px solid #ddd; border-radius: 30px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .form-content .button-holder li a:hover{background: #ea5844; color: #fff;} .form-content .btn-gradient-01,.btn-gradient-01 a{background:#e23f83;background:linear-gradient(to right,#e23f83 0%,#ea5844 100%);background-size:200% auto;font-weight:600;transition:.5s;color:#fff;border:0 none;padding:12px 20px} .form-content .d-inline-block{display:inline-block!important} .form-content-new.form-content .progressbar{margin:40px 0;padding:0;counter-reset:step;float:left;width:100%} .form-content-new.form-content .progressbar li{list-style-type:none;width:20%;float:left;font-size: 14px; font-weight: 500; position:relative;text-align:center;color: rgba(52,40,104,.4);} .form-content-new.form-content .progressbar li:before{width: 55px;height: 55px;content:counter(step);counter-increment:step;line-height: 44px;border: 6px solid #5d5386;display:block;text-align:center;margin:0 auto 10px;border-radius:50%;background-color:#fff;z-index:9999;position:relative;font-size: 19px;color: #5d5386;} .form-content-new.form-content .progressbar li:after{width:100%;height:8px;content:'';position:absolute;background-color:#d7d7d7;top: 24px;left:-50%;z-index:9;} .form-content-new.form-content .progressbar li:first-child:after{content:none} .form-content-new.form-content .progressbar li.active{color: #ff0b0b;} .form-content-new.form-content .progressbar li.active:before{border-color:#5d5386;background:#5d5386;color:#fff} .form-content-new.form-content .progressbar li.active + li:after{background-color:#5d5386;z-index:9} .form-content-new.form-content {background-color:#f2f3f8;font-family:'Montserrat',sans-serif} .form-content-new.form-content .form-holder{background:#fff;box-shadow:0 1px 15px 1px rgba(52,40,104,.08);float:left;width:100%;margin:60px 0;border-radius:8px;padding:15px} .form-content-new.form-content .section-title{color:#2c304d;font-weight:600;margin:0px 0 20px;} .form-content-new.form-content .section-title h4{display:flex; justify-content:space-between; font-size:16px;margin:0; font-weight: 600; color:#e83e8c; position:relative; padding-bottom:10px;} .form-content-new.form-content .section-title h4:before{content:""; position:absolute; top:100%; left:0px; width:100px; height:2px; background:#e83e8c; } .form-content-new.form-content .section-title h4.color-box-outer:before{content:""; position:absolute; top:30px; left:0px; width:100px; height:2px; background:#e83e8c; } .form-content-new.form-content .section-title .info{width:100%; float:left; font-size:11px; color:#737373; margin-top:10px; margin-bottom:15px;} .form-content-new.form-content .form-section{float:left;width:100%;padding:15px 90px} .form-content-new.form-content .form-control-label{color:#2c304d;font-weight:500} .form-content-new.form-content .form-control{font-size:14px;line-height:1.25;color:#2c304d;border:1px solid #eee;border-radius:4px;padding:.75rem 1.07rem;box-shadow:none;height: 38px;} .form-content-new.form-content .form-control:focus{border:1px solid #5d5386;} .form-content-new.form-content .form-group{margin-bottom:20px} .form-content-new.form-content .text-danger {color: #dc3545!important;margin-left: 7px;} .form-content-new.form-content .btn-secondary{color:#2c304d;background-color:#e4e8f0;border:2px solid #e4e8f0} .form-content-new.form-content .button-holder{text-align:right;margin:20px 0;float:left;width:100%; padding: 0 90px;} .form-content-new.form-content .button-holder li a { display: inline-block; padding: 9px 26px; background-color: #fff; border: 1px solid #ddd; border-radius: 30px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .form-content-new.form-content .button-holder li a:hover{background: #ea5844; color: #fff;} .form-content-new.form-content .btn-gradient-01,.btn-gradient-01 a{background:#e23f83;background:linear-gradient(to right,#e23f83 0%,#ea5844 100%);background-size:200% auto;font-weight:600;transition:.5s;color:#fff;border:0 none;padding:12px 20px} .form-content-new.form-content .d-inline-block{display:inline-block!important} .form-content-new.form-content .line{width:100%; float:left; margin-bottom:20px; padding:0 90px;} .form-content-new.form-content .line .inner{width:100%; float:left; border:0.5px solid #dfdfdf; margin-top:20px;} .form-content-new.form-content .line2{width:100%; float:left; margin-bottom:0px; padding:0 0px;} .form-content-new.form-content .line2 .inner{width:100%; float:left; border:0.5px solid #dfdfdf; margin-top:20px;} .form-content-new.form-content .progressbar{margin:40px 0 0px 0;} .form-content-new.form-content .form-control{height:40px;} .form-content-new.form-content .form-control.color-select{height:30px; width:50px; padding:0px; display:inline-block; border:none;} .form-content-new.form-content .preference-color{display:flex; flex-direction:column;} .form-content-new.form-content .preference-color .text{display:flex;} .form-content-new.form-content .preference-color .colorbox{display:flex; flex-direction: row-reverse;} .form-content-new.form-content .progressbar li{width: 33.3333%;} .form-content-new.form-content .progressbar li.active:before{border-color: #e23f83; background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);color: #fff;} .form-content-new.form-content .progressbar li.active + li:after{background: linear-gradient(to right,#e23f83 0%,#ea5844 100%);} .form-content-new.form-content .form-control-label.facebook{color:#3b5999;} .form-content-new.form-content .form-control-label.linkedin{color:#0077B5;} .form-content-new.form-content .form-control-label.twitter{color:#55acee;} .form-content-new.form-content .form-control-label.pinterest{color:#bd081c;} .form-content-new.form-content .form-control-label.instagram{color:#e4405f;} .form-content-new.form-content .form-control-label.working-hour1{color:#4CAF50;} .form-content-new.form-content .form-control-label.working-hour2{color:#f00;} .form-content-new.form-content .suppliers-panel{width:100%; float:left;} .form-content-new.form-content .suppliers-panel .form-group{width:100%; float:left;} .form-content-new.form-content .suppliers-panel .form-group .checkbox{margin-top:0px;} .form-content-new.form-content .checkbox-full-oter{width:100%; float:left; max-height:250px; overflow:auto;} .form-content-new.form-content .checkbox-full1{width:100%; float:left;} .form-content-new.form-content .checkbox-full1 .cell{width:25%; float:left; margin-bottom:10px;} .form-content-new.form-content .checkbox-full1 .box2{width:25%; float:left; margin-bottom:10px; padding:0 10px;} .form-content-new.form-content .checkbox-full1 .box3{width:25%; float:left; margin-bottom:10px; padding:0 10px;} .form-content-new.form-content .checkbox-full1 .box4{width:25%; float:left; margin-bottom:10px; padding:0 10px;} .form-content-new.form-content .checkbox-full1 .form-control{width:100%; height:34px; } .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label {display: block; font-weight:normal; position:relative; margin: 0.2em; cursor: pointer; padding: 0.2em; padding-left:30px;} .form-content-new.form-content .checkbox-full1 input[type=checkbox] {display: none;} .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label:before { position:absolute; left:0px; top:4px; content: "\2714"; border: 0.1em solid #666; border-radius: 0.2em; display: inline-block; width:20px; height:20px; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 0.2em; vertical-align: bottom; color: transparent; transition: .2s;} .form-content-new.form-content .checkbox-full1 input[type=checkbox] + label:active:before {transform: scale(0);} .form-content-new.form-content .checkbox-full1 input[type=checkbox]:checked + label:before {background-color:#e83e8c; border-color:#e83e8c; color: #fff;} .form-content-new.form-content .checkbox-full1 input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;} .form-content-new.form-content .checkbox-full1 input[type=checkbox]:checked:disabled + label:before {transform: scale(1); background-color: #bfb; border-color: #bfb;} .form-content-new.form-content .form-section .website-portfolio .TemplateImage{width:100%; float:left; margin-bottom:50px; border-radius: 5px;} .form-content-new.form-content .form-section .website-portfolio .TemplateImage:hover img{transform:scale(1.2);} .form-content-new.form-content .form-section .website-portfolio .TemplateImage img{width:100%; height:auto;margin-top:0%; transition:0.3s;} .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.active{width:100%; height:auto;margin-top:0;border: 2px solid #e83e8c;padding: 10px;} .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.blur-img{-webkit-filter: blur(4px); filter: blur(4px);} .form-content-new.form-content .form-section .website-portfolio .TemplateImage img.blur-img.active{-webkit-filter: blur(0px); filter: blur(0px);} .main-shadow-box{width:100%; float:left; background:#fff; overflow:hidden; border-radius:5px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .main-shadow-box-normal{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .main-shadow-box-normal:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} /* Scrollbar Styling */ .form-content-new.form-content .checkbox-full-oter::-webkit-scrollbar {width: 6px;} ::-webkit-scrollbar-track {background-color: #dfdfdf;-webkit-border-radius: 0px;border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #999;} @media only screen and (min-width:320px) and (max-width:767px) { .form-content-new.form-content .form-control.title{padding:0 5px;} .form-content-new.form-content .checkbox-full1 .cell{width:100%; float:left; margin-bottom:10px;} .form-content-new.form-content .checkbox-full1 .box2{width:100%; float:left; margin-bottom:10px; padding:0 0px;} .form-content-new.form-content .checkbox-full1 .box3{width:100%; float:left; margin-bottom:10px; padding:0 0px;} .form-content-new.form-content .checkbox-full1 .box4{width:100%; float:left; margin-bottom:10px; padding:0 0px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .form-content-new.form-content .checkbox-full1 .cell{width:50%; float:left; margin-bottom:10px;} .form-content-new.form-content .checkbox-full1 .box2{width:50%; float:left; margin-bottom:10px; padding:0 10px;} .form-content-new.form-content .checkbox-full1 .box3{width:50%; float:left; margin-bottom:10px; padding:0 10px;} .form-content-new.form-content .checkbox-full1 .box4{width:50%; float:left; margin-bottom:10px; padding:0 10px;} } @media only screen and (min-width:320px) and (max-width:1199px) { .form-content-new.form-content .line{padding: 0 0px;} .form-content .form-section {float: left; width: 100%; padding: 15px 0px;} } /*-- REGISTER PAGE CSS --*/ .register-pg{width:100%; float:left; background: #f5f5f5 !important;} .registration-new-pg{width:100%; float: left; background: transparent; padding: 20px 0; margin-top:40px;} .registration-new-pg .registration-content{width:100%; float:left; background:#fff; overflow:initial;} .registration-new-pg .registration-content .header-top{width:100%; float:left; font-size:18px; font-weight:600; color:#333; padding:15px 15px; border-bottom:1px solid #dfdfdf;} .registration-new-pg .registration-content .box1{width:100%; float:left; margin-top:20px; padding:0 20px; /*font-family: 'Poppins', sans-serif !important;*/ font-family: 'Montserrat', sans-serif !important;} .registration-new-pg .registration-content .box1 .lable-title{width:100%; float:left; font-size:14px; font-weight:500; color: #4a4a4a;} .registration-new-pg .registration-content .box1 .form-control{border-radius:0px; border-radius:3px; border-color:#edebeb; box-shadow:none; -webkit-box-shadow:none;} .registration-new-pg .registration-content .box1 .form-control{height:42px;} .registration-new-pg .registration-content .box1 select.form-control{line-height:36px;} .registration-new-pg .registration-content .box1 .mr .form-group select {padding: 0 0px; font-size: 12px;} .registration-new-pg .registration-content .box1 .save-btn-bottom{width:150px; float:right; font-size:13px; text-align:center; border:0px; outline:none; line-height:30px; margin-bottom:15px; margin-left:10px; background-color: #d8b658; color: #FFFFFF; color:#fff; border-radius:5px;} .registration-new-pg .registration-content .box1 .save-btn-bottom:hover{background-color: #a2873c;} .registration-new-pg .registration-content .box1 .intl-tel-input{width:100%; float:left;} @media only screen and (min-width:320px) and (max-width:767px) { .login-pg.register-pg .bg-main {height: 100%;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .registration-new-pg {margin-top:0px;} } /* Agent Login START */ .agent-login-full{width:100%; float:left;} .agent-login-full h3{width:100%; float:left; font-size:26px; font-weight:300; color:#00a5ea; 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:#00a5ea; border:1px solid #00a5ea; cursor:pointer;} .agent-login-full .login-tab li.active{background:#00a5ea; 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:#00a5ea; 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;} .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:#15bdcc; 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/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:-7px; line-height:40px; color:#fff; background:#15bdcc; width:40px; 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:#f7941d; color:#fff;} .agent-login-full .login-form-full .login-form .form-box .input-btn:hover{background:#00a5ea;} .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:#fff; 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:#fff; margin:10px 0 20px 0;} .agent-login-full .login-form-full .login-form .form-box .signup-txt span{color:#fff; color:#00a5ea; cursor:pointer;} .loader-full-new{width:100%; height:100%; position:fixed; top:0px; left:0px; float:left; background:url(../images/loader-bg1.jpg) no-repeat; background-size:100% 100%;} .loader-full-new .loader-content{max-width:600px; height:100Vh; margin:auto; display:flex; align-items:center; padding:0 15px;} .loader-full-new .loader-content .lc-inner{width:100%; float:left;} .loader-full-new .loader-content .lc-inner .loader-logo{width:100%; float:left; text-align:center;} .loader-full-new .loader-content .lc-inner .loader-logo img{width:180px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner{width:100%; float:left; background:rgba(0,0,0,0.5);} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-header{width:100%; float:left; text-align:center; background:#ffba00;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-header h3{font-size:14px; padding:0 0 5px 0;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content{width:100%; float:left; padding:20px 30px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .loader-img{width:100%; height:auto;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail{width:100%; float:left; list-style:none; background:rgba(0,0,0,0.5);} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail li{width:100%; float:left; color:#fff; padding:8px 0px 8px 20px; border-bottom:1px dotted #fff;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail li:last-child{border-bottom:0px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail li .li-title{width:100px; float:left;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail li .li-detial{width:auto; float:left; position:relative; padding-left:20px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content .ul-flight-detail li .li-detial:before{content:""; position:absolute; width:2px; height:14px; background:#fff; top:3px; left:0px; } .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer{width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px 0; background:#ffba00; color:#000;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .box1{display:flex; flex-direction:column; padding:0 10px; border-right:1px solid #000;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .box2{display:flex; flex-direction:row; align-items:center; padding:0 10px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .icon{font-weight:600; font-size:16px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-text1{font-weight:600; font-size:14px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-text2{font-weight:400; font-size:12px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-iata-logo img{width:50px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-atol-logo img{width:40px;} @media only screen and (min-width: 320px) and (max-width:400px) { .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-content{padding:10px 15px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-text1{font-size:12px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-text2{font-size:10px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .box1{padding: 0 5px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .box2{flex-direction:column;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-iata-logo img{width:40px; margin-bottom:5px;} .loader-full-new .loader-content .lc-inner .lc-inner-inner .lc-footer .f-atol-logo img{width:30px;} } .loader-outer-full{background: rgba(0,0,0,0.8); height: 100%;left: 0;position: fixed;width: 100%;z-index: 9999;top: 0px;} .loader-outer.umrah-loader{max-width:400px; background:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:111;} .loader-outer.umrah-loader .loader{width:100%; float:left; color:#000; padding:20px;} .loader-outer.umrah-loader .loader .loader-img-outer{width:100px; margin:0 auto;} .loader-outer.umrah-loader .loader .loader-img-outer .loader-img{width:100%; float:left; margin-top:25px;} .loader-outer.umrah-loader .loader .loader-img-outer .loader-img img{width:100%; height:auto;} .loader-outer.umrah-loader .loader .loader-text1{width:100%; float:left; text-align:center; font-size:12px; margin:10px 0 20px 0;} .loader-outer.umrah-loader .loader .loader-text2{width:100%; float:left; text-align:center; font-size:20px; color:#cc3366; font-weight:600; margin-bottom:10px;} .loader-outer.umrah-loader .loader .loader-text3{width:100%; float:left; text-align:center; font-size:12px;} .loader-outer.umrah-loader .loader .loader-text3 span{font-weight:bold;} .loader-outer.umrah-loader .loader .loader-text4{width:100%; float:left; text-align:center; font-size:12px; margin-bottom:20px;} /*.popup_block.popup-outer{float:left; left:35%;}*/ .popup_block_Outer {background: rgba(0,0,0,0.8);height: 100%;left: 0;position: fixed;width: 100%;z-index: 9999;top: 0px; } .popup_block.popup-outer{float:left; width:100%; height:100vh; background:rgba(0,0,0,0.5); } .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.flight-popup{width:500px; max-width:100%; text-align:center; 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/popup-plane-icon.html); position:absolute; left:23%; top:-7px;} .popup_block .progress.flight-popup .header2{width:100%; float:left; background:#fec900; 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 .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;} .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;} .popup_block .progress.flight-popup .header .line:before{-webkit-animation:plane-bg 5s infinite;} .popup_block .progress.flight-popup .header .line:after{-webkit-animation:plane-icon 5s infinite;} @-webkit-keyframes plane-bg { from {width:0%;} to {width:100%;} } @-webkit-keyframes plane-icon { from {left:0%;} to {left:100%;} } /* HOTEL PROGRESS START */ .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;} /* FLIHT + HOTEL 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:#1a2a4b !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;} /*===== QUICK-PAY-PAGE ======*/ .quick-pay-pg{width:100%; float:left; margin-top:20px;} .quick-pay-pg .enter-price label{font-weight:normal; font-size:12px; color:#f00; float:left; margin-top:10px;} .payment-booking-pg{width:100%; float:left; margin-top:30px;} .payment-booking-pg .p-booking-header-main{width:100%; float:left; font-size:16px; background:#003366; color:#fff; padding:10px 15px; margin-bottom:10px;} .payment-booking-pg .payment-booking-panel{width:100%; float:left; margin-bottom:10px; border:1px solid #ccc;} .payment-booking-pg .payment-booking-panel .pbp-heading{width:100%; float:left; font-size:16px; background:#018fd2; color:#fff; padding:10px 15px;} .payment-booking-pg .payment-booking-panel .pbp-content{width:100%; float:left; padding:10px 10px 0 10px; } .payment-booking-pg .payment-booking-panel .pbp-content .form-group{width:100%; float:left;} .payment-booking-pg .payment-booking-panel .pbp-content label{font-weight:normal;} .payment-booking-pg .payment-booking-panel .pbp-content .left-lable{padding-top:7px;} .payment-booking-pg .payment-booking-panel .pbp-content .right-lable{padding-top:7px;} .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon{width:100%; float:left;} .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul{width:100%; float:left; list-style-type: none; padding: 0px; margin-top:5px;} .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li{display: inline-block; margin: 0px 0px; margin-bottom:5px;} .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li img{width:40px;} .payment-booking-pg .payment-booking-panel .pbp-content .cvv-img{width:50px; margin:-10px 10px 0 0;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel{width:100%; display:flex; flex-direction:row; align-items:center;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group{width:auto; display:flex; flex-direction:column; margin-right:10px; float:none;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group:last-child{margin-right:0px;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .text-title{line-height:34px; min-width:100px;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .form-control{padding: 6px 6px;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group select.form-control{min-width:80px; padding-left:2px; padding-right:0px;} .payment-booking-pg .payment-bottom-panel{width:100%; float:left; border:1px solid #ccc; padding:10px 10px; color:#003366;} .payment-booking-pg .payment-submit-btn{width:100%; float:left; background: #074573; border-radius:0px; color:#fff; margin-bottom:20px;} .payment-booking-pg .payment-submit-btn:hover{background: #074573; background: #0093d2; border-color: #f04800;} @media screen and (min-width:320px) and (max-width:767px) { .payment-booking-pg .payment-booking-panel .pbp-content .left-lable{ width: 100%; float: left; margin-bottom: -10px;} .payment-booking-pg .payment-booking-panel .pbp-content .right-lable{ width: 100%; float: left; margin-top:-15px;} .payment-booking-pg .payment-booking-panel .pbp-content .cvv-img{margin:0px 10px 0 0;} } @media screen and (min-width:320px) and (max-width:600px) { .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group .text-title{width:100%; float:left; background:#eee; padding:0 10px;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel{flex-direction:column;} .payment-booking-pg .payment-booking-panel .pbp-content .passenger-panel .form-group{width:100%; float:left; margin-right:0px;} } @media screen and (min-width:768px) and (max-width:991px) { .payment-booking-pg .payment-booking-panel .pbp-content .payment-icon ul li img{width:35px;} } .modal-login-info .modal-sm {width:auto; max-width:600px;} .modal-login-info .BookingGuest-Text{width:100%; float:left; margin-top:15px;} .modal-login-info .BookingGuest-Text2{width:100%; float:left; margin-bottom:15px;} .modal-login-info .modal-footer{display:none;} .modal-login-info .form-group{text-align:center;} .modal-login-info .form-group .btn {width:180px;} ::-webkit-scrollbar-track {background-color: #eee !important;-webkit-border-radius: 0px;border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #5b5873 !important;} abcd111::-webkit-scrollbar {width:3px;} .booking-sidebar-full .promo-code-panel-new{width:100%; float:left; margin-bottom:20px;} .booking-sidebar-full .promo-code-panel-new .pc-heading{width:100%; float:left; margin:10px 0; font-size:16px; font-weight:600;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner{width:100%; float:left; padding:15px 0px; box-shadow: 0px 0px 5px #ccc;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel{width:100%; float:left; padding:0px 15px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .apply-title{width:100%; float:left; margin-bottom:5px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group{width:100%; float:left;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer{width:calc(100% - 75px); float:left; position:relative;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer .form-control{width:100%; float:left; padding-right:25px; border-radius:0px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer .close-icon{position:absolute; top:8px; right:5px; color:#666; cursor:pointer; display:none;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .form-control-outer.active .close-icon{display:block;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn{cursor:pointer;width:75px; float:left; height:34px; line-height:34px; float:left; text-align:center; background:#dddddd; color:#444; border:1px solid #bbb9b9; border-left:0px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn i{display:none;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn.active{ color: #36c246;cursor: no-drop;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group .apply-btn.active i{display:inline-block;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group.verticle-design .form-control-outer{width:calc(100% - 0px);} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group.verticle-design .apply-btn{cursor:pointer;width:100%; border-top:0px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group.w-100 .form-control-outer{width:calc(100% - 0px);} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .apply-code-panel .form-group.w-100 .apply-btn{width:100%;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content{width:100%; max-height:470px; overflow:auto; padding:0px 15px; float:left;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content::-webkit-scrollbar {width:3px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .promo-applied{width:100%; float:left; position:relative; padding-left:20px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .promo-applied .pa-icon{position:absolute; font-size:16px; top:0px; left:0px; color:#36c246;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio-outer{width:100%; float:left; margin-bottom:10px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio{width:100%; float:left;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio label{width:100%; float:left;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .radio label input{float:left;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .p-code{float:left; border:1px dashed #1ed177; color:#1ed177; padding:3px 10px; margin-right:10px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .save-price{float:left; color:#dfa51c; padding:3px 0px;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .info-text{width:100%; float:left; margin-top:0px; padding-left:20px; color:#aca49d;} .booking-sidebar-full .promo-code-panel-new .promo-code-inner .pc-content .trem-condition{float:right; color:#337ab7;cursor:pointer} .booking-sidebar-full.booking-sidebar-full-custome{margin-bottom:0px;} .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new{margin-bottom:0px;} .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner{width: 100%;float: left;padding:0px 0px;box-shadow:none;} .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner .apply-code-panel{ padding:0px;} .booking-sidebar-full.booking-sidebar-full-custome .promo-code-panel-new .promo-code-inner .apply-code-panel .apply-title{display: inline-block;max-width: 100%; margin-bottom: 5px;font-weight: 700;} .waiting-popup{width:100%; float:left; text-align:center;} .waiting-popup .waiting-popup-inner{width:100%; margin:0px auto;} .waiting-popup .waiting-popup-inner img{width:100%; height:auto;} .waiting-popup .waiting-popup-header{width:100%; float:left; text-align:left; margin-bottom:10px;} .waiting-popup .waiting-popup-header .flight-loader-info{width:100%; float:left;} .waiting-popup .waiting-popup-header .flight-loader-info .fli-text1{width:100%; float:left; font-weight:600;} .waiting-popup .waiting-popup-header .flight-loader-info .fli-text2{width:100%; float:left; font-weight:400;}