@charset "utf-8"; @import "https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap"; /* CSS Document */ 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 !important;} .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; /*letter-spacing: 0.4px;*/ word-spacing: 1px; background:#f5f5f5 !important; background:#FFF !important;} header, footer, figure, aside, section, article {display: block;} .full-width {float: left; width: 100%; padding: 0 15px 30px; max-width: 100%;} .widthfull {width: 100%; float: left;} .breadcrumb { padding: 8px 0px !important; margin-bottom: 0px !important; list-style: none !important; background-color: transparent !important; border-radius: 0px !important; margin-top: 10px;} .top_line { width: 100%; height: 4px; float: left; background: #003366; margin-bottom:5px;} .im-responsive{width:100%; height:auto;} select:-moz-focusring{color: transparent !important; text-shadow: 0 0 0 #000 !important;} .topcontrol{background:#15bdcc !important;} .modal{z-index:111111 !important;} .ul-common{width:100%; float:left;padding-left:20px;} .ul-common li{float:left; width:100%;} .ol-common{width:100%; float:left;padding-left:20px;} .ol-common li{float:left; width:100%;} .ul-coomon{width:100%; float:left; padding-left:20px;} .ul-coomon li{float:left; width:100%;} /*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;} .padding02 {margin-left: -5px !important; margin-right: -5px !important;} .padding02>div {padding-left: 5px !important; padding-right: 5px !important;} @media only screen and (min-width: 320px) and (max-width: 767px) { .padding02 {margin-left: -5px !important; margin-right: -5px !important;} .padding02>div {padding-left: 5px !important; padding-right: 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;} .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*/ /* 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;} /* 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;} } /*--- FOR BOOTSTRAP DROPDOWN ---*/ @media (max-width:767px) { .collapse.advance-search.in{display:block;} .collapse.advance-search-full.in{display:block;} .collapse.filter-panel.collapse.in{display:block;} .collapse.advance-search-nd.in{display:block;} } /*--- FOR BOOTSTRAP DROPDOWN ---*/ .collapse.advance-search.fh-advance-search{display:none;} .collapse.advance-search.fh-advance-search.in{display:block;} /* 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:18%; 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 .traveller{width:20%; float:left; padding-right:10px; position:relative;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .form-control{font-size:11px; padding-top: 9px;} .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 #21bafe inset; -webkit-box-shadow: 5px 0 0 #21bafe inset; margin-bottom:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .main-pax{margin-bottom:10px;} .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;} /*---cabin-class-dropdown---*/ .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect{position:relative; width:12%;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input{font-size:12px; color:#555;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect.custome-class-multy-city .class-sellect .class-input{font-size:10px; color:#555;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown {width: 220px;position: relative;position: absolute;top: 100%;z-index: 11111;float: left;background: #fff;color: #999;border-radius: 5px;box-shadow: 0 2px 3px 0 #999;border: 1px solid #eee;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown:before{left:50px;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner{width:100%; float:left; background:#00387c; padding:15px;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class{width:100%; float:left; list-style:none; margin-bottom:10px;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li{width:100%; float:left; border:1px solid #fff; padding:5px 0; text-align:center; margin-bottom:5px; color:#fff; cursor:pointer;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li:hover{background:#fe492b;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .ul-class li.active{background:#fe492b;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer{width:100%; float:left; text-align:center;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer .class-done-btn{background: linear-gradient(90deg,#f67504 0%,#fe492b 100%); color:#fff; font-size:14px; font-weight:400; border: 1px solid #f66104; padding: 2px 10px; border-radius:4px; text-decoration:none;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown .dccd-inner .btn-outer .class-done-btn:hover{background: linear-gradient(90deg,#fe492b 0%,#f67504 100%);} @media screen and (min-width:320px) and (max-width:767px) { .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown{left:initial; right:0px;} .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .adult-class-dropdown.div-cabin-class-dropdown:before{left:initial; right:50%; margin-left:0px; margin-right:-15px;} } @media screen and (min-width:768px) and (max-width:991px) { .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input{font-size:10px; padding-left:10px; } } @media screen and (min-width:992px) and (max-width:1199px) { .container-full .advance-search .adserch-left-panel .tab-panel .custome-class-sellect .class-sellect .class-input{font-size:10px;} } /*---cabin-class-dropdown---*/ .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: 6px 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:220px; position:relative; margin-top: 5px; position:absolute; top:100%; z-index:1111; float:left; background:#fff; color:#999; border-radius:5px; box-shadow:0 2px 3px 0 #999; border:1px solid #eee;} .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 #eaeaea transparent; bottom:100%; left:50%; margin-left:-15px; border-top:none;} .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:#00a4e1; 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:#00a4e1; 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 .adult-panel .min-max-outer{width:100%; float:left; display:flex; align-items:center; justify-content: space-between; position:relative; margin-bottom:10px; padding: 0px; font-size:12px;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .text-panel{display:flex; flex-wrap:wrap;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .inner-heading{ font-size:12px; float:left; margin-right:5px; font-weight:600; color:#333; display:inline-block;} .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 .adult-panel .min-max-outer .min-max{width:70px; display:flex; right:0px; top:-5px; position:static;} .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:20px; font-weight: 400; height:20px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#fe492b; background:transparent; font-size:18px; 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:20px; font-weight: 400; height:20px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#fe492b; background:transparent; font-size:18px; 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:30px; font-weight: 400;height:20px; font-size:13px; color:#000; background:transparent; border:0px; outline:none;} .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: 14px;color: #ffffff; background: #00a4e1; 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;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu{color:#333;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu .done-btn-full{width:100%; float:left; border-top:0px solid #ccc; padding:5px 5px} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #d3302c; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom1 .row .col-md-4, .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom2 .row .col-md-4, .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom3 .row .col-md-4, .container-full .advance-search .adserch-left-panel .tab-panel .traveller .dropdown-menu #divRoom4 .row .col-md-4{margin-bottom:5px;} .container-full .advance-search.fh-advance-search .traveller .dropdown-menu .done-btn-full{width:100%; float:left; border-top:0px solid #ccc; padding:5px 5px} .container-full .advance-search.fh-advance-search .traveller .dropdown-menu .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #d3302c; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} /*--------------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;} } .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:0px; 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 label.position-relative .plus-icon{background: url(../Images/icons/plus.png); width: 20px;height: 20px; margin-top: 10px; margin-left: 7px;border: none; float:left; display:block;cursor:pointer} .container-full .advance-search .adserch-left-panel .form-group label.position-relative .minus-icon{background: url(../Images/icons/cross.png); width: 20px;height: 20px; margin-top: 8px; margin-left: 7px;border: none; float:left; display:block;cursor:pointer} .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 .form-group label.position-relative select.form-control{padding-right:2px;} .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{display:inline-block; padding-right:10px;} .container-full .advance-search .adserch-left-panel .radio-full .flexi-checkbox-full .checkbox-inner label{font-weight:normal; color:#16528e; position:relative; top:-1px;} /*.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 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; line-height:22px; 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:1px; width:calc(100% - 23px);} .container-full .filter-panel .content .ul-departure-time{width:100%; float:left; display:flex; justify-content:space-between; list-style:none; margin-top:5px;} .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:11.5px; } .container-full .filter-panel .content .ul-departure-time li.active{background:#16528e; color:#fff;} @media only screen and (min-width: 320px) and (max-width: 767px) { .container-full .filter-panel .content .ul-departure-time{display:inline-block;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .container-full .filter-panel .content .ul-departure-time li span{font-size: 7.9px;} .container-full .filter-panel .content .checkbox-full label span{margin-top:-1px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .container-full .filter-panel .content .ul-departure-time li span{font-size: 9px;} .container-full .filter-panel .content .checkbox-full label span{margin-top:-1px;} } .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:0px; 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;} .filter .panel.panel-default{width:100%; float:left;} .filter .slider-box-price-range{width:100%; float:left; margin-top:10px;} .filter .slider-box-price-range .slider{width: calc(100% - 15px); float:left; margin:0px 0 10px 8px;} .filter .slider-box-price-range label, .filter .slider-box-price-range input {border: none; display: inline-block; margin-right: -4px; vertical-align: top; width: 30%} .filter .slider-box-price-range input {width: 70%} .filter .slider-box-price-range .priceRang-heading, .filter .slider-box-price-range .priceRang-value{width:100%; float:left; outline:none;} .filter .slider-box-price-range .ui-state-default, .filter .slider-box-price-range .ui-widget-content .ui-state-default, .filter .slider-box-price-range .ui-widget-header .ui-state-default{background: #f00 !important;} /*--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; display:flex; flex-wrap:wrap; 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; display:flex;} .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; overflow-wrap:anywhere; 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; overflow-wrap:anywhere; 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;}*/ .container-full .flight-result .result-panel .result-panel-header .result-panel-header-inner .col-3{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:#16528e; background:linear-gradient(#dffcfc , #c1f1f4); background:-webkit-linear-gradient(#dffcfc , #c1f1f4);} .flexi-result-full2 .table-widht-full .towway-table tr td{/*border:1px solid #ccc;*/ width:12.5%; background:#63a8ee; padding:0px; vertical-align:inherit;} .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td{padding:8px;} .flexi-result-full2 .table-widht-full .towway-table tr td table tbody tr td .tooltips a{color:#fff;} .flexi-result-full2 .table-widht-full .date-heading{text-align:center; background:#aad1e0 !important; font-weight:bold; color:#16528e;} .flexi-result-full2 .table-widht-full .inbound{width:100%; float:left; font-size:13px; color:#666;} .flexi-result-full2 .table-widht-full .inbound i{float:right; color:#16528e;} .flexi-result-full2 .table-widht-full .cheapest .text1{width:100%; float:left; color:#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:#fff; padding:0px 0px 0px 0px;} .container-full .flight-result .result-panel .service-full .service-box1-outer{width:33.33%; float:left; padding-right:5px; cursor:pointer;} .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(#eee, #fafafa); background:-webkit-linear-gradient(#eee, #fafafa);} .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:#203375; border: 1px solid #203375;} .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 .service-full .service-box1-outer:hover .service-box1{background:#203375; border: 1px solid #203375;} .container-full .flight-result .result-panel .service-full .service-box1-outer:hover .service-box1 .title, .container-full .flight-result .result-panel .service-full .service-box1-outer:hover .service-box1 .text1{color:#fff;} @media only screen and (min-width:992px) and (max-width: 1199px) { .container-full .flight-result .result-panel .service-full .im{width:20px; height:20px;top:10px;} } .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 #f7941d;} .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 .text2{width:100%; float:left; text-align:center; font-size:12px; font-weight:600; color:#16528e; margin-top:10px;} .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 .call-now-btn {width: 100%; float: left; text-align:center; margin-top:10px; padding:5px 0; border-radius:10px; background:#1d374e ;} .container-full .flight-result .result-panel .result-content .result .flight-price .call-now-btn:hover{background:#386185;} .container-full .flight-result .result-panel .result-content .result .flight-price .call-now-btn span{display:block; color:#fff;} .container-full .flight-result .result-panel .result-content .result .flight-price .call-now-btn2 {width: 100%; float: left; text-align:center; margin-top:5px; } .container-full .flight-result .result-panel .result-content .result .flight-price .call-now-btn2 .call-now1{display:inline-block; margin-bottom:10px; padding: 6px 12px; font-size: 12px; font-weight: bold; border: 1px solid #324158; font-weight:600; animation: shake 1.2s; animation-iteration-count: infinite;} .container-full .flight-result .result-panel .result-content .result .flight-price .call-now-btn2 .call-now2{display:inline-block; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius:3px; border:1px solid #EEBD03; background: #FFCA01; color: #334259;} @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .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:14px;} .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; } .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 .click-btn{cursor:pointer;} .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 .checkin-info .click-btn[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: #fe492b ; font-weight: 700;font-size: 12px; margin-top:3px;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1 .non-refundable{color:#fe492b; float: left; font-weight: 700;font-size: 12px; margin-top:3px;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel{display:flex; flex-direction:row; align-items:center;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-logo-outer{float:none; display:flex; align-items: center;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-detail{float:none; display:flex; flex-direction: column;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-detail .outbond{float:none; display:flex;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price-outer{float:none; display:flex; align-items: center;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return {padding: 0px 10px;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return{padding: 5px 10px;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design{background: #f23131; color:#fff;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .best-deal{width:100%; float:left;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .just-call{width:100%; float:left; font-weight:600;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .phone-no{width:100%; float:left; text-align:center; font-weight:600;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .call-now{width:100%; float:left; font-weight:800; border-radius:5px; padding:5px 10px; background:#fff; color:#f23131;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .call-now i{transform:rotateY(180deg); position:relative; top:2px;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .flight-detail-p{width:100%; float:left; text-align:center;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .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 .display-flex-panel .flight-price.width-return.new-design .price{color:#fff !important; margin-top:5px; margin-bottom:-5px;} .container-full .flight-result .result-panel .result-content .result .display-flex-panel .flight-price.width-return.new-design .price span{color:#fff !important;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result .result-panel .result-content .result .display-flex-panel{flex-direction:column;} } @media only screen and (min-width:320px) and (max-width:599px) { .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1){width:50%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2){width:50%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2) p{text-align:right;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3){width:100%;} } @media only screen and (min-width:600px) and (max-width:767px) { .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1){width:30%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2){width:30%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3){width:40%;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(1){width:30%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(2){width:30%;} .container-full .flight-result .result-panel .result-content .result .flight-dropdown-panel .box1:nth-child(3){width:40%;} } .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; margin-bottom:10px; 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;} .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;} /*--display flex--*/ .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex{display:flex; flex-direction: column;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex + .flight-info-dropdown-inner.display-flex{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.display-flex .row-panel{width:100%; display:flex;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{display: flex;text-align: center;justify-content: center;flex-direction: column;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:39%;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:22%; padding:0 2px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:39%;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:40%;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:20%;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:40%;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .container-full .flight-result .result-panel .result-content .result .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} } /*--display flex--*/ .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 RESULT DOMESTIC======= */ .container-full .flight-result.flight-result-domestic .domestic-filter{width:100%; display:flex; background:#fff; justify-content: center; padding:15px; margin-top:15px; margin-bottom:15px; text-align:center; border:1px solid #ccc;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box{display:flex; min-width:135px; border-right:1px solid #ccc; } .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box:first-child{border-right:0px;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box:last-child{border-right:0px;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .filter-box-inner{width:100%; display:flex; justify-content:space-around;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .icon1{display:flex; margin-top:5px;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .f-text{display:flex;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .icon2{display:flex;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box.dropdown.open .icon2{transform:rotate(-180deg);} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu{width:200px !important;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu .price {width: 100%;float: left;font-size: 16px;font-weight: bold;color: #16528e;margin-top: 10px;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul{list-style:none;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li{display: block; padding: 3px 0px; } .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li:hover{background-color: #f5f5f5;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .dropdown-menu ul li .checkbox{margin:0px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full{width:100%; float:left;} .container-full .flight-result.flight-result-domestic .domestic-radio-full{width:100%; float:left; margin-bottom:0px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio{width:100%; float:left; margin:0px 0px 10px 0;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio:last-child{margin-bottom:0px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio label.active{font-weight:600;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio label{width:auto; float:left; color:#fff; font-size:14px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked, .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label, .container-full .flight-result.flight-result-domestic .domestic-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 .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label.active{font-weight:bold;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:before, .container-full .flight-result.flight-result-domestic .domestic-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 .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:after, .container-full .flight-result.flight-result-domestic .domestic-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 .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .container-full .flight-result.flight-result-domestic .domestic-radio-full .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full{float:left;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full .checkbox-inner{float:left; padding-right:10px;} .container-full .flight-result.flight-result-domestic .domestic-radio-full .flexi-checkbox-full .checkbox-inner label{font-weight:normal; color:#16528e;} @media only screen and (min-width: 320px) and (max-width:767px) { .container-full .flight-result.flight-result-domestic .domestic-filter{padding-top:0px;} .container-full .flight-result.flight-result-domestic .domestic-filter{flex-wrap: wrap;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box{min-width:130px; margin-top:15px; margin-left:2px; margin-right:2px;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result.flight-result-domestic .domestic-filter{padding-top:0px;} .container-full .flight-result.flight-result-domestic .domestic-filter{flex-wrap: wrap;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box{min-width:130px; margin-top:15px; margin-left:2px; margin-right:2px;} } @media only screen and (min-width: 992px) and (max-width:1199px) { .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box{min-width:100px; margin-left:5px; margin-right:5px;} .container-full .flight-result.flight-result-domestic .domestic-filter .filter-box .f-text{margin:0 5px;} } .container-full .flight-result.flight-result-domestic .frd-row-panel{width:100%; display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6{width:50%; display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(odd){margin-right:5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(even){margin-left:5px;} .container-full .flight-result.flight-result-domestic .new-row .frd-row-panel .frd-col-6:nth-child(odd){margin-right:0px;} .container-full .flight-result.flight-result-domestic .new-row .frd-row-panel .frd-col-6:nth-child(even){margin-left:0px;} .container-full .flight-result.flight-result-domestic .new-row .new-column{height:700px; overflow:auto;} /*--::-webkit-scrollbar {width: 6px;}--*/ ::-webkit-scrollbar-track {background-color: #dfdfdf !important;-webkit-border-radius: 0px;border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #5b5873 !important;} .container-full .flight-result.flight-result-domestic .new-row .new-column::-webkit-scrollbar {width:3px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1{background:#fff; padding:15px 15px; justify-content:space-between;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 .destination{display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1 .date{display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2{padding:0px 0px; justify-content:space-between;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1{width:16.6667%; display:flex; padding:0 10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text{line-height: 39px; color: #333; font-size: 11px;text-transform: uppercase;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text i{line-height: 39px; font-size:8px; margin-left:3px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel{margin-bottom:10px; flex-direction:column; min-height: 112px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px;background: #fff;transition: box-shadow 200ms cubic-bezier(.4, 0, .2, 1);border: 1px solid rgba(0,0,0,0.125);} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel:hover {-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.24);-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.24);box-shadow: 0 1px 10px rgba(0,0,0,0.24);} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100{width:100%; display:flex; padding: 10px 0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.active{background-color: #eef6ff;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.w-100-2{flex-direction:column; padding:0 0;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1{width:15.6667%; display:flex; flex-direction:column; padding:0 10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2{width:25%; display:flex; padding:0 10px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3{width:8%; display:flex; padding:0 10px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4{width:20%; display:flex; padding:0 10px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1.pd0, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2.pd0, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3.pd0, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4.pd0{padding:0 0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo{width:48px; height:48px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img{width:48px; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .air-detail {font-size: 11px;color: #333; display:block; margin-top:5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time{font-size: 18px;color: #333; font-weight: 700;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place{font-size: 12px; color: #333;line-height: 12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-duration-time{font-size: 12px;color: #333;line-height: 0px;margin: 10px 0 0 0;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-stopage{font-size: 12px;color: #333;line-height: 0px;margin: 10px 0 0 0;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage{width:100%; float:left; font-size:11px; font-weight:600; text-align:center; margin-bottom:0px; color:#f7941d;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-point-outer{width:80%; margin:0 auto;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-point{width:100%; height:1px; float:left; position:relative; background:#999; padding:0px 10px; margin:10px 0; } .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .stoppage-city{width:100%; float:left; font-size:11px; font-weight:600; text-align:center; margin-bottom:0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price{color: #d63b05; font-size:20px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price i{font-size:12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-roundtrip{color:#26a000; text-align: left;font-size: 10px;padding-top: 4px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price2{color: #26a000; font-size:12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:checked + label:before, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left:0px; top:4px; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:checked + label:after, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .domestic-radio-full .radio [type="radio"]:not(:checked) + label:after {content: ''; width:14px; height:14px; background: #f7941d; position: absolute; top:7px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} @media only screen and (min-width:320px) and (max-width:600px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1{flex-direction:column;} } @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header1{padding:05px 10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel{margin-bottom:4px; border-radius:0px; -webkit-border-radius:0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(odd){margin-right:2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-col-6:nth-child(even){margin-left:2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2{flex-wrap:wrap;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1{width:33.3333%; padding: 0 2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(4){display:none;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(5){display:none;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1:nth-child(6){display:none;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time{font-size:16px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4{width:23%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2{width:22%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3{padding: 0 2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1{width:33.333333%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4.pd0{width:30%; padding: 0 5px; display:none;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2{width:75%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3{width:25%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100{flex-wrap:wrap; min-height:151px; padding: 10px 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .w-100.w-100-2{min-height:initial;} } @media only screen and (min-width:320px) and (max-width:500px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo{width:30px; height:30px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img{width:30px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time{font-size:12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-price {color: #d63b05;font-size: 16px;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo{width:30px; height:30px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-logo img{width:30px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-place{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-box1{padding: 0 2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-header2 .header2-text{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-flight-time{font-size:14px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box4{width:23%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2{width:22%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box1, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box2, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .frd-result-box3{padding: 0 2px;} } .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel{width:100%; float:left; /*background:#ebebeb;*/ background:#fff; border-top: 0px solid #e8e6e6; margin-top:0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1{width:33.3333%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i{font-size:16px; color:#16528e;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text{ padding-left:5px; font-size:12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info i{transition:0.3s; -webkit-transition:0.3s;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .refundable{float: left; color: #06caf9; font-weight: 700;font-size: 12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable{color:#26a000; float: left; font-weight: 700;font-size: 12px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel{display:flex; flex-direction:row;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-logo-outer{float:none; display:flex; align-items: center;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-detail{float:none; display:flex; flex-direction: column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-detail .outbond{float:none; display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-price-outer{float:none; display:flex; align-items: center;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel .flight-price.width-return {padding: 0px 10px;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .display-flex-panel{flex-direction:column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info{font-size:10px; padding: 5px 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text{font-size:10px;} } @media only screen and (min-width:320px) and (max-width:599px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1){width:50%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2){width:50%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) p{text-align:right;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3){width:100%;} } @media only screen and (min-width:600px) and (max-width:767px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1){width:50%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2){width:50%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2) .checkin-info{text-align:right;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3){width:100%;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(1){width:30%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(2){width:30%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1:nth-child(3){width:40%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info{font-size:10px; padding: 5px 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .icon i{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .non-refundable{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text{font-size:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info .baggaes-text .text{font-size:10px;} } @media only screen and (min-width:992px) and (max-width:1199px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-panel .box1 .checkin-info{font-size:12px;} } .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-dropdown-content{width:100%; float:left; background:#f7f5f5; } .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown{width:100%; float:left; padding:10px 10px; margin-top:0px; border-top: 1px solid #dddddd;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner{width:100%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box1{width:25%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box2{width:25%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box3{width:10%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box4{width:25%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .box5{width:15%; float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title{width:100%; float:left; font-size:14px; font-weight:600; color:#000; margin-bottom:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2{width:100%; float:left; font-size:14px; font-weight:600; color:#000;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon{float:left; margin-top:30px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon i{font-size:16px; color:#16528e;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon{float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i{font-size:18px; color:#16528e;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text{float:left; padding-left:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .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.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text{float:left;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble{float:left; padding:0 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown{width:50%; float:right; margin-right:5px; border-top: 1px solid #dddddd;} .container-full .flight-result.flight-result-domestic .frd-row-panel .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.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table{color:#16528e; border:1px solid #7fa3c3;} .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table tbody tr{background:#f5ffff;} .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table thead tr th{background:#eafeff; } .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown table tbody tr:last-child{background:#eafeff; font-weight:bold; } /*--display flex--*/ .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex{display:flex; flex-direction: column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{width:100%; display:flex;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{display: flex;text-align: center;justify-content: center;flex-direction: column;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:39%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:22%; padding:0 2px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:39%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .layover-full .layover-text{padding-right:0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .text1, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {font-size:12px;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:40%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:20%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:40%;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .title2, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .text1, .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {font-size:12px;} } /*--display flex--*/ @media only screen and (min-width:320px) and (max-width:600px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown{width:100%; overflow:auto;} .container-full .flight-result.flight-result-domestic .frd-row-panel .frd-result-panel .flight-info-dropdown .flight-info-dropdown-inner{width:600px;} } @media only screen and (min-width:320px) and (max-width:992px) { .container-full .flight-result.flight-result-domestic .frd-row-panel .fare-rulu-dropdown{width:100%; margin-right:0px;} } /*--COMPARE PRICE PANEL--*/ .container-full .flight-result.flight-result-domestic .compare-price-panel{width:100%; position:fixed; z-index:1; bottom:0px; float:left; padding:15px 0; background:rgba(0,0,0,1); color:#fff;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner{width:100%; display:flex;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1{width:33.3333%; display:flex; border-right:1px solid #fff;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2{width:33.3333%; display:flex; border-right:1px solid #fff;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box3{width:33.3333%; display:flex; justify-content:space-between;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box1{width:33.3333%; display:flex; padding:0 2px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box2{width:16.6666%; display:flex; padding:0 2px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box3{width:8%; display:flex; padding:0 2px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box4{width:16.6666%; display:flex; padding:0 2px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box5{width:25%; display:flex; padding:0 2px; flex-direction:column;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box1.pd0, .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box2.pd0, .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box3.pd0, .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box4.pd0, .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-result-box5.pd0{padding:0 0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-left{padding-left:10px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-right{padding-right:10px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-logo{width:35px; height:35px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-logo img{width:35px; float:left;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .air-detail {font-size: 11px;color: #fff; display:flex; flex-direction:column; margin-top:0px; margin-left:5px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-time{font-size: 14px; font-weight:600;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-place{font-size: 18px; font-weight:700; line-height: 12px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-flight-direction{display:flex; height:100%; align-items:center;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-price{color: #fff; font-size:18px; text-align:right;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-price i{font-size:16px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .frd-detail{color:#fff; font-size:12px; text-align:right; line-height:10px; text-decoration:underline; } .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total{display:flex; margin-left:15px; font-size:18px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-price{font-size:18px; font-weight:600;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-price i{font-size:14px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn{display:flex; width: 150px; border-radius:5px; padding:10px 0; justify-content: center; background:#ef6614; color:#fff;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn:hover{background:#da5200;} @media only screen and (min-width:320px) and (max-width:992px) { .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner{flex-direction:column;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1{width:100%; margin-bottom: 10px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2{width:100%; margin-bottom: 10px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box3{width:100%; margin-bottom: 0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box1, .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .cp-box2{border:0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-left{padding-left:0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .pd-right{padding-right:0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total{margin-left:0px;} .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn{width:100px;} } @media only screen and (min-width:992px) and (max-width:1199px) { .container-full .flight-result.flight-result-domestic .compare-price-panel .compare-price-panel-inner .total-book-now-btn{width: 100px;} } /*--COMPARE PRICE PANEL--*/ /* compare price popup*/ .compare-price-fd-popup .modal-dialog{width:auto; max-width:700px;} .compare-price-fd-popup .login-popup-panel{width:100% !important; float:left; border:0px solid #ccc;background:#fff; border-radius: 5px !important;} .compare-price-fd-popup .login-popup-panel button{outline:none;} .compare-price-fd-popup .login-popup-panel button.close{background:#242424; width:20px; height:20px; font-size:16px; color:#fff !important; padding:0px; margin-top:5px; border-radius:50%; opacity:1 !important;} .compare-price-fd-popup .modal-content{border:0px; width:100%; float:left;} .compare-price-fd-popup .modal-body{width:100%; float:left; padding:0px;} .compare-price-fd-popup .modal-header{display:none;} .compare-price-fd-popup .modal-footer{display:none;} .compare-price-fd-popup button.close {background: #00588c;width:30px;height:30px;font-size: 16px;color: #fff !important;padding: 0px;margin-top: -13px; margin-right:-10px; border-radius: 50%; z-index:11; position:relative; opacity: 1 !important;} .compare-price-fd-popup .popup-content{width:100%; float:left;} .compare-price-fd-popup .popup-content .pc-header{width:100%; float:left; padding:10px 15px; border-radius:5px 5px 0 0 ; margin-top:-17px; background:#eee; color:#000; font-size:16px;} .compare-price-fd-popup .popup-content .pc-content-inner{width:100%; float:left; padding:15px;} .compare-price-fd-popup .popup-content .pc-tab{width:100%; float:left; list-style:none; margin-bottom:10px;} .compare-price-fd-popup .popup-content .pc-tab li{display:inline-block; padding:5px 20px; border-radius:10px;} .compare-price-fd-popup .popup-content .pc-tab li.active{background:#da5200;} .compare-price-fd-popup .popup-content .pc-tab li a{color:#000;} .compare-price-fd-popup .popup-content .pc-tab li.active a{color:#fff;} .compare-price-fd-popup .popup-content .pc-tab-content{width:100%; float:left; border:1px solid #ccc; padding:10px;} .compare-price-fd-popup .popup-content .flight-dropdown-content{width:100%; float:left; background:#f7f5f5; } .compare-price-fd-popup .popup-content .flight-info-dropdown{width:100%; float:left; padding:10px 10px; margin-top:0px; border-top:0px solid #dddddd;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner{width:100%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner + .flight-info-dropdown-inner{border-top:1px solid #16528e; margin-top:5px; padding-top:5px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box1{width:25%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box2{width:25%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box3{width:10%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box4{width:25%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .box5{width:15%; float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title{width:100%; float:left; font-size:14px; font-weight:600; color:#000; margin-bottom:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2{width:100%; float:left; font-size:14px; font-weight:600; color:#000; } .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon{float:left; margin-top:30px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .arrow-icon i{font-size:16px; color:#16528e;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon{float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .icon i{font-size:18px; color:#16528e;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .baggaes-text .text{float:left; padding-left:10px;} .compare-price-fd-popup .popup-content .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;} .compare-price-fd-popup .popup-content .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;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .layover-title{float:left; font-weight:bold; padding-right:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .text{float:left;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text .symble{float:left; padding:0 5px;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown{width:50%; float:right; margin-right:5px; border-top:0px solid #dddddd;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown .heading{width:100%; float:left; background:#16528e; color:#fff; font-size:20px; padding:5px 10px; margin-bottom:0px;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown table{color:#16528e; border:1px solid #7fa3c3;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown table tbody tr{background:#f5ffff;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown table thead tr th{background:#eafeff;} .compare-price-fd-popup .popup-content .fare-rulu-dropdown table tbody tr:last-child{background:#eafeff; font-weight:bold; } /*--compare display flex--*/ .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex{display:flex; flex-direction: column;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{width:100%; display:flex;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{display: flex;text-align: center;justify-content: center;flex-direction: column;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} @media only screen and (min-width:320px) and (max-width:767px) { .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:39%;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:22%; padding:0 2px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:39%;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .layover-full .layover-text{padding-right:0px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {font-size:12px;} } @media only screen and (min-width:768px) and (max-width:991px) { .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex{width:100%; padding:0 5px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel{flex-wrap:wrap;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box1{width:100%; margin-bottom:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box2{width:40%;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box3{width:20%;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box4{width:40%;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .box5{width:100%; margin-top:10px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner.display-flex .row-panel .arrow-icon{margin-top: 0px;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .title2, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .text1, .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner .layover-full .layover-text {font-size:12px;} } /*--compare display flex--*/ @media only screen and (min-width:320px) and (max-width:600px) { .compare-price-fd-popup .popup-content .flight-info-dropdown{width:100%; overflow:auto;} .compare-price-fd-popup .popup-content .flight-info-dropdown .flight-info-dropdown-inner{width:600px;} } @media only screen and (min-width:320px) and (max-width:992px) { .compare-price-fd-popup .popup-content .fare-rulu-dropdown{width:100%; margin-right:0px;} } /* compare price popup*/ /* =======FLIGHT RESULT DOMESTIC======= */ /* FLIGHT HOTEL RESULT PAGE */ /*advance search modify*/ .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .city{width:18%; float:left; padding-right:10px;} .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .date{width:11%; float:left; padding-right:10px;} .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .night{width:11%; float:left; padding-right:10px;} .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .search-btn.btn-2{margin-top:0px;} @media only screen and (min-width:320px) and (max-width:767px) { .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .night{width:100% !important; padding-right:0px;} } @media only screen and (min-width:768px) and (max-width:991px) { .fh-result-pg .fh-flight-modify-search.adserch-left-panel .tab-panel .date{width:20% !important;} .fh-result-pg .fh-hotel-modify-search.adserch-left-panel .tab-panel .date{width:20% !important;} } /*advance search modify*/ .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 .flight-panel .heading-panel, .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel{padding-top:0px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .heading-panel ul, .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .heading-panel ul{margin-top:0px; height:100%; display: flex;align-items: center; flex-direction: column;justify-content: center;text-align: center;} .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; display: flex; align-items: center;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel{ display: flex; align-items: center;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel{flex-direction:column; justify-content: center;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .detail .hotel-name{margin-top:0px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im{width:100px;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .im img{height:auto;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .hotel-row-panel{display:flex; width: 100%;} .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel .content-panel .hotel-row-panel + .hotel-row-panel{margin-top:5px; margin-bottom:10px;} .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-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, .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{padding-left:20px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel-outer{padding: 0 5px;} } @media screen and (min-width:320px) and (max-width:450px) { .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .duration-full .duration {font-size:11px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .stoppage, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .date, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .heading {font-size:11px;} } @media screen and (min-width:768px) and (max-width:991px) { .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, .fh-result-pg .fh-header-panel.new-flex-design .hotel-panel{padding-left:20px;} .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 .content-panel .f-result-panel .duration-full .duration {font-size:12px;} .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .stoppage, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .date, .fh-result-pg .fh-header-panel.new-flex-design .flight-panel .content-panel .f-result-panel .heading {font-size:11px;} } /*--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-full ul li.active .fa-chevron-right{transform: rotate(90deg);} .fh-result-pg .fh-result-tab-full ul li .icon{margin-right:5px;} .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; margin-bottom:10px; 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 ul{display:flex; justify-content:space-between;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-justified>li{ width:auto; display:flex; padding:0px 0px; margin:0px;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li{border-left:1px solid #7d7979;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li>a{font-size:12px; display: flex; align-items: center; border-radius: 0px; padding:10px 6px; margin-bottom:0px; color: #fff; border-left:0px solid #7d7979;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li:first-child{border-left:0px;} .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active, .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active:focus, .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav-pills>li.active:hover{background:#d19e01;} .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:#d19e01;} @media only screen and (min-width: 320px) and (max-width: 767px){ .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li{justify-content:center;} } @media only screen and (min-width: 768px) and (max-width: 991px){ .fh-result-pg .fh-result-tab-content-full .search-panel .flighttab .nav>li>a{font-size:10px; } } .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: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;} .fh-booking-pg.flight-booking-pg .main-booking-content .selected-flight-panel:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .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; border-radius:5px; overflow:hidden; -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 .selected-flight-panel:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .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;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel{width:100%; float:left; margin-top:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text1{width:100%; float:left; font-weight:600;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text2{width:100%; float:left; margin-bottom:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .gst-panel .gst-text3{width:100%; float:left; font-size:10px; margin-bottom:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .positeion-relative{position:relative;} .backto-result-common-outer{width:100%; float:right;} .backto-result-common{padding:5px 10px; float:right; color:#333; text-align:center; border: 1px solid #15bdcc; border-radius: 0px;margin: 12px 0 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content{width:80%; float:left; margin-top:15px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .content-row{width:100%; float:left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common{width:33.3333%; float:left; margin-bottom:15px; position:relative; padding-left:80px; padding-right:5px; border-right:1px solid #ccc;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3){border-right:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-img{width:80px; position:absolute; top:50%; margin-top:-15px; left:0px; text-align:center;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-img img{width:30px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-title{width:100%; float:left; font-size:13px; font-weight:800;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-upto{font-size:12px; display:block; color:#ccc; } .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common .box-price{font-size:14px; font-weight:600; font-size:13px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel{width:100%; float:left; margin-top:15px; margin-bottom:10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services{width: 100%;margin: 15px 0;background: #f9f9f9;padding: 20px;border: 1px solid #dcdbdb;border-radius: 4px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services label {font-size: 13px;color: #999;font-weight: 700;text-transform: uppercase;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .form-control {border: 1px solid #e5e5e5;height: 48px;border-radius: 3px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 {position: relative; margin-top: 40px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 i {position:relative; margin-left:-40px; font-size: 20px!important;color: #b98d03!important;float: left!important;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .meal-wheelchair-panel .special-services .dateField.mgt-40 .whealc{position:relative; padding-left:40px;} @media screen and (min-width:320px) and (max-width:1200px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content{width:100%;} } @media screen and (min-width:320px) and (max-width:991px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common{width:50%;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3){border-right:1px solid #ccc;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(2n+2){border-right:0px;} } @media screen and (min-width:320px) and (max-width:500px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common{width:100%; border-right:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .travel-insurance-panel .ti-content .box-common:nth-child(3n+3){border-right:0px solid #ccc;} } .travel-insurance-popup .modal-content{width:100%; float:left;l} .travel-insurance-popup .modal-content .modal-body{width:100%; float:left;} .travel-insurance-popup .modal-content .modal-body .heading1{width:100%; float:left; font-weight:600;} .travel-insurance-popup .modal-content .modal-body .heading2{width:100%; float:left; font-weight:600;} .travel-insurance-popup .modal-content .modal-body .table-outer{width:100%; float:left; overflow:auto; margin-top:15px;} .travel-insurance-popup .modal-content .modal-body .table-outer table{border:1px solid #ccc;} .travel-insurance-popup .modal-content .modal-body .table-outer table thead tr th{background:#eee;} .travel-insurance-popup .modal-content .modal-footer{display:none;} /* 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 pre{background:#fff; border:0px;} /* FARE RULES POPUP START */ .farerules-popup{width:100%; float:left;} .farerules-popup .farerules-content{width:100%; float:left; border:1px solid #ccc; padding:20px 20px; background:#fff; } .farerules-popup .farerules-content h3{margin:0px; padding:0px; color:#ff9900; margin-bottom:26px; width:100%; text-align:center; font-weight:600;} .farerules-popup .farerules-content .content-inner{width:100%; height:500px; overflow:auto; float:left; background:#f1efef; padding:0 10px;} .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 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; height:100%; float:left; display: flex;align-items: center;text-align: center;flex-direction: column;justify-content: center; 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 .icon-panel ul.one-segment li{font-size:9px} .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 .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel{width:100%; float:left; border-top: 1px solid #e8e6e6; margin-top:10px; padding:10px 15px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1{float:left; margin-right:20px; } .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .text1{float: left; font-size: 14px; font-weight: 600; color: #000; padding-right:10px; margin-top:-2px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .icon{float:left; color:#b98d03;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1 .text2 {float: left; padding-left: 10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel .outbond-content .baggage-box-panel .baggage-box1:last-child{margin-right:0px;} /*--display flex--*/ .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content{display:flex; flex-direction: column; justify-content:center;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel{display:flex;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3{display: flex;text-align: center;justify-content: center;flex-direction: column;} @media only screen and (min-width:320px) and (max-width:767px) { .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex {width:100%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex{padding-left:20px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel{width: 20px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel img{width:15px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel{display:block;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box1{width:100%; margin-bottom:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box2{width:39%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3{width:22%; padding:0 2px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box4{width:39%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .icon-panel ul li {font-size:14px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel{padding: 10px 0 0 10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo{display:flex; justify-content: center; padding-left:0px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .logo{position:static; align-items: center; margin-right:10px; display:flex;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .flight-content{display:flex; flex-direction:column; width:auto;} } @media only screen and (min-width:768px) and (max-width:991px) { .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel{display:block;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box1{width:100%; margin-bottom:10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box2{width:40%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box3{width:20%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .box4{width:40%;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel{padding: 10px 0 0 10px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo{display:flex; justify-content: center; padding-left:0px;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .logo{position:static; align-items: center; margin-right:10px; display:flex;} .flight-booking-pg .main-booking-content .selected-flight-panel .outbond-panel.display-flex .outbond-content .detail-panel .flight-name-logo .flight-content{display:flex; flex-direction:column; width:auto;} } /*--display flex--*/ .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 .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .autocomplete-items { position: relative; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .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:100%; float:left; padding-left:0px;} .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.guest-panel .box-panel.display-flex{display:flex;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1{width:75px; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2{width:30%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3{width:30%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4{width:30%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5{width:35%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:20%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7{width:15%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; display:flex; margin:0 5px; padding:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex select{padding-right:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:first-child{margin-left:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:last-child{margin-right:0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline{padding-top:0px; margin-bottom:10px;} @media only screen and (min-width:320px) and (max-width:767px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } @media only screen and (min-width: 320px) and (max-width: 500px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex{display:flex; flex-direction:column;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7, .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; margin:0 0px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form .form-title.blank{display:none;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } .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;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer{width:100%; float: left;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6{width:50%;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6:nth-child(odd){padding-right: 10px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form.col-6 .box-panel .box10{width:100%; float:left; padding-left:10px;} @media only screen and (min-width: 320px) and (max-width:600px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6{width:100%;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content .pass-form-col-6-outer .pass-form.col-6:nth-child(odd){padding-right: 00px;} .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .pass-form.col-6 .box-panel .box10{width:100%; float:left; padding-left:0px;} } @media only screen and (min-width: 320px) and (max-width:500px) { .flight-booking-pg .main-booking-content .booking-field-panel .header .rext-text{float:left;width:100%;} .flight-booking-pg .main-booking-content .selected-flight-panel .header .rext-text.fare-rules{float:left;width:100%;} } .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 ul::-webkit-scrollbar {width: 3px;} .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 .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;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler{font-weight:normal;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{font-weight:normal;} .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{transition:0.3s; -webkit-transition:0.3s; display: inline-block;} .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .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 .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; margin-left:4px;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon{transition:0.3s; -webkit-transition:0.3s; display: inline-block;} .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons[aria-expanded="true"] .icon{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .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:#203375; 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:#d19e01; 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-custome{width:100%; float:left; margin-bottom:20px;} .booking-sidebar-full-custome .login-panel-full{width:100%; max-width:264px; float:left; margin-top:10px;} .booking-sidebar-full-custome .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:#203375; color:#fff;} .booking-sidebar-full-custome .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:#d19e01; color:#fff;} .booking-sidebar-full-custome .login-panel-full .or{width:100%; height:1px; float:left; background:#ccc; margin:35px 0 30px 0; position:relative;} .booking-sidebar-full-custome .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%);} @media only screen and (min-width:320px) and (max-width:767px) { .booking-sidebar-full-custome .login-panel-full{width:100%; max-width:100%; float:left; text-align:center; margin-top:10px;} .booking-sidebar-full-custome .login-panel-full .login-btn{display:inline-block; width:100%; max-width:200px; float: none;} } .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;} .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 .flight-booking-item-panel{width:100%; float:left; background:#ebebeb; border-radius:5px; overflow:hidden; margin-top:0px; margin-bottom:0px; -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;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel:hover{-webkit-box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important; box-shadow: 0 9px 23px rgba(0,0,0,.18),0 5px 5px rgba(0,0,0,.12)!important;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .header{width:100%; float:left; background:#ed8323; color:#fff; font-size:16px; font-weight:600; margin:0px; padding:10px 10px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content{width:100%; float:left; padding:20px 10px 0px 10px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .payment-heading{font-size:16px; font-weight:800; margin-bottom:10px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .card-img{width:100%; float:left; padding-bottom:10px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .card-img img{max-width: 100%; width: 200px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel{width:100%; float:left; font-size:12px; background:#f5f5f5; padding:10px 3px; border-radius:5px; position:relative; margin-bottom:20px; -webkit-box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important;box-shadow: 0 9px 23px rgba(0,0,0,.09),0 5px 5px rgba(0,0,0,.06)!important; -webkit-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -o-transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; -webkit-transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: -webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1)!important; transition: box-shadow .7s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .7s cubic-bezier(.25,.8,.25,1)!important;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner{display:inline-block;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner label{margin-left: 4px; position:relative; top:-2px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .radio-inner:first-child label{margin-right:15px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .close-btn{width:15px; height:15px; line-height:15px; border-radius:50%; background:#e54b4b; position:absolute; right:-5px; top:-5px; color:#fff; font-size:12px; text-align:center; cursor:pointer;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .icon{width:40px; position:absolute; left:5px; top:10px; color:#fff; font-size:16px;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .icon img{width:100%; height:auto;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content{width:100%; float:left;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .title{width:100%; float:left; font-size:12px; color:#ed8323; font-weight:600;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .info{width:100%; float:left; font-size:12px; color:#999;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .price{width:100%; float:right; text-align:right; font-size:12px; color:#999;} .booking-sidebar-full .payment-panel-full .flight-booking-item-panel .content .package-panel .package-content .price span{font-weight:600; color:#646464;} .booking-sidebar-full .promo-code-panel{width:100%; float:left; background:#fff; padding:10px; margin-top:20px;} .booking-sidebar-full .promo-code-panel .title-main{width:100%; float:left; font-size:16px; font-weight:600;} .booking-sidebar-full .promo-code-panel .enter-code{width:100%; float:left; position:relative; background:#eee;} .booking-sidebar-full .promo-code-panel .enter-code .input-form{width:100%; height:44px; float:left; padding-left:10px; padding-right:80px; background:none; outline:none; border:0px; } .booking-sidebar-full .promo-code-panel .enter-code .aply-btn{width:60px; position:absolute; padding:5px 0; top:7px; right:5px; border-radius:2px; border:1px solid #ccc; color:#fff; text-align:center;background-color: green;} .booking-sidebar-full .promo-code-panel .enter-code .input-form:focus + .aply-btn{color:#16528e; border-color:#16528e;} .booking-sidebar-full .promo-code-panel .contect{width:100%; float:left; max-height:220px; overflow:auto;} .booking-sidebar-full .promo-code-panel .contect .code-panel{width:100%; float:left; position:relative; padding:5px 0 10px 25px; border-bottom:1px solid #ccc;} .booking-sidebar-full .promo-code-panel .contect .code-panel .title{width:100%; float:left; font-size:14px; font-weight:600;} .booking-sidebar-full .promo-code-panel .contect .code-panel .code-text{width:100%; float:left; font-size:12px;} .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-btn{float:left; font-size:12px; color:#16528e; margin-top:5px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;} .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-btn[aria-expanded="true"] i{transform:rotate(90deg); -webkit-transform:rotate(90deg);} .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content{width:100%; float:left;} .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content .title-text1{width:100%; float:left; margin:10px 0;} .booking-sidebar-full .promo-code-panel .contect .code-panel .term-condition-content .title-text2{width:100%; float:left; font-size:12px;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full{position:absolute; left:0px; top:10px;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio{float:left; margin:0px 10px 0 0;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio label{width:auto; float:left; color:#fff; font-size:16px;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked, .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label, .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:before, .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #000; border-radius: 100%; background: #fff;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:after, .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #0491e1; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .booking-sidebar-full .promo-code-panel .contect .code-panel .radio-btn-full .radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} /* Scrollbar Styling */ .booking-sidebar-full .promo-code-panel .contect::-webkit-scrollbar {width: 6px;} ::-webkit-scrollbar-track {background-color: #ccc;-webkit-border-radius: 0px;border-radius: 0px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background: #0491e1; } /* 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 .header.display-flex{display:flex; align-items: center; justify-content: space-between;} .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:16px; font-weight:600; color:#333;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading .location{width:100%; float:left; font-size:12px; font-weight:normal; color:#333; margin-top:-5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby{width:150px; float:right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-text{display:none;} .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.width-sortby-text .heading{width:calc(100% - 240px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby{width:230px; float:right; display: flex; align-items: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby .sortby-text{display:inline-block; width:80px; display:flex; justify-content: flex-end; padding-right:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby .sortby-form{width:calc(100% - 80px);} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading{width:calc(100% - 240px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby{width:230px; float:right; display: flex; align-items: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby .sortby-text{display:inline-block; width:80px; display:flex; justify-content: flex-end; padding-right:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby .sortby-form{width:calc(100% - 80px);} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .heading{width:calc(100% - 200px); float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby{width:150px; float:right;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby .sortby-form .form-group{width:100%;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby .sortby-form .form-title{width:auto;} @media only screen and (min-width:320px) and (max-width:400px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .heading{width:calc(100% - 0px);} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main .sortby{width:100%;} } .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {width:calc(100% - 130px); float: left;} .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: 0px;} .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;} @media only screen and (min-width:320px) and (max-width:767px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .left-panel {width:calc(100% - 90px);} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .header .right-panel {width:90px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading{width:calc(100% - 0px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby{width:150px !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group{width:100% !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .heading{width:calc(100% - 00px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby{width:230px !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading{width:calc(100% - 00px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby{width:230px !important;} } @media only screen and (min-width:768px) and (max-width:991px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .heading{width:calc(100% - 160px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby{width:150px !important; } .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main .sortby .sortby-form .form-group{width:100% !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .heading{width:calc(100% - 240px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.width-sortby-text .sortby{width:230px !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .heading{width:calc(100% - 240px) !important;} .container-full .add-hotel-pg.hotel-result-pg-new .result-paenl-header .header-main.fh-header-main.width-sortby-text .sortby{width:230px !important;} } .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 .new-detail-info-panel .availabel{width:100%; float:left; font-size:14px; color:#339900; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map{width:100%; float:left; font-size:14px; color:#000000; margin-top:10px; font-weight:600;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .show-map span{color:#15bdcc;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .bed-brakfast{width:100%; float:left; font-size:14px; color:#2e2960; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-info-panel .free-canellation{width:100%; float:left; font-size:14px; color:#2e2960; margin-top:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .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{min-width:100px; 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:100%; max-width:100px; 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;} @media only screen and (min-width:320px) and (max-width:499px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result .detail .new-detail-price-panel .select-btn{min-width:98%;} } /*--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; 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{width:100%; float:left; background:#fff; 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 .result-panel .result .content .price-panel .switch-btn-full .slider.round {border-radius: 34px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .price-panel .switch-btn-full .slider.round:before {border-radius: 50%;} .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:#333; 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:#333; 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:5px; 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:0px;} .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:#333; 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 .result-panel-full .result-panel .result .content .content-inner-d-flex{width:100%; display:flex; align-items: center;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel{display:flex; flex-direction:column; justify-content: center; align-items: center;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .select-box{margin-left:0px; padding-right:2px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title{margin-bottom:5px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .price-panel .input-btn-outer .input-btn{margin-top:0px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .price-panel .switch-btn-full .switch{margin-bottom:0px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .select-panel{display:none;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .info-panel{width:45%;} .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:8px; 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:#333;} .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:#333;} .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:#333;} .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:calc(100% - 20px);} .container-full .extra-add-pg .extra-add-sidebar .extra-add-hotel-panel .flight-detail-panel .one-way .destination-panel .arrival{width:calc(100% - 20px);} .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;} .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;} @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 .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex{flex-wrap:wrap;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title{font-size:11px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .info-panel .info .title{margin-bottom:5px;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content .img-panel .im img {width: 70%; height: auto;} } @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%;} .container-full .extra-add-pg .result-panel-full .result-panel .result .content.not-pax .info-panel {width:75%;} .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 .more-info{margin-bottom:5px;} } @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 .extra-add-pg .result-panel-full .result-panel .result .content .content-inner-d-flex .select-panel .title{font-size:12px;} } /*-- 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; margin-bottom:10px; } .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%;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:hover, .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:hover{background:#eee !important;} .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:before, .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .hotel-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .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: 99; 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; margin-bottom:10px;} .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; display:inline-block; -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%;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev:hover, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:hover{background:#eee !important;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSPrev:before, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .lSAction > .lSNext:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ /* on click zoom slider */ .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active { outline: none !important;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for {margin-bottom: 15px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:400px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav {margin: auto;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav .item-slick {max-width: 240px; height:130px; margin-right: 15px; outline: none !important; cursor: pointer;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-nav .item-slick img {max-width: 100%; background-size: cover; background-position: center;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-arrow {position: absolute;top: 50%; z-index: 50; margin-top: -12px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev { left: 10px; outline:none; width: 32px; height: 32px; background: none; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next {right: 10px; outline:none; width: 32px; height: 32px; background: none; background-position: -32px 0; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev{background-image: url(../images/icons/controls1.png);} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next{background-image: url(../images/icons/controls1.png);} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev:hover, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:hover{background:#eee !important;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-prev:before, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slick-next:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {cursor: pointer;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-container:hover { cursor: default;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .image-source-link { color: #98C3D1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {opacity: 0; transition: all 0.3s ease-out;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-wrap ~ * { filter: blur(5px);} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-ready .mfp-figure { opacity: 0;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {opacity: 0; transition: all 0.3s ease-out; transform: scale(0.95);} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader { opacity: 0;transition: all 0.3s ease-out;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {opacity: 1; transform: scale(1);} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {opacity: 0.8;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure, .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {transform: scale(0.95);opacity: 0;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {opacity: 0;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-iframe-scaler {overflow: visible;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur { cursor: auto;} .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer;} @media screen and (min-width:320px) and (max-width:767px) { .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:auto;} } /* on click zoom slider */ /* on click zoom slider */ .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active { outline: none !important;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for {margin-bottom: 15px;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:400px;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav {margin: auto;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick {max-width: 240px; height:130px; margin-right: 15px; outline: none !important; cursor: pointer;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick img {max-width: 100%; background-size: cover; background-position: center;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-arrow {position: absolute;top: 50%; z-index: 50; margin-top: -12px;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev { left: 10px; outline:none; width: 32px; height: 32px; background: none; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {right: 10px; outline:none; width: 32px; height: 32px; background: none; background-position: -32px 0; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev{background-image: url(../images/icons/controls1.png);} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next{background-image: url(../images/icons/controls1.png);} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:hover, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:hover{background:#eee !important;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:before, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {cursor: pointer;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-container:hover { cursor: default;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .image-source-link { color: #98C3D1;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {opacity: 0; transition: all 0.3s ease-out;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-wrap ~ * { filter: blur(5px);} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-ready .mfp-figure { opacity: 0;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {opacity: 0; transition: all 0.3s ease-out; transform: scale(0.95);} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader { opacity: 0;transition: all 0.3s ease-out;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {opacity: 1; transform: scale(1);} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {opacity: 0.8;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure, .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {transform: scale(0.95);opacity: 0;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {opacity: 0;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-iframe-scaler {overflow: visible;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur { cursor: auto;} .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer;} @media screen and (min-width:320px) and (max-width:767px) { .fh-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:auto;} } /* on click zoom slider */ .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:calc(100% - 115px); 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; display:inline-block; color:#15bdcc; font-weight:600;} .hotel-detail-pg-new .price-map-paenl .price-panel .select-room{width:115px; 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 {display:flex; justify-content:space-between; 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 .hotelFeaturesList li .icon-left{min-width:20px; display:inline-block;} .hotel-detail-pg-new .price-map-paenl .hotel-top-featur .hotelFeaturesList li .li-text{display:inline-block; width:calc(100% - 42px);} .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; padding-bottom:0px;} .hotel-detail-pg-new .result-panel .header .box-panel{display:inline-block; position:relative; padding-left:40px; margin-bottom:10px;} .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; color:#999; 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;} /*--display-flex--*/ .hotel-detail-pg-new .result-panel .header.display-flex{display:flex; flex-wrap:wrap; justify-content:space-between;} .hotel-detail-pg-new .result-panel .header.display-flex .box-panel + .box-panel {margin-left:0px;} .hotel-detail-pg-new .result-panel .header .box-panel .board-basis-filter {width:192px;} /*--display-flex--*/ .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:100%; 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;} .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 .result-full .results-flex-outer{width:100%; float:left; margin-top:5px; margin-bottom:5px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip{width: 100%;float: left;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip .result .results-flex .box-content .box-heading{display:flex;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip .result .results-flex{border-bottom:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result{width:100%; float:left;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .top-deal{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-flex-outer .result .results-flex{width:100%; display:flex; border: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2{width:50%; display:flex;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1{width:40%; display:flex; border-right: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2{width:60%; display:flex; border-right: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3{width:50%; display:flex;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1{width:30%; display:flex; border-right: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2{width:30%; display:flex; border-right: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3{width:40%; display:flex; border-right: 0px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content{padding: 0 10px; flex-direction:column;} /*.hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .box-content{background:rgba(255,131,79,0.2);}*/ .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .col-box2, .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .results-flex .col-box3{background:rgba(255,131,79,0.2);} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .top-deal{background: #FF834F;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading{ width:calc(100% + 20px); display:flex; text-align:center; justify-content:center; padding:5px 0; margin-left:-10px; font-size: 12px; font-weight: 600; color: #666; border-bottom: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box{width:100%; display:flex; flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box{width:100%; display:flex; padding:10px 0; flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box{width:100%; display:flex; padding:10px 0; flex-direction:column; align-items: center;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box{width:100%; display:flex; padding:10px 0; flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box{width:100%; display:flex; padding:10px 0; flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .title{width:100%; float:left; font-size:14px; font-weight:600; color:#FF834F; margin-top:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .pax{width:100%; float:left; font-size:12px; color:#333;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .services{width:100%; float:left; list-style:none; margin-top:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .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-flex-outer .result .room-detail-box .services li:last-child{border-bottom:1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites{width:100%; float:left; font-size:12px; color:#FF834F; cursor:pointer; margin:10px 0;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites i{ transition:0.5s; -webkit-transition:0.5s;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer{width:552%; float:left; position: relative; margin-left:-10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content{width:100%; display:flex; padding:0px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#f9f9f9;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites{width:100%; float:left; list-style:none; margin-top:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li{width:25%; float:left; font-size:12px; padding-right:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li i{width:18px; color:#FF834F; padding-right:5px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes{width:100%; text-align:center; list-style:none;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li{ width:30.3333%; float:left; text-align:center; padding:0 2px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li .icon{width:100%; text-align:center; display:block; font-size:20px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li .text{text-align:center; font-size:11px; color:#333; font-weight:600;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li.disable{opacity:0.4;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .showCancellationpolicy {width: 100%;float: left; text-align: center; font-weight: 600;padding: 12px 0px;font-size: 11px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .price-n{width:100%; float:left; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .price-n .price{padding-right:5px; font-weight:800;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .theme-color-tooltip{width:27px; padding: 3px 8px;border-radius: 50%;margin-top: 5px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .price-night-box .theme-color-tooltip i{font-size:15px !important;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .price{width:100%; display: flex; flex-wrap: wrap; justify-content: center; font-size:22px; color:#FF834F; font-weight:600;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .night{width:100%; float:left; text-align:center; font-size:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer{width:80px; margin:0 auto;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer .book-btn{width:100%; float:left; border-radius:5px; background:#FF834F; color:#fff; text-align:center; padding:5px 0; outline:none; border:0px;} @media only screen and (min-width:320px) and (max-width:767px) { .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip{display:none;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex{flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1{width:50%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2{width:50%; border-right:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3{width:100%; border-top: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer{width: calc(100% + 20px); margin-left:-10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content{border-bottom:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .deal-includes-box .ul-includes li{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .total-price-box .price{font-size:18px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .room-detail-box .room-facilites-box-outer .facilites-content{background:none;} } @media only screen and (min-width:320px) and (max-width:399px) { .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2{flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1{width:100%; border-right: 0px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2{width:100%; border-top: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading{font-size:10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .select-room-box .book-btn-outer{width:70px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .box-content{padding: 0 5px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .box-content .box-heading{width: calc(100% + 10px); margin-left: -5px;} } @media only screen and (min-width:768px) and (max-width:991px) { .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .header-strip{display:none;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex{flex-direction:column;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box1{width:50%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box2 .content-box2{width:50%; border-right:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3{width:100%; border-top: 1px solid #ddd;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box1{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box2{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .col-box3 .content-box3{width:33.3333%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer{width: calc(100% + 20px); margin-left:-10px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content{border-bottom:0px;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer .facilites-content .ul-room-facilites li{width:100%;} .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result.top .room-detail-box .room-facilites-box-outer .facilites-content{background:none;} } @media only screen and (min-width:992px) and (max-width:1199px) { .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .room-detail-box .room-facilites-box-outer{width:565%;} } @media only screen and (min-width:992px) { .hotel-detail-pg-new .result-panel .result-full .results-flex-outer .result .results-flex .box-content .box-heading{display:none;} } .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; display:flex; flex-wrap:wrap; 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{width:25px; display: inline-block; 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{width:20px; 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 .partition{width:100%; float:left;} .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{width:20px; 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;} .hotel-detail-pg-new .result-panel .hotel-information .detail-panel p{width:100%; float:left; text-align:justify;} @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; color: #999; 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{width:135px; padding:5px 10px; float:right; margin-top:0px; margin-bottom:0px; 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:10px 20px; margin-bottom:30px; display:flex; align-items:center; justify-content:space-between;} .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:calc(100% - 135px); float:left; position:relative;} .hotel-booking-pg .hotel-booking-header2 .heading{width:100%; float:left; font-size:30px; color:#15bdcc;} .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; border-radius:5px; overflow:hidden; -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 .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .autocomplete-items { position: relative; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .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; margin-bottom:10px; 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; box-shadow: 0px 2px 5px #ccc;} .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{width:auto; float:left; display:inline-block; margin-right:10px;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .pax{display:inline-block;} .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 only screen and (min-width: 320px) and (max-width:767px) { .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:15%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5{width:250px;} } @media only 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:15%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5{width:60%;} } @media only screen and (min-width: 992px) and (max-width:1199px) { .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:15%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:35%;} .hotel-booking-pg .main-booking-content2 .booking-field-panel2 .panel-content.guest-panel .box-panel .box5{width:50%;} } /*--popup--*/ .term-conditon-popup-main .modal-content{width:100%; float:left; max-height:800px; overflow:auto; font-family: 'Montserrat', sans-serif !important; } .term-conditon-popup-main .modal-body{width:100%; float:left; padding:0px;} .term-conditon-popup-main .modal-header{display:none;} .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;} .term-conditon-popup-main .close:hover{ background:#666;} .term-conditon-popup-main .term-conditon-popup{width:100%; float:left; background:#fff; padding:15px;} .term-conditon-popup-main .term-conditon-popup .header-panel{width:100%; float:left; padding:15px 0;} .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;} .term-conditon-popup-main .term-conditon-popup .header-panel h5 span{width:auto; float:left; border-bottom:2px solid #15bdcc;} .term-conditon-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .term-conditon-popup-main .term-conditon-popup .content-panel p{width:100%; float:left; color:#181818; margin-bottom:5px; text-align:justify;} .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel{width:100%; float:left; font-size:13px; margin-bottom:20px;} .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;} .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;} .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail li{width:100%; float:left; color:#181818; margin-bottom:5px;} .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;} .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li{width:100%; float:left; color:#181818; margin-bottom:5px;} .term-conditon-popup-main .term-conditon-popup .content-panel .detail-panel .ul-detail-job li .title{font-weight:800; padding-right:10px;} .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-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:#15bdcc; padding:10px 20px; border-radius:5px; color:#fff; margin-right: 10px; } .hotel-booking-pg .hotelprebooking-popup .button-panel .button-c.button-cancel{background:#16528e;} .hotel-booking-pg .important-flight-information{width:100%; float:left; border: 1px solid #dfdfdf; padding: 10px;} .hotel-booking-pg .important-flight-information h3{width:100%; float:left; font-size:16px; line-height:initial; font-weight:600; border-bottom:2px solid #333; padding-bottom:5px;} /* ATTARACTION PAGE */ .attraction-banner{width:100%; float:left; background-image:url(../images/attraction-result/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 .form-group label.position-relative .form-control{padding-left:30px;} .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; } @media only screen and (min-width: 320px) and (max-width: 1199px) { .attraction-result .sidebar .form{padding:10px;} } .attraction-result .AttractionNameSearch-full{width:100%; float:left;} .attraction-result .AttractionNameSearch-full .form-group{width:100%; float:left; padding:0 15px;} .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:calc(100% - 220px); float:left; color: #336699; font-size: 22px; font-weight: 700;} .attraction-result .header-new .header-new-inner .att-header-sortyby {width:220px; float:right;} .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:140px; 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:calc(100% - 130px); float: left; color:#fff; padding:5px 0; margin-bottom: 0px; font-size:18px; font-weight: 600; } .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating{width:120px; padding:5px 5px; float:right; background:#333; border-radius:10px;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading .starrating img{width:90%; height:auto;} .attraction-result .attraction-result-panel .attrac-result .att-result-heading.display-flex{display:flex; align-items: center; justify-content: space-between;} .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; margin-bottom:10px; 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 .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{width:100%; text-align:right; 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;*/ margin-top:35px; margin-bottom:5px;} .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice{position: relative; float:right; 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; min-width: 160px; font-size: 14px; min-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: 22px; color: #f7941d; line-height: 0.80em; font-weight:600;} @media only screen and (min-width:768px) and (max-width:991px) { .attraction-result .attraction-result-panel .attrac-result .detail-panel .att-content .price-panel .ourprice p{min-width:40px;} } /*.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 0 0 0; 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%;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:hover, .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:hover{background:#eee !important;} .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSPrev:before, .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .attraction-detail-pg .left-panel .content .product-slider-img .lSAction > .lSNext:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ /* on click zoom slider */ .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active { outline: none !important;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for {margin-bottom: 15px;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:400px;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav {margin: auto;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick {max-width: 240px; height:130px; margin-right: 15px; outline: none !important; cursor: pointer;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-nav .item-slick img {max-width: 100%; background-size: cover; background-position: center;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-arrow {position: absolute;top: 50%; z-index: 50; margin-top: -12px;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev { left: 10px; outline:none; width: 32px; height: 32px; background: none; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next {right: 10px; outline:none; width: 32px; height: 32px; background: none; background-position: -32px 0; background-image: url(../images/icons/controls1.png); border: none; color: #fff;font-size: 16px;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev{background-image: url(../images/icons/controls1.png);} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next{background-image: url(../images/icons/controls1.png);} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev{border:2px solid #000; float:left; border-radius: 50% !important; left:0px; margin-left:10px; background:#fff !important; position:absolute; top:50%;width:32px;height:32px;opacity:1;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next{border:2px solid #000; float:right; border-radius: 50% !important; margin-right:10px; background:#fff !important; position:absolute; top:50%; right:0px;width:32px;height:32px;opacity:1;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:hover, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:hover{background:#eee !important;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-prev:before, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {content: "\f104" !important; top: -5px;position: absolute;left: 8px; font-size: 26px; font-weight: 600; font-family: 'FontAwesome'; color: #000 !important;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slick-next:before {content: "\f105" !important; left: inherit; right: 8px;} /* CUSTOME CSS FOR LEFT RIGHT BTN */ .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {cursor: pointer;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-container:hover { cursor: default;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .image-source-link { color: #98C3D1;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {opacity: 0; transition: all 0.3s ease-out;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-wrap ~ * { filter: blur(5px);} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-ready .mfp-figure { opacity: 0;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {opacity: 0; transition: all 0.3s ease-out; transform: scale(0.95);} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader { opacity: 0;transition: all 0.3s ease-out;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {opacity: 1; transform: scale(1);} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {opacity: 0.8;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure, .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {transform: scale(0.95);opacity: 0;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {opacity: 0;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-iframe-scaler {overflow: visible;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur { cursor: auto;} .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer;} @media screen and (min-width:320px) and (max-width:767px) { .attraction-detail-pg .left-panel .content .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:auto;} } /* on click zoom slider */ .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 .left-panel .content .review-detail-panel{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .section-header{line-height: 1.25; font-size:24px; color: #262626; font-weight:600;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-text{color:#262626; font-size:14px; font-weight:700; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box{padding-left:50px; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .star-rating{width:100px; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .star-rating img{width:100%; height:auto;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-line .rating-box .review-text{font-size:14px; font-weight: 400; color: rgba(0,0,0,.65); text-align: left;} .attraction-detail-pg .left-panel .content .review-detail-panel .review-header .review-text-main{width:100%; float:left; font-size:14px; margin:10px 0 10px 0;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .star-text{float:left; font-size:14px; font-weight: 400;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box{width:400px; float:left; padding-right:15px; padding-left:25px; padding-top:0px; padding-bottom:15px;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box .progress-background {width:100%; height:15px; float:left; background-color: #ddd; font-size: 1rem; position:relative;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box .progress-background .progress-bar {position:absolute; top:0px; height:100%; background:#f7941d;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria{width:100%; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .heading-text{width:100%; float:left; font-weight:800; color:#262626; margin:20px 0;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box{width:100%; padding-left:0px; float:left; margin-bottom:15px;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .star-rating{width:100px; float:left;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .star-rating img{width:100%; height:auto;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .review-text{font-size:14px; font-weight:800; color:#262626; text-align: left;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .date{width:100%; float: left; font-size: 14px; font-weight: 400; margin-top:5px; margin-bottom:20px;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .paragraf{width:100%; float:left; font-size: 14px; font-weight: 400; text-align:justify; margin-bottom:0px;} .attraction-detail-pg .left-panel .content .review-detail-panel .content-aria .rating-box .read-more{float:left;} @media only screen and (min-width: 320px) and (max-width:500px) { .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .star-text{width:20%;} .attraction-detail-pg .left-panel .content .review-detail-panel .progress-bar-paenl .line-panel .prog-box{width:80%; padding-left:0px;} } .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:10px; margin-bottom:10px;} .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;} @media screen and (min-width:320px) and (max-width:767px) { .attraction-detail-pg .right-panel .passenger-panel .total-price{font-size:18px;} .attraction-detail-pg .right-panel .passenger-panel .total-price span{font-size:22px;} } @media screen and (min-width:768px) and (max-width:991px) { .attraction-detail-pg .new-detail-price-panel .price{font-size:18px;} .attraction-detail-pg .right-panel .passenger-panel .total-price{font-size:18px;} .attraction-detail-pg .right-panel .passenger-panel .total-price span{font-size:22px;} } @media screen and (min-width:992px) and (max-width:1199px) { .attraction-detail-pg .right-panel .passenger-panel .total-price{font-size:18px;} .attraction-detail-pg .right-panel .passenger-panel .total-price span{font-size:22px;} } .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; margin-bottom:10px;} .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;} .attraction-detail-pg .attractionModes{margin: 10px 0;} .attraction-detail-pg .attractionModes .panel-default>.panel-heading {color: #333;background-color: #fff;border-color: #fff;} .attraction-detail-pg .attractionModes .panel-group .panel-heading+.panel-collapse>.list-group, .attraction-detail-pg .attractionModes .panel-group .panel-heading+.panel-collapse>.panel-body{border: none;} .attraction-detail-pg .attractionModes .panel-default > .panel-heading a:after{ display: none} .attraction-detail-pg .attractionModes .options{background: #666;border-radius: 3px;padding: 3px 8px;color: #fff;} .attraction-detail-pg .attractionModes h3{font-size: 20px;} .attraction-detail-pg .attractionModes .pricelist{ width: 100%; padding-left: 15px;} .attraction-detail-pg .attractionModes .pricelist .total-price{display: block; font-size: 18px; font-weight: 600; margin-bottom: 10px; padding: 10px ;} .attraction-detail-pg .attractionModes .pricelist .priceDetails{display: block;font-size: 14px;} .attraction-detail-pg .attractionModes .panel.panel-default{position: relative;} .attraction-detail-pg .attractionModes .panel.panel-default:after{position: absolute; height: 100%; border: 1px solid; border-left: 1px solid #999; right: 33%; top:0; content:"";} .attraction-detail-pg .attractionModes .select-btn{width: 100%; text-align: center; padding: 5px 30px; display: inline-block; border-radius: 3px; margin: 0px 0 15px; border: 1px solid #41d8e5; background:#0491e1 !important; color: #fff;} .attraction-detail-pg .attractionModes .timeing{border: 1px solid #666;border-radius: 3px;padding: 5px 12px; font-size: 16px; display: inline-block; margin: 10px 0; cursor: pointer} .attraction-detail-pg .attractionModes .timeing.active, .attraction-detail-pg .attractionModes .timeing:hover, .attraction-detail-pg .attractionModes .timeing:focus{background: #16528e; color: #fff; border-color: #16528e;} .attraction-detail-pg .product-slider-img {width: 100%; float: left;} .attraction-detail-pg .product-slider-img .lSSlideWrapper.usingCss ul li{height:400px;} .attraction-detail-pg .product-slider-img .lSSlideWrapper.usingCss ul li img{height:100%; width:100%;} .attraction-detail-pg .product-slider-img .lSPager.lSGallery li{height:50px;} .attraction-detail-pg .product-slider-img .lSPager.lSGallery li img{height:100%; width:100%;} /* on click zoom slider */ .attraction-detail-pg .product-slider-img .slider-with-popup .item-slick.slick-slide.slick-current.slick-active { outline: none !important;} .attraction-detail-pg .product-slider-img .slider-with-popup .slider-for {margin-bottom: 15px;} .attraction-detail-pg .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:400px;object-fit: cover;} .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav {margin: auto;} .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav .item-slick {max-width: 240px; margin-right: 15px; outline: none !important; cursor: pointer;} .attraction-detail-pg .product-slider-img .slider-with-popup .slider-nav .item-slick img {max-width: 100%; height:130px; background-size: cover; background-position: center;} .attraction-detail-pg .product-slider-img .slider-with-popup .slick-arrow {position: absolute;top: 50%; z-index: 50; margin-top: -12px;} .attraction-detail-pg .product-slider-img .slider-with-popup .slick-prev {left: 17px;outline:none;width: 29px;height: 29px;background: none;background-image: url(../images/icons/controls1.png);border: none;color: #fff;font-size: 16px;top: 200px;background-color: #85bcf7a6;border-radius: 50%;} .attraction-detail-pg .product-slider-img .slider-with-popup .slick-next {right: 16px;outline:none;width: 29px;height: 29px;background: none;background-position: -35px -2px;background-image: url(../images/icons/controls1.png);border: none;color: #fff;font-size: 16px;top: 200px;background-color: #85bcf7a6;border-radius: 50%;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur, .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {cursor: pointer;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-container:hover { cursor: default;} .attraction-detail-pg .product-slider-img .slider-with-popup .image-source-link { color: #98C3D1;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-bg {opacity: 0; transition: all 0.3s ease-out;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-wrap ~ * { filter: blur(5px);} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-ready .mfp-figure { opacity: 0;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-figure, .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {opacity: 0; transition: all 0.3s ease-out; transform: scale(0.95);} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in .mfp-preloader { opacity: 0;transition: all 0.3s ease-out;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-image-loaded .mfp-figure, .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {opacity: 1; transform: scale(1);} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-ready .mfp-preloader {opacity: 0.8;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-figure, .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {transform: scale(0.95);opacity: 0;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-in.mfp-removing .mfp-preloader {opacity: 0;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-iframe-scaler {overflow: visible;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur { cursor: auto;} .attraction-detail-pg .product-slider-img .slider-with-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer;} @media screen and (min-width:320px) and (max-width:767px) { .hotel-detail-pg-new .hotel-slider-panel .product-slider-img .slider-with-popup .slider-for img {width: 100%; height:auto;} } /* on click zoom slider */ /* 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: 10px 20px;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;} .attraction-booking-pg .backto-result{width:135px; padding:5px 10px; float:right; margin-top:0px; margin-bottom:0px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .attraction-booking-pg .attraction-booking-header{width:calc(100% - 135px); float:left; position:relative;} .attraction-booking-pg .attraction-booking-header .heading{width:100%; float:left; font-size:30px; color:#15bdcc;} .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; border-radius:5px; overflow:hidden; -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 .pass-form{width:100%; float:left; position:relative; padding-left:100px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .pass-form .form-title{width:100px; 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 .attraction-faq{width:100%; margin-top:10px; float:left;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-faq .faq-title{width:100%; margin-bottom:10px; float:left; font-weight:600; color: #16528e;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content .attraction-faq .faq-text-ariea{width:100%; float:left;} .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.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;} @media only screen and (min-width: 320px) and (max-width:767px) { .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:15%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:35%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:35%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:250px;} } @media only screen and (min-width: 768px) and (max-width:991px) { .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:15%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:35%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:35%;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:60%;} } .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.guest-panel .box-panel.display-flex{display:flex;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1{width:75px; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2{width:30%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3{width:30%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4{width:30%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5{width:35%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:20%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7{width:15%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; display:flex; margin:0 5px; padding:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex select{padding-right:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:first-child{margin-left:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex div:last-child{margin-right:0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline{padding-top:0px; margin-bottom:10px;} @media only screen and (min-width: 320px) and (max-width: 767px) { .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } @media only screen and (min-width: 320px) and (max-width: 500px) { .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex{display:flex; flex-direction:column;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7, .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; margin:0 0px;} .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .pass-form .form-title.blank{display:none;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .attraction-booking-pg .attraction-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } .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; box-shadow: 0px 2px 5px #ccc;} .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;} /*-- UL DROPDOWN --*/ .ul-dropdown_results-outer{top:100%; width:500px; margin-top:2px; z-index:11; background:#fff; border-radius:5px; border:1px solid #E6EAEE; display:none;} .ul-dropdown_results-outer.active{display:block;} .ul-dropdown_results-outer .add-new-entry{width:100%; float:left; border-top:1px solid #E6EAEE;} .ul-dropdown_results-outer .add-new-entry a{padding:15px 10px; width:100%; float:left; margin:10px 0;} .ul-dropdown_results-outer .add-new-entry a:hover{background:#E6EAEE; text-decoration:none;} .ul-dropdown_results-outer .ul-dropdown_results{padding:0; background-color:#fff;overflow:hidden;z-index:9999; max-height:270px; overflow:auto;} .ul-dropdown_results-outer .ul-dropdown_results li{float:left;width:100%;padding:7px 6px 7px 15px; cursor:pointer; margin:0;display:block;font:menu;font-size:14px;overflow:hidden;} .ul-dropdown_results-outer .ul-dropdown_results li:hover{background-color:#f7f7f7;} .ul-dropdown_results-outer .ul-dropdown_results li .name-icon{font-size: 13px; line-height:32px;height: 32px;width: 32px; float:left; background: #e2cdcd; color: #583c00; border-radius:4px; text-align:center; margin-right:5px; margin-top:3px; } .ul-dropdown_results-outer .ul-dropdown_results li .name{padding:0px 0; display:block;} .ul-dropdown_results-outer .ul-dropdown_results li .email{padding:0px 0; color:#cac7c7;display:block; } .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n-1) .name-icon{background:#e2cdcd;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+2) .name-icon{background:#c3dfea;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+3) .name-icon{background:#c3eace;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+4) .name-icon{background:#e7eac3;} .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name-icon{font-size: 13px; line-height:32px;height: 32px;width: 32px; float:left; background: #e2cdcd; color: #583c00; border-radius:4px; text-align:center; margin-right:5px; margin-top:0px; } .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name{padding:6px 0; display:block;} .ul-dropdown_results-outer.vendors .ul-dropdown_results li .name{padding:9px 0 0 0; display:block;} /*--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;} /* CARHIRE RESULT start */ .transfer-result.carhire .filter-panel{border:0px;} .transfer-result.carhire .filter-panel .filter.main-shadow-box{background:#fff;} /* CARHIRE RESULT start */ /* CARHIRE BOOKING start */ .transfer-booking-pg.carhire{width:100%; float:left;} .transfer-booking-pg.carhire .transfer-booking-header-full{width:100%; float:left; padding:0 30px; margin-bottom:30px;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-header{width:100%; float:left; position:relative;} .transfer-booking-pg.carhire .transfer-booking-header .heading{width:100%; float:left; font-size:30px; color:#15bdcc; padding:10px 0 10px 0;} .transfer-booking-pg.carhire .transfer-booking-header .detail{display: inline-block;font-size: 14px;color: #777777;} .transfer-booking-pg.carhire .transfer-booking-header .detail .bold{color: #444444;font-weight: 600;} .transfer-booking-pg.carhire .transfer-booking-header .detail .d_block_xs{display:none;} .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup{width:100%; float:left; list-style:none; margin-top:20px;} .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li{display:inline-block;} .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .login{float:left; background:#0099ff; color:#fff; padding:5px 25px; border-radius:10px;} .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .signup{float:left; background:#515151; color:#fff; padding:5px 25px; border-radius:10px;} .transfer-booking-pg.carhire .transfer-booking-header .ul-loginsignup li .text1{padding:5px 15px; float:left; font-size:16px;} .transfer-booking-pg.carhire .transfer-booking-content-full{width:100%; float:left; border-radius:5px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:30px;} .transfer-booking-pg.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .header{width:100%; float:left; padding:5px 10px; border-bottom:1px dashed #91b6da;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#ff9a9a; margin-top:6px;} .transfer-booking-pg.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .header{width:100%; float:left; background:#e2e2e2; padding:10px 10px; border-bottom: 0px dashed #91b6da;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .title .icon img{width:30px; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules{font-weight:bold;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .header .rext-text.fare-rules i{font-weight:bold;} .transfer-booking-pg.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content{width:100%; float:left; background:#fff; padding:0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box{padding:10px 10px;display: table; width:100%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel {width: 40%;float: left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel img {width: 100%;height: auto;padding: 20px 20px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel {width: 60%;float: left;padding-left:20px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .car-type {width: 100%;float: left;color: #ff9900;font-weight: 600;font-size: 18px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .car-name {width: 100%;float: left;color: #444444;margin-bottom: 15px;font-weight: 600;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative {position: relative;width: 100%;float: left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative .icon {position: absolute;top: 0px;left: 0px;font-size: 20px;color: rgb(237,129,49);} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .position-relative .icon img{margin-top: -10px;width: 20px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel .text1 {width: 100%;float: left;color: #999;margin-bottom: 5px;padding-left: 25px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip {width: 100%;float: left;border-top: 1px dashed #dddddd;padding-top: 8px;margin-top: 8px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip{width:100%; float:left;border-top: 1px dashed #dddddd;padding-top: 8px;margin-top: 8px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip{width:100%; float:left; text-align:center; margin-bottom:0px; list-style:none;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li{color:#999; display:inline-block;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .icon{display: inline;vertical-align: middle;margin-right: 2px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .icon img{width: 24px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-child(1){text-align:left; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-last-child(1){text-align:right; float:right;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1{color: #777;font-weight: 500;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow{cursor:pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow::after{content: "\f106";font-family: FontAwesome; } .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li .text1.cust_arrow.collapsed::after{content: "\f107";font-family: FontAwesome; } .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .card {border: 1px solid #e6e6e6;margin-top: 5px;padding: 5px 10px;font-size: 13px;text-align: justify;color: #444444;background: #fbfbfb;max-height: 200px;overflow-y: auto;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon{margin: 0;padding: 0;width: 100%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li{ float: left;list-style: none;border-bottom: 1px dashed #bfbfbf;padding: 5px 0; width:100%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li:last-child{border:0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box{float: left;background: #f5f5f5;padding: 10px;margin: 5px 0;width:100%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1{width: 80%;float: left;padding: 10px;display: flex;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1 .ddl1{float: left;border: 1px solid #dddddd;width: 100%;max-width: 100px;height: 40px;line-height: 40px;padding: 0 10px;border-radius: 5px;outline: none; text-transform:capitalize;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2{float: left;padding: 0 10px 0 20px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 .heading{margin: 0 0 10px 0;font-size: 16px;font-weight: 600;color: #111111;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2 .cont{margin: 0;font-size: 13px;color: #777777;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3{width: 20%;float: left;padding: 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_add{padding: 0 10px;height: 40px;line-height: 40px;width: 100%;max-width:150px;display:block; margin:0 auto;text-align: center;border-radius: 5px;border: 0;background: #16528e;font-size: 16px;font-weight: 600;color: #ffffff;outline: none;letter-spacing: 0.4px;cursor:pointer;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_remove{padding: 0 10px;height: 40px;line-height: 40px;width: 100%; max-width:150px;display:block; margin:0 auto;text-align: center;border-radius: 5px;border: 0;background: #d64443;font-size: 16px;font-weight: 600;color: #ffffff;outline: none;letter-spacing: 0.4px;cursor:pointer;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .paragr{font-size: 13px;color: #777777;margin: 5px 0;border-top: 1px solid #dddddd;padding: 8px 0 0 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel{width:100%; float:left; padding:0 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title{font-weight:normal; color:#16528e;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline{margin-bottom:15px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel{width:100%; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:32%; float:left; padding-left:10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box3{width:35%; float:left; padding-left:10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:32%; float:left; padding-left:0px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .box-panel .form-control{border-radius:5px !important;padding: 0 8px;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel{width:100%; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel{width:100%;float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im{width:30%; float:left; position:relative;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .im img{width:100%; height:auto; border-radius:5px;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content .attraction-detail-panel .detail{width:70%; float:left; padding-left:20px;} .transfer-booking-pg.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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;} .transfer-booking-pg.carhire .booking-sidebar-full{width:100%; float:left; margin-bottom:20px; margin-top:0px;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel{width:100%; float:left; border:1px solid #d1d1d1; margin-top:0px; } .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .header{width:100%; float:left; font-size:16px; font-weight:bold; background:#e2e2e2; color:#16528e; padding:10px 15px;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content{width:100%; float:left; background:#ffffff; padding:10px 15px;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel{width:100%; float:left; margin:3px 0; color:#666; cursor:default;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel{float:left; text-align:left;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text{font-weight:600;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler{font-weight:normal;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{font-weight:normal;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{transition:0.3s; -webkit-transition:0.3s; display: inline-block;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price{float:right; text-align:right;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price .icon{} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value{} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full{width:100%; float:left; background:#e2e2e2; padding:5px 10px; margin:7px 0; } .transfer-booking-pg.carhire .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;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text{float:left; text-align:left;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price{float:right; text-align:right;} .transfer-booking-pg.carhire .booking-sidebar-full .fare-detail-panel .content .line-full{width:100%; height:1px; float:left; background:#e2e2e2; margin:10px 0 10px 0; } .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content{width:100%; float:left; background:#fff; padding:10px 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:90px;} .transfer-booking-pg.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form select.form-control{line-height:36px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form textarea.form-control{height:auto;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .pass-form .form-group{width:100%; float:left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline{float:left; color:#16528e;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .checkbox-inline .link{text-decoration:underline; font-weight:600;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .transfer-booking-pg.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel{width:100%; float:left; padding:0 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .tras-title{font-weight:normal; color:#16528e;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .checkbox-inline{margin-bottom:15px;} /*--popup--*/ .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-body{width:100%; float:left; padding:0px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .modal-header{display:none;} .transfer-booking-pg.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .close:hover{ background:#666;} .transfer-booking-pg.carhire .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.carhire .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.carhire .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.carhire .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.carhire .transfer-booking-content-full .booking-field-panel .term-conditon-popup-main .term-conditon-popup .content-panel{width:100%; float:left;} .transfer-booking-pg.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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.carhire .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;} /*-----Responsive----*/ @media screen and (min-width:320px) and (max-width:767px){ .transfer-booking-pg.carhire .transfer-booking-header-full {padding: 5px 15px;} .transfer-booking-pg.carhire .transfer-booking-header .heading{font-size: 20px;} .transfer-booking-pg.carhire .transfer-booking-header .detail .d_block_xs{display:block;} .transfer-booking-pg.carhire .backto-result{display: none;} .transfer-booking-pg.carhire .transfer-booking-content-full{margin-bottom: 0px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .img-panel {width: 100%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .detail-panel {width: 100%;float: left;padding-left: 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li{display: block;width: 100%;float: left;text-align: left;margin: 5px 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .bottom-strip .ul-bot-strip li:nth-last-child(1) {text-align: left;float: left;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box {padding: 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel {padding: 0 5px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box1 {width: 100%;padding: 5px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box2{padding: 0 0 0 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 {width: 100%;padding: 5px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3 .btn_remove{margin-top: 10px;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {width: 100%;padding-left: 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {width: 100%;padding-left: 0;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width: 100%;padding-left: 0;} } @media screen and (min-width:768px) and (max-width:991px){ .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {width: 20%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {width: 40%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {width: 40%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content .guest-panel-box .list_addon li .addon_box .inner_box3{padding: 10px 0;} } @media screen and (min-width:992px) and (max-width:1199px){ .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1 {width: 20%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2 {width: 40%;} .transfer-booking-pg.carhire .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4 {width: 40%;} } @media screen and (min-width:1200px) and (max-width:1400px){ } /* ---------------CAR HIRE BOOKING PAGE---------------- */ .car-hire-booking-popup .modal-dialog{width:auto; max-width:1000px;} .car-hire-booking-popup .modal-dialog .contact_us_bg{padding: 0px 0;} .car-hire-booking-popup .home_external_page header{font-weight: 800;text-decoration: underline; line-height: 25px;position: relative ;} /* ---------------CAR HIRE BOOKING PAGE---------------- */ /* CARHIRE BOOKING end */ /*======= 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 .header.display-flex{display:flex; flex-wrap: wrap; align-items:center; justify-content:space-between;} .transfer-result .header.display-flex .result-found{position:static; display:flex; width:170px;} .transfer-result .header.display-flex .back-btn{position: static; display: flex; width:135px; justify-content: center;align-items: center;} .transfer-result .header.display-flex .detail{width:auto; display:flex; align-items: center; padding:0px; margin-bottom:0px;} .transfer-result .header.display-flex .detail .departure{width:auto; display:flex;} .transfer-result .header.display-flex .detail .icon{width:auto; display:flex;} .transfer-result .header.display-flex .detail .return{width:auto; display:flex;} @media only screen and (min-width: 320px) and (max-width:767px) { .transfer-result .header.display-flex{justify-content: center; margin-bottom:10px;} .transfer-result .header.display-flex .result-found{width:100%; justify-content:center;} .transfer-result .header.display-flex .detail{ width:100%; flex-wrap:wrap; flex-direction:column; margin:10px 0; } .transfer-result .header.display-flex .detail .icon{margin:5px 0;} } @media only screen and (min-width: 768px) and (max-width:991px) { .transfer-result .header.display-flex .detail .icon{margin:5px 0;} .transfer-result .header.display-flex .detail{ width:calc(100% - 340px); flex-direction:column;} } @media only screen and (min-width: 992px) and (max-width:1199px) { .transfer-result .header.display-flex .detail{ width:calc(100% - 340px); } } .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 .update-result{margin-bottom:10px; font-weight:600;} .transfer-result .sidebar .advance-search .ul-radiobtn{width:100%; float:left; margin-bottom:15px; 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 .form-group select{border-radius:5px; padding-right:0px;} .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";} /*--------------PAX------------------*/ .transfer-result .sidebar .advance-search .adult-class-dropdown{width:220px; position:relative; position:absolute; top:100%; z-index:11111; float:left; background:#fff; color:#999; border-radius:5px; box-shadow:0 2px 3px 0 #999; border:1px solid #eee;} .transfer-result .sidebar .advance-search .adult-class-dropdown:before{position:absolute; content:""; border-width:15px; border-style:solid; border-color: transparent transparent #eaeaea transparent; bottom:100%; left:50%; margin-left:-15px; border-top:none;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content{width:100%; float:left; padding:0 10px; margin-top:20px;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .form-group{width:100%; float:left;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .form-group label{color:#333; font-size: 16px; font-weight: 600;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .form-group select.form-control{line-height:28px;padding-left: 10px;text-indent: 0;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel{width:100%; float:left; font-size:12px;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .heading{width:100%; float:left; font-size:12px; font-weight:600; color:#333; margin-bottom:10px;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer{width:100%; float:left; display:flex; align-items:center; justify-content: space-between; position:relative; margin-bottom:10px; padding-left:0px;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .text-panel{display:flex; flex-wrap:wrap;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .inner-heading{ font-size:12px; float:left; margin-right:5px; font-weight:600; color:#333; display:inline-block;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .age-text{float:left; font-weight: 400;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .min-max{width:70px; display:flex; right:0px; top:-5px; position:static;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn1{float:left; width:20px; font-weight: 400; height:20px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#a91d1c; background:transparent; font-size:18px; outline:none;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-btn2{float:left; width:20px; font-weight: 400; height:20px; line-height:20px; border-radius:50%; border:1px solid #ccc; color:#a91d1c; background:transparent; font-size:18px; outline:none;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .adult-panel .min-max-outer .input-text{float:left; text-align:center; width:30px; font-weight: 400;height:20px; font-size:13px; color:#000; background:transparent; border:0px; outline:none;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .info-text1{width:100%; float:left; font-size:12px; color:#999; margin-bottom:10px;font-weight: 400;} .transfer-result .sidebar .advance-search .adult-class-dropdown .done-btn-full{width:100%; float:left; border-top:1px solid #ccc; padding:5px 10px} .transfer-result .sidebar .advance-search .adult-class-dropdown .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #a91d1c; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} .transfer-result .sidebar .advance-search .adult-class-dropdown .dropdown-content .form-group .form-control{border: 1px solid #ccc !important;} .transfer-result .sidebar .advance-search .form-group .form-control.f-traveller{width:100%;float:left; padding-left: 8px;background-image: url(../images/icons/arrow-down.png);background-position: right 7px center;background-repeat: no-repeat;padding-top: 6px;} .transfer-result .sidebar .advance-search .form-group .form-control.f-traveller span{position: static; float: inherit; width: auto;} .transfer-result .sidebar .advance-search .form-group .form-control.main-pax{padding-left: 10px;} .transfer-result .sidebar .advance-search .dropdown-menu .done-btn-full{width:100%; float:left; border-top:0px solid #ccc; padding:5px 5px} .transfer-result .sidebar .advance-search .dropdown-menu .done-btn-full .done-btn{float:right; font-size:12px; font-weight: bold; background: #a91d1c; text-decoration: none; padding: 1px 12px; border-radius: 10px; box-shadow:0 0 10px #ccc; color:#fff;} .transfer-result .sidebar .advance-search .form-group .form-control.cabin-class{padding-left: 10px; text-indent:0px;} .transfer-result .sidebar .advance-search .form-group .form-control.f-traveller.cabin-class-text{font-size:10px;} @media screen and (min-width:992px) and (max-width:1199px) { .transfer-result .sidebar .advance-search .form-group .form-control.f-traveller.cabin-class-text{font-size:8px;} } /*.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; font-size:20px;} .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;} @media only screen and (min-width: 320px) and (max-width:767px) { .container-full .transfer-result .filter-panel{border:0px solid #71a7c4;} } .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; margin-right:5px;} /*.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; cursor:pointer;} .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;} @media only screen and (min-width: 320px) and (max-width:767px) { .transfer-result .result-panel .result .price-panel .book-now-btn{padding:5px 5px; font-size:12px;} } /* 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: 10px 20px;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;} .transfer-booking-pg .backto-result{width:135px; padding:5px 10px; float:right; margin-top:0px; margin-bottom:0px; color:#11aaf6; background:#fff; text-align:center; border:1px solid #11aaf6; border-radius:10px;} .transfer-booking-pg .transfer-booking-header{width:calc(100% - 135px); float:left; position:relative;} .transfer-booking-pg .transfer-booking-header .heading{width:100%; float:left; font-size:30px; color:#15bdcc;} .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:30px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel{width:100%; float:left; padding:0 0px; background:#fff; margin-bottom:30px; border-radius:5px; overflow:hidden; -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{width:100%; float:left; 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;} /*NEW ADDITION FOR TRANSFER*/ .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .panel-content-inner{width:100%; float:left;} .transfer-booking-pg .transfer-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;} .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:30%; 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:35%; float:left; padding-left:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box6{width:20%; float:left; padding-left:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box7{width:15%; float:left; padding-left:10px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box8{width:100%; float:left; padding-left:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .first-box-pd0{padding-left:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex{display:flex;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1{width:75px; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2{width:30%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3{width:30%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4{width:30%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5{width:35%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:20%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7{width:15%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; display:flex; margin:0 5px; padding:0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex select{padding-right:0px;} .transfer-booking-pg .transfer-booking-content-full .panel-content.guest-panel .box-panel.display-flex div:first-child{margin-left:0px;} .transfer-booking-pg .transfer-booking-content-full .panel-content.guest-panel .box-panel.display-flex div:last-child{margin-right:0px;} .transfer-booking-pg .transfer-booking-content-full .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline{padding-top:0px; margin-bottom:10px;} @media only screen and (min-width:320px) and (max-width:767px) { .flight-booking-pg .main-booking-content .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } @media only screen and (min-width: 320px) and (max-width: 500px) { .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex{display:flex; flex-direction:column;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box1, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box2, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box3, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box4, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box5, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box7, .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; margin:0 0px;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .pass-form .form-title.blank{display:none;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} } /*END - NEW ADDITION FOR TRANSFER*/ @media only screen and (min-width: 320px) and (max-width:767px) { .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content .transfer-detail-panel .check-box .tras-title{display:none;} } .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:0px;margin-top: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;} @media only screen and (min-width: 320px) and (max-width:767px) { .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:15%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:35%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:35%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:250px;} } @media only screen and (min-width: 768px) and (max-width:991px) { .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box1{width:15%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box2{width:35%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box4{width:35%;} .transfer-booking-pg .transfer-booking-content-full .booking-field-panel .panel-content.guest-panel .box-panel .box5{width:60%;} } /*--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;} /*--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{width:100%; float:left; padding-bottom:30px;} .package-list-pg .caption h1{color:#000;text-align:center;font-size:30px; padding-bottom:10px; width: 100%; float: left;} .package-list-pg .caption .packeg-category{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%; object-fit:cover;} .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 .package-dtails-slider .discount-penel{width:100px; height:40px; display:none; line-height:40px; position:absolute; left:5px; top:20px; background:#16528e; color:#fff; font-size: 15px; font-weight: 700; text-align: center; text-transform: uppercase; z-index:11; } .package-dtails-pg .package-dtails-slider .discount-penel.active{display:inline-block;} .package-dtails-pg .package-dtails-slider .discount-penel {background: #efad1c none repeat scroll 0 0;} .package-dtails-pg .package-dtails-slider .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;} .package-dtails-pg .package-dtails-slider .discount-penel::after {border-bottom-color: #efad1c; border-top-color: #efad1c;} .package-dtails-pg .package-dtails-slider .discount-penel small {position: absolute; left: 0; top: 5px;} .package-dtails-pg .package-dtails-slider .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;} .package-dtails-pg .about-cfc{width:100%; float:left; 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 .about-cfc ul{width:100%; float:left; padding-left:20px; margin:10px 0;} .package-dtails-pg .about-cfc ul li{width:100%; float:left; font-weight: 500;font-size: 16px;color:#666666; line-height:1.5em;text-align: justify;} .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 .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 .Enquire-Now-btn{width:100%; float:left; padding:10px 0; text-align:center; font-size: 22px; font-weight: 600; background:#1d374e; color:#dfb926; } .package-dtails-pg .Search-result .Enquire-Now-btn:hover{background:#386185;} .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 .d-flex-row{width:calc(100% + 20px); margin-left:-10px; display:flex; flex-wrap:wrap;} .packages_offer_feature .d-flex-row .d-flex-col{display:flex; width:33.33333%; padding:0 10px;} @media screen and (min-width:320px) and (max-width:767px) { .packages_offer_feature .d-flex-row .d-flex-col{width:100%;} } .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{width:100%; float:left; 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 .offfer_price .star-rating{ display:flex; margin-top:0px; justify-content: end;} .packages_offer_feature .offer_packeg .offfer_price .star-rating .stars {content: "\f005"; margin-top:0px; color: #ff9900; display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;letter-spacing:5px; font-size:20px; } .packages_offer_feature .offer_packeg .offfer_price .star-rating .stars.n{color:#999; position:relative;} /*.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; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .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;} */ .packages_offer_feature .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;} .packages_offer_feature .offer_packeg .offer-name h3{font-size:14px;font-weight:400;color:#000;text-align:center;margin:0px; background: #ddd8d0; padding:8px;} .packages_offer_feature .offer_packeg .discount-penel{width:100px; height:40px; display:none; line-height:40px; position:absolute; left:-10px; bottom:100px; background:#16528e; color:#fff; font-size: 15px; font-weight: 700; text-align: center; text-transform: uppercase; z-index:11; } .packages_offer_feature .offer_packeg .discount-penel.active{display:inline-block;} .packages_offer_feature .offer_packeg .discount-penel {background: #efad1c none repeat scroll 0 0;} .packages_offer_feature .offer_packeg .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;} .packages_offer_feature .offer_packeg .discount-penel::after {border-bottom-color: #efad1c; border-top-color: #efad1c;} .packages_offer_feature .offer_packeg .discount-penel small {position: absolute; left: 0; top: 5px;} .packages_offer_feature .offer_packeg .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;} .hover14 figure {position: relative; overflow:hidden;} .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;} .hover14 figure:after{content:""; position: absolute; width: 100%; height:90px; top:0; background: linear-gradient(to top, transparent 10%,rgba(0,0,0,.6) 50%);} .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-bg2.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/icons/tick.png) 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;} /* 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 .print-btn-outer{width:100%; float:right; text-align: right;} .etecket-full .result-panel .print-btn-outer .print-btn{background:#16528e; color:#fff; padding:5px 10px; border-radius:5px;} .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.6); } .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;} }*/ /* FLIGHT PROGRESS START */ /*.popup_block.popup-outer{float:left; left:35%;}*/ .popup_block_Outer {background: rgba(0,0,0,0.6);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/icons/popup-plane-icon.png); 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-full .gif .video-panel{width:100%; float: left;} .popup_block .progress.flight-popup .detail .gif-full .gif .video-panel video{width: 100%; height: auto;} .popup_block .progress.flight-popup .detail .gif-full .ul-pts{width:100%; float:left; margin:20px 0; text-align:center; list-style:none;} .popup_block .progress.flight-popup .detail .gif-full .ul-pts li{display:inline-block;} .popup_block .progress.flight-popup .detail .gif-full .ul-pts li .pts_logo{width:100px;} .popup_block .progress.flight-popup .detail .gif-full .ul-pts li .trustpoilet_logo{width:100px;} .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%;}} @media (max-width:767px) { .popup_block .progress.flight-popup{width:450px; max-width:100%;} } @media (max-width:460px) { .popup_block .progress.flight-popup{width:320px; max-width: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:600; 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 .gif-full.common-popup .gif .video-panel{width:100%; float: left;} .popup_block .progress.flight-popup .detail .gif-full.common-popup .gif .video-panel video{width: 100%; height: auto;} .popup_block .progress.flight-popup .detail .not-refresh{width:100%; float:left; text-align:center; font-size:10px; color:#868080;} /*Seat Selection Start*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans'); *, *:before, *:after {box-sizing: border-box;} .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, .form-content .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, .form-content-new.form-content .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/bg/login-bg.jpg) 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-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;} /*===== 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 .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;} .booking-sidebar-full .bookandhold-radio{width:100%; float:left;} /*-- UL DROPDOWN --*/ .ul-dropdown_results-outer{width:400px; margin-top:2px; z-index:11; background:#fff; border-radius:5px; border:1px solid #E6EAEE; display:none;} .ul-dropdown_results-outer.active{display:block;} .ul-dropdown_results-outer .add-new-entry{width:100%; float:left; border-top:1px solid #E6EAEE;} .ul-dropdown_results-outer .add-new-entry a{padding:15px 10px; width:100%; float:left;} .ul-dropdown_results-outer .add-new-entry a:hover{background:#E6EAEE; text-decoration:none;} .ul-dropdown_results-outer .ul-dropdown_results{padding:0; background-color:#fff;overflow:hidden; width:100% !important; position:relative; z-index:9999; border:1px solid #fdfdfd; margin-bottom:0px; max-height:200px; overflow:auto;} .ul-dropdown_results-outer .ul-dropdown_results li{float:left;width:100%;padding:7px 6px 7px 15px; cursor:pointer; margin:0;display:block;font:menu;font-size:14px;overflow:hidden;} .ul-dropdown_results-outer .ul-dropdown_results li:hover{background-color:#f7f7f7;} .ul-dropdown_results-outer .ul-dropdown_results li .name-icon{font-size: 13px; line-height:32px;height: 32px;width: 32px; float:left; background: #e2cdcd; color: #583c00; border-radius:4px; text-align:center; margin-right:5px; margin-top:3px; } .ul-dropdown_results-outer .ul-dropdown_results li .name{padding:0px 0; display:block;} .ul-dropdown_results-outer .ul-dropdown_results li .email{padding:0px 0; color:#cac7c7;display:block; } .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n-1) .name-icon{background:#e2cdcd;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+2) .name-icon{background:#c3dfea;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+3) .name-icon{background:#c3eace;} .ul-dropdown_results-outer .ul-dropdown_results li:nth-child(4n+4) .name-icon{background:#e7eac3;} .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name-icon{font-size: 13px; line-height:32px;height: 32px;width: 32px; float:right; background: #e2cdcd; color: #583c00; border-radius:4px; text-align:center; margin-right:5px; margin-top:0px; } .ul-dropdown_results-outer.sales-source .ul-dropdown_results li .name{padding:6px 0; display:block;} .ul-dropdown_results-outer.vendors .ul-dropdown_results li .name{padding:9px 0 0 0; display:block;} .applied-coupon-code-panel{width:100%; float:left; margin-top:15px;} .applied-coupon-code-panel .coupon-header{width:100%; float:left; padding:10px; background:#efefef; color:#333;} .applied-coupon-code-panel .coupon-header .text1{width:100%; float:left; font-size:16px;} .applied-coupon-code-panel .coupon-header .text2{width:100%; float:left; font-size:12px;} .applied-coupon-code-panel .coupon-content{width:100%; float:left; color:#666;} .applied-coupon-code-panel .coupon-content .text1{width:100%; float:left; font-size:14px;} .applied-coupon-code-panel .coupon-content .text2{width:100%; float:left; font-size:14px;} /* ----------------EXTERNAL PAGES--------------------- */ /*.home_external_page{width:100%;padding-bottom:30px; font-family: 'Poppins', sans-serif; background: #f5f5f5;} .about_us_pg .about-us-bg, .privacy_policy_pg .privacy_policy_bg, .terms_condition_pg .terms_condition_bg, .service_pg .service_bg, .contact_us_pg .contact_us_bg{float:left; width:100%; font-family: 'Poppins', sans-serif; height:auto; background:url(../images/bg/aboutus-banner.jpg) no-repeat top; margin-bottom:40px; } .about_us_pg .about-us-bg, .terms_condition_pg .terms_condition_bg, .contact_us_pg .contact_us_bg, .service_pg .service_bg, .privacy_policy_pg .privacy_policy_bg{ width:100%; font-family: 'Poppins', sans-serif; float:left; text-align:center; color:#fff; font-size:40px; padding:100px 0;} .about_us_pg .about-us-bg h1, .contact_us_pg .contact_us_bg h1, .privacy_policy_pg .privacy_policy_bg h1, .service_pg .service_bg h1, .terms_condition_pg .terms_condition_bg h1{text-transform:uppercase; font-family: 'Poppins', sans-serif;} .about_us_pg .heading, .privacy_policy_pg .heading, .service_pg .heading, .terms_condition_pg .heading{width:100%; float:left; text-align:left; font-size:30px; font-weight:bold; color:#000; border-bottom:1px solid #eee; margin-bottom:10px; } .about_us_pg .heading h2, .terms_condition_pg .heading h2, .service_pg .heading h2, .privacy_policy_pg .heading h2{ border-bottom:0px solid #00d227; float:left; width:auto; padding:5px 0; margin:0px; position:relative;font-size: 25px;text-transform: uppercase;} .about_us_pg .heading h2:after, .terms_condition_pg .heading h2:after, .service_pg .heading h2:after, .privacy_policy_pg .heading h2:after{width:100%; height:3px; content:""; position:absolute; bottom:0px; left:0px; background:#1f419b;} .about_us_pg h3, .terms_condition_pg h3, .privacy_policy_pg h3{font-size: 20px;width:100%;float:left;line-height: 25px;} .about_us_pg h4, .terms_condition_pg h4, .privacy_policy_pg h4{font-size: 20px;width:100%;float:left;} .about_us_pg .abouttext, .terms_condition_pg .abouttext, .privacy_policy_pg .abouttext{width: 100%;float: left;line-height: 30px; font-size: 15px; margin: 0;padding:0;text-align: justify;margin-bottom: 10px;} .about_us_pg .abouttext a, .terms_condition_pg .abouttext a, .privacy_policy_pg .abouttext a{color: #ee5f2b;} .about_us_pg .abouttext a:hover, .terms_condition_pg .abouttext a:hover, .privacy_policy_pg .abouttext a:hover{text-decoration:none;} .about_us_pg .ul-common, .privacy_policy_pg .ul-common, .terms_condition_pg .ul-common{width:100%;float:left;padding-left:20px;margin-bottom:10px;} .about_us_pg .innterul{padding-left: 15px; line-height: 30px;} .innteraboutdata .message_body {line-height: 30px; font-size: 15px;} .privacyinner, .faqinner p{line-height: 30px; font-size: 15px;} .faqinner ul{padding-left: 15px;}*/ /* ---------------CONTACT US---------------- */ /* CONTACT US */ /* ---------------CONTACT US---------------- */ /* CONTACT US */ /*.contactus-pg{ float:left; width:100%;background: #f5f5f5;} .contact-us-bg{ float:left; width:100%; height:auto; background:url(../images/bg/contactus-bg.jpg) no-repeat top; margin-bottom:40px; } .contact-us-bg h1{ width:100%; float:left; text-align:center; color:#fff; font-size:40px; font-weight:bold; padding:100px 0;} .contactus-pg .map-full{width:100%; float:left; margin-top:10px;} .contactus-pg .contact-detail h2{width:100%; float:left; font-size:20px; font-weight:bold; color:#000; padding:0px; margin:0px; margin-top:30px; margin-bottom:15px;} .contactus-pg .contact-detail p{width:100%; float:left; color: #777; font-size: 15px; line-height: 26px; padding:0px; margin:0px;} .contactus-pg .contact-detail p span{color:#000;} .contactus-pg .form-full{ float:left; width:100%; border:5px solid #ccc; padding: 40px 20px; margin-top:10px; margin-bottom:0px;} .contactus-pg .form-full .input{ border-radius:0px; float:left; height:46px; line-height:46px; margin-bottom:25px;} .contactus-pg .form-full .textaria{ border-radius:0px;} .contactus-pg .form-full .input-btn{ border:none; outline:0px; padding:10px 30px; background:#1f419b; color:#fff; margin-top:20px;} .contactus-pg .form-full .input-btn:hover{ background:#1f419b;}*/ /*------- HEADER start--------*/ /*----*/ .faq{margin: 40px 0px;} .faq .panel-heading [data-toggle="collapse"]:after {font-family: 'Glyphicons Halflings';float: right;color: #454444;font-size: 18px;line-height: 22px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);} .faq .panel-heading [data-toggle="collapse"].collapsed:after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);color: #454444;} .faq .panel-heading .panel-title a{font-weight:600;color:#000;font-size: 17px;} /* FAQ */ /*===============ACCORDION===============*/ @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700|Sofia&display=swap'); .faq .panel-group{width:100%;float:left;} .faq .panel-default{width:100%; float:left;} .faq .panel-default .panel-title a{color:#000;} .faq .panel-default .panel-body{width:100%; float:left;} .faq .panel-default>.panel-heading{color:#333;background-color:#fff;border-color:#e4e5e7;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .faq .panel-default>.panel-heading a{display:block;padding:10px 15px} .faq .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} .faq .panel-default>.panel-heading a[aria-expanded=true]{background-color:#ccc} .faq .panel-default>.panel-heading a{background-color:#ccc} .faq .panel-default>.panel-heading a[aria-expanded=true]:after{content:"\2212";-webkit-transform:rotate(180deg);transform:rotate(180deg)} .faq .panel-default>.panel-heading a[aria-expanded=false]:after{content:"\002b";-webkit-transform:rotate(90deg);transform:rotate(90deg)} .faq .accordion-option{width:100%;float:left;clear:both;margin:15px 0} .faq .accordion-option .title{font-size:20px;font-weight:700;float:left;padding:0;margin:0} .faq .accordion-option .toggle-accordion{float:right;font-size:16px;color:#6a6c6f} .faq .accordion-option .toggle-accordion:before{content:"Expand All"} .faq .accordion-option .toggle-accordion.active:before{content:"Collapse All"} /*========================================*/ .destination-pg{ padding: 70px 0;} .destination-pg .destination_name{width: 100%; height: 300px; position: relative; overflow: hidden; margin-bottom: 30px;} .destination-pg .destination_name img{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; object-fit: cover; width: 100%; height: 100%;} .destination-pg .destination_name h3{ position: absolute; background: rgba(0,0,0,.42); padding: 10px; color: #fff; bottom:0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: 100%; margin:0;} .destination-pg .destination_name:hover img{ -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .destination-pg .destination_name:hover h3{bottom:5%;} /* 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 ----*/ .backto-result-common-outer .backto-result {padding: 5px 10px;float: right;width:132px;margin-top: 15px;color: #27acfb;background: #fff;text-align: center;border: 1px solid #27acfb;border-radius: 10px;margin-bottom: 5px;} .backto-result-common-outer .backto-result:hover {background: #27acfb;color:#fff} /* FAQ */ /* Loader */ .loader-full-new{width:100%; height:100%; position:fixed; top:0px; left:0px; float:left; background:url(../images/loader/loader-bg1.jpg) no-repeat; background-size:100% 100%; z-index: 11111;} .loader-full-new .loader-content{max-width:800px; 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 .row-panel{width:100%; float:left;} .loader-full-new .loader-content .lc-inner .lodr_logo-panel{width:100%; float:left;} .loader-full-new .loader-content .lc-inner .lodr_logo{width:100px; margin:20px 0; float:left;} .loader-full-new .loader-content .lc-inner .lodr_logo img{width:100%; height:auto;} .loader-full-new .loader-content .lc-inner .searching-panel{width:100%; float:left; border:5px solid #fff; position:relative; background:rgba(47,168,239,0.4); padding:10px 15px; border-radius:15px; border-bottom:0px;} .loader-full-new .loader-content .lc-inner .searching-panel.search-border1{position:relative;} .loader-full-new .loader-content .lc-inner .searching-panel.search-border1:before{content:""; position:absolute; bottom:0px; left:2px; width:50px; height:5px; background:#fff; border-radius: 0 0 0 20px ;} .loader-full-new .loader-content .lc-inner .searching-panel.search-border1:after{content:""; position:absolute; bottom:-3.2px; left:50px; border-width: 6px; border-right: 0px; border-left: 15px; border-style:solid; border-color:transparent transparent transparent #fff;} .loader-full-new .loader-content .lc-inner .searching-panel-outer{width:100%; float:left; position:relative;} .loader-full-new .loader-content .lc-inner .searching-panel-outer.search-border2:before{content:""; position:absolute; bottom:0px; left:initial; right:8px; z-index: 1; width:50px; height:5px; background:#fff; border-radius: 0 0px 20px 0;} .loader-full-new .loader-content .lc-inner .searching-panel .left-p{width:40%; float:left;} .loader-full-new .loader-content .lc-inner .searching-panel .right-p{width:60%; float:left;} .loader-full-new .loader-content .lc-inner .searching-panel .heading-text{width:100%; float:left; font-size:20px; font-weight:600; color:#fff;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon{width:100%; float:left; list-style:none;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li{display:inline-block;margin-right:10px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li img{width:40px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li .li-text{font-size:12px; display:block; color:#fff;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li.animartion-fitghts{animation:animartion-fitghts 1s infinite linear;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon li.animartion-hotels{animation:animartion-hotels 1s infinite linear;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial{width:100%; float:left; list-style:none; margin-bottom: 10px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li:nth-child(2){margin-bottom:15px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li{width:100%; float:left; position:relative; padding-left:140px; color:#fff;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li .li-title{position:absolute; font-weight:600; width:120px; text-align:right; top:0px; left:0px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-detial li .li-detail{float:left;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon{width: 100%; list-style: none; display: flex;justify-content: flex-end;align-items: center;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li{display: flex; margin-left: 15px; flex-direction: column;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li:first-child{margin-left:0px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .atol-icon{width:50px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .abta-icon{width:100px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .iata-icon {width: 70px;} .loader-full-new .loader-content .lc-inner .searching-panel .ul-atol-icon li .atol-text{display: flex; color: #fff; font-size:12px;} .loader-full-new .loader-content .lc-inner .loader-img{width:80%; margin:auto; margin-top:20px; display:none;} .loader-full-new .loader-content .lc-inner .loader-img img{width:100%; height:auto;} .loader-full-new .loader-content .lc-inner .lod-service-panel{display:flex; justify-content:space-around; margin-top:30px;} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box{background:rgba(0,0,0,0.5); background: rgba(12, 51, 72,0.6); position:relative; padding-left:50px; padding:5px; border-radius:10px 0 10px 0;} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .lod-icon{width:40px; position:absolute; top:50%; left:10px; transform:translateY(-50%)} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .lod-icon img{width:100%; height:auto;} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-content{width:100%; float:left; padding-left:50px;} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-title{font-size:16px; font-weight:400; color:#fff;} .loader-full-new .loader-content .lc-inner .lod-service-panel .lod-box .box-text{font-size:13px; color:#fff; font-weight: 300;} @keyframes animartion-fitghts {from {opacity:1;}to {opacity:0;}} @keyframes animartion-hotels {from {opacity:0;}to {opacity:1;}} @media only screen and (min-width: 320px) and (max-width:600px) { .loader-full-new .loader-content .lc-inner .searching-panel .ul-loader-icon{text-align:center; margin-bottom:15px;} .loader-full-new .loader-content .lc-inner .searching-panel{background: rgba(0 ,82, 201, 0.6);} .loader-full-new .loader-content .lc-inner .searching-panel .left-p{width:100%;} .loader-full-new .loader-content .lc-inner .searching-panel .right-p{width:100%;} .loader-full-new .loader-content .lc-inner .lodr_logo{margin:20px auto; float:none;} .loader-full-new .loader-content .lc-inner .lod-service-panel{display:none;} .loader-full-new .loader-content .lc-inner .loader-img{display:none;} } /* Loader */ .dropdown-menu{background:#fff;padding:10px!important;margin:0px auto!important;width:355px!important;color:#333} .addbtn{width:30px;float:left!important;background:0 0;border:1px solid #ccc!important;line-height:24px;padding-left:0!important;padding-right:0!important} .quantity{width:30px;float:left!important;background:0 0;border:1px solid #ccc!important;line-height:24px;text-align:center;padding-left:0!important;padding-right:0!important} .contact_us_bg{ height:auto; background:url(../images/bg/contactus-bg.jpg) no-repeat top; margin-bottom:0px; width: 100%;float: left; text-align: center; color: #fff; font-size: 40px; padding: 100px 0; font-size: 14px;} /*-- CRUISE RESUTL --*/ .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel {width: 100%;float: left;} .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner{display:flex; justify-content:space-between; } .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel{display:flex; width:100%;} .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-control{width:100%; display:flex;} .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-group{display:flex; width:100%;} .container-full .advance-search .adserch-left-panel.cruise-panel .tab-panel .tab-panel-inner .box-panel .form-group .position-relative{display:flex; margin:0 10px; width:100%; flex-direction:column;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result{} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel{width:100%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box{width:50%; float:left; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box .title{display:block; color:#5f6161;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box .info{display:block; color:#2d2d2d;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .room-panel{width:100%; float:left; margin-top:10px; border-top:0px solid #ccc;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .room-panel .half-box .title{color:#16528e;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-price-panel .night-person i{color:#15bdcc;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel{width:100%; float:left; /*background:#ebebeb;*/ background: #f7f5f5; border-top: 1px solid #e8e6e6; margin-top:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1{width:100%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-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 .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-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 .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info .baggaes-text .icon i{font-size:16px; color:#16528e;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info .baggaes-text .text{ padding-left:5px; font-size:12px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info i{transition:0.3s; -webkit-transition:0.3s;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .checkin-info[aria-expanded="true"] i{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .refundable{float: left; color: #06caf9; font-weight: 700;font-size: 12px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-panel .box1 .non-refundable{color:#71c743; float: left; font-weight: 700;font-size: 12px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-dropdown-content{width:100%; float:left; background:#f7f5f5; border-top: 1px solid #dddddd;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown{width:100%; float:left; padding:10px 10px; margin-top:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner{width:100%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner + .cruise-info-dropdown-inner{border-top:1px solid #16528e; margin-top:5px; padding-top:5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel{width:100%; display:flex; flex-wrap:wrap;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box1{width:25%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box2{width:25%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box3{width:10%; float:left; display: flex;text-align: center;justify-content: center;flex-direction: column;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box4{width:25%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box5{width:15%; float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .title{width:100%; float:left; font-size:14px; font-weight:600; color:#000;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .title2{width:100%; float:left; font-size:14px; font-weight:600; color:#000; margin-top:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .text1{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .arrow-icon{display:block;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .arrow-icon i{font-size:16px; color:#16528e;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon{float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon img{width:40px; height:40px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .icon{float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .icon i{font-size:18px; color:#16528e;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .baggaes-text .text{float:left; padding-left:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full{width:100%; float:left; margin:10px 0 10px 0; border-top:1px dashed #999;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text{float:left; color:#333; padding:5px 20px 5px 5px; margin-bottom:0px; border-radius:5px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .layover-title{float:left; font-weight:bold; padding-right:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .text{float:left;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .layover-full .layover-text .symble{float:left; padding:0 5px;} @media only screen and (min-width:320px) and (max-width:600px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .detail .new-detail-info-panel .cruise-panel .half-box{width:100%;} } @media only screen and (min-width:320px) and (max-width:500px) { .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box3{width:30%; margin-bottom:10px;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box1{width:70%; margin-bottom:10px; text-align: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box2{width:33.3333%; text-align: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box4{width:33.3333%; text-align: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .box5{width:33.3333%; text-align: center;} .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .row-panel .icon{float:none; display:inline-block; } .container-full .add-hotel-pg.hotel-result-pg-new .result-panel .hotel-result-full .hotel-result.cruise-result .cruise-info-dropdown .cruise-info-dropdown-inner .icon img{width:30px; height:30px;} } /*-- CRUISE RESUTL --*/ /*-- CRUISE DETAIL PG --*/ .cruise-detail-full{width:100%; float:left;} .cruise-detail-full .cruise-header{display:flex; justify-content:space-between; margin-top:0px; margin-bottom:30px; border: 1px solid #0491e1; padding: 10px 15px; -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;} .cruise-detail-full .cruise-header .title{font-size:20px; color:#0491e1; font-weight:600;} .cruise-detail-full .cruise-header .sub-title{font-size:16px; color:#333;} .cruise-detail-full .cruise-header .info{font-size:14px; color:#333;} .cruise-detail-full .cruise-header .starting-from{font-size:14px; color:#333;} .cruise-detail-full .cruise-header .starting-from .price{font-size:16px; font-weight:600;} .cruise-detail-full .cruise-header .perperson{font-size:14px; color:#333; display:flex; justify-content:flex-end;} .cruise-detail-full .cruise-header>div{display:flex; flex-direction:column;} .cruise-detail-full .cruise-header .header-right{display:flex; align-items:flex-end;} .cruise-detail-full .cruise-header .select-btn{min-width:100px; width:100px; 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%);} .cruise-detail-full .cruise-header .select-btn:hover{background:linear-gradient( #15bdcc 50%, #41d8e5 50%); background:-webkit-linear-gradient( #15bdcc 50%, #41d8e5 50%);} .cruise-detail-full .detail-contect{width:100%; float:left;} .cruise-detail-full .detail-contect h3{margin-bottom:30px; border-bottom:1px solid #ccc;} .cruise-detail-full .detail-contect .heading{position:relative; cursor:pointer; font-size:20px;} .cruise-detail-full .detail-contect .heading:before{content:""; position:absolute; width:150px; height:2px; background:#0491e1; bottom:-4px;} .cruise-detail-full .detail-contect .heading[aria-expanded="false"] i{transition:0.3s;} .cruise-detail-full .detail-contect .heading[aria-expanded="true"] i{transition:0.3s; transform:rotate(-180deg);} .cruise-detail-full .detail-contect .collapse-content{width:100%; float:left; margin-bottom:20px;} .cruise-detail-full .detail-contect .collapse-content .date-panel{width:100%; float:left; padding:20px;} .cruise-detail-full .detail-contect .collapse-content .date-panel .table-responsive{width:100%; float:left;} .cruise-detail-full .detail-contect .collapse-content .date-panel .table{border:1px solid #ccc;} .cruise-detail-full .detail-contect .collapse-content .date-panel .table tr th{background:#0491e1; color:#fff; border-bottom:0px;} .cruise-detail-full .detail-contect .collapse-content .date-panel .table tr td .price{font-weight:600;} .cruise-detail-full .detail-contect .collapse-content .date-panel .table-text{width:100%; text-align:right; float:right; color:#0491e1;} .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box{width:250px; float:left; position:relative;} .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box .form-control{width:100%; float:left; padding-left:260px; color:#333;} .cruise-detail-full .detail-contect .collapse-content .date-panel .input-box .brown-btn{position:absolute; top:0px; left:0px; width:100px; height:34px; line-height:34px; background:#16528e; color:#fff; text-align:center;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel{width:100%; float:left; padding:20px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner{width:100%; float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner + .cruise-info-dropdown-inner{border-top:1px solid #16528e; margin-top:5px; padding-top:5px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel{width:100%; display:flex; flex-wrap:wrap;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box1{width:25%; float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box2{width:25%; float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box3{width:10%; float:left; display: flex;text-align: center;justify-content: center;flex-direction: column;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box4{width:25%; float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box5{width:15%; float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .title{width:100%; float:left; font-size:14px; font-weight:600; color:#000;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .title2{width:100%; float:left; font-size:14px; font-weight:600; color:#000; margin-top:0px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .text1{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .arrow-icon{display:block; font-weight:600; color:#0491e1;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .arrow-icon i{font-size:16px; color:#16528e;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .icon{float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .icon img{width:40px; height:40px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text{width:100%; float:left; font-size:14px; font-weight:normal; color:#333; margin-bottom:0px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .icon{float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .icon i{font-size:18px; color:#16528e;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .baggaes-text .text{float:left; padding-left:10px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full{width:100%; float:left; margin:10px 0 10px 0; border-top:1px dashed #999;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text{float:left; color:#333; padding:5px 20px 5px 5px; margin-bottom:0px; border-radius:5px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .layover-title{float:left; font-weight:bold; padding-right:10px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .text{float:left;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .layover-full .layover-text .symble{float:left; padding:0 5px;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel{width:100%; float:left; padding:20px;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel .header{width:100%; float:left; background:#0491e1; color:#fff; padding:10px 15px; margin-bottom:10px;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel ol{padding-left:20px; width:100%; float:left;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel ol li{margin-bottom:10px;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel ul{padding-left:20px; width:100%; float:left;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel ul li{margin-bottom:10px;} @media only screen and (min-width:320px) and (max-width:767px) { .cruise-detail-full .cruise-header .title{font-size:18px;} .cruise-detail-full .cruise-header{flex-direction:column;} .cruise-detail-full .cruise-header .perperson{justify-content:flex-start;} .cruise-detail-full .detail-contect .collapse-content .advantage-panel {width: 100%; float: left; padding:10px;} } @media only screen and (min-width:320px) and (max-width:500px) { .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box3{width:30%; margin-bottom:10px;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box1{width:70%; margin-bottom:10px; text-align: center;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box2{width:33.3333%; text-align: center;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box4{width:33.3333%; text-align: center;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .box5{width:33.3333%; text-align: center;} .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .icon{float:none; display:inline-block; } .cruise-detail-full .detail-contect .collapse-content .day-wise-itineary-panel .cruise-info-dropdown-inner .row-panel .icon img{width:30px; height:30px;} } /*--slider--*/ .cruise-detail-full .silde-panel{width:100%; float:left;} .cruise-detail-full .silde-panel .text1{font-size:20px;} .cruise-detail-full .silde-panel .im{width:100%; float:left; padding:5px; border-radius:5px; border:0.5px solid #ccc; margin-bottom:20px;} .cruise-detail-full .silde-panel .im .carousel-gallery{margin:0px 0;padding:0 0px} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a{display:block;width:100%;height:200px;border-radius:4px;overflow:hidden;position:relative;-webkit-box-shadow:3px 2px 20px 0 rgba(0,0,0,.2);-moz-box-shadow:3px 2px 20px 0 rgba(0,0,0,.2);box-shadow:3px 2px 20px 0 rgba(0,0,0,.2)} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a:hover .image .overlay{opacity:1} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image{width:100%;height:100%;background-size:cover;background-position:center center} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image .overlay{width:100%;height:100%;background-color:rgba(20,20,20,.8);text-align:center;opacity:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a .image .overlay em{color:#fff;font-size:26px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:inline-block} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination{position:relative;bottom:auto;text-align:center;margin-top:5px} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover{opacity:.7} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#d63031;transform:scale(1.1,1.1)} .cruise-detail-full .silde-panel .im .plugins{text-align:center} .cruise-detail-full .silde-panel .im .plugins h3{text-align:center;margin:0;padding:0;font-family:Arial;text-transform:uppercase;color:#111} .cruise-detail-full .silde-panel .im .plugins a{display:inline-block;font-family:Arial;color:#777;font-size:14px;margin:10px;transition:all .2s linear} .cruise-detail-full .silde-panel .im .plugins a:hover{color:#d63031} @media (min-width:1200px){ .cruise-detail-full .silde-panel .padding40{margin-left:-100px !important; margin-right:-100px !important;} .cruise-detail-full .silde-panel .padding40>div{padding-left:100px !important; padding-right:100px !important;} .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a{height:100px;} } @media only screen and (min-width:320px) and (max-width:767px) { .cruise-detail-full .silde-panel .im .carousel-gallery .swiper-slide a{height: 120px;} } /*--slider--*/ /*-- CRUISE DETAIL PG --*/ /*-- CRUISE BOOKING --*/ .checkbox-full1{width:100%; float:left;} .checkbox-full1 .cell{width:100%; float:left; margin-bottom:10px;} .checkbox-full1 input[type=checkbox] + label {display: block; font-weight:normal; position:relative; margin: 0.2em; cursor: pointer; padding: 0.2em; padding-left:30px;} .checkbox-full1 input[type=checkbox] {display: none;} .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;} .checkbox-full1 input[type=checkbox] + label:active:before {transform: scale(0);} .checkbox-full1 input[type=checkbox]:checked + label:before {background-color:#0491e1; border-color:#0491e1; color: #fff;} .checkbox-full1 input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;} .checkbox-full1 input[type=checkbox]:checked:disabled + label:before {transform: scale(1); background-color: #bfb; border-color: #bfb;} .cruise-booking-full{color:#4c4c4c;} .cruise-booking-full h3{color:#4c4c4c;} .cruise-booking-full .booking-field-panel2{width:100%; float:left; padding:0 0px; background:#fff; margin-bottom:30px; 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;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .header{width:100%; float:left; padding:5px 10px; border-bottom:1px dashed #91b6da;} .cruise-booking-full .booking-field-panel2 .header .title{float:left; font-size:16px; color:#15bdcc; font-weight:600; margin-top:3px;} .cruise-booking-full .booking-field-panel2 .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .cruise-booking-full .booking-field-panel2 .header .title .icon img{width:30px; float:left;} .cruise-booking-full .booking-field-panel2 .header .rext-text{float:right; font-size:12px; color:#ff9a9a; margin-top:6px;} .cruise-booking-full .booking-field-panel2 .header .dropdown-link{float:right; font-size:14px; color:#999; margin-top:4px; cursor:pointer; margin-left:10px;} .cruise-booking-full .booking-field-panel2 .header{width:100%; float:left; background:#e2e2e2; padding:10px 15px; border-bottom: 1px dashed #91b6da;} .cruise-booking-full .booking-field-panel2 .header .title{float:left; font-size:16px; color:#16528e; font-weight:600; margin-top:3px;} .cruise-booking-full .booking-field-panel2 .header .title .icon{width:auto; float:left; margin-top:0px; margin-right:10px;} .cruise-booking-full .booking-field-panel2 .header .title .icon img{width:30px; float:left;} .cruise-booking-full .booking-field-panel2 .header .rext-text{float:right; font-size:12px; color:#16528e; margin-top:6px;} .cruise-booking-full .booking-field-panel2 .header .rext-text.fare-rules{font-weight:bold;} .cruise-booking-full .booking-field-panel2 .header .rext-text.fare-rules i{font-weight:bold;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .header .dropdown-link[aria-expanded="false"]{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); color:#000;} .cruise-booking-full .booking-field-panel2 .panel-content{width:100%; float:left; background:#fff; padding:10px 15px;} .cruise-booking-full .booking-field-panel2 .panel-content .panel-content-inner{width:100%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .panel-content-inner + .panel-content-inner{border-top:1px solid #c1f1f4; padding-top:30px; margin-top:15px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form{width:100%; float:left; position:relative; padding-left:100px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-title{width:100px; float:left; color:#16528e; position:absolute; top:8px; left:0px; font-weight:normal;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-control{border: 1px solid #c5c5c5; height:34px; transition:0.5s; -webkit-transition:0.5s;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-control:focus{border:1px solid #1875f0;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form select.form-control{line-height:36px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form textarea.form-control{height:auto;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form .form-group{width:100%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.dob-row{padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #eee;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.dob-row:last-child{border-bottom:0px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.pass-form2{width:50%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form.pass-form2 .box5 {width:100% !important;float: left;padding-left: 0px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer{width:50%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer:nth-child(odd){padding-right:5px;} .cruise-booking-full .booking-field-panel2 .panel-content .pass-form-outer:nth-child(even){padding-left:5px;} .cruise-booking-full .booking-field-panel2 .panel-content .checkbox-inline{width:100%; float:left; color:#16528e;} .cruise-booking-full .booking-field-panel2 .panel-content .checkbox-inline .link{text-decoration:underline; font-weight:600;} .cruise-booking-full .booking-field-panel2 .panel-content .redirect-text{width:100%; float:left; margin:20px 0;} .cruise-booking-full .booking-field-panel2 .panel-content .payment-icon {margin-top: 30px; width: 100%; float: left;} .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full{margin:30px 0; width:100%; float:left;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text1{width:100%; float:left; text-align:center; font-size:12px;} .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text2{width:100%; float:left; text-align:center; font-size:18px;} .cruise-booking-full .booking-field-panel2 .panel-content .term-condition-full .pay-btn-outer .pay-btn .text3{width:100%; float:left; text-align:center; font-size:16px;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel{width:100%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1{width:10%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box2{width:25%; float:left; padding-left:10px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box3{width:30%; float:left; padding-left:10px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box4{width:30%; float:left; padding-left:10px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box5{width:40%; float:left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control{padding:6px 5px; padding-right:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1.dob{width:15%; float:left; padding-right:10px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .passport-btn span{margin-top:5px; float:left; cursor:pointer; color:#0491e1; text-decoration:underline;} .cruise-booking-full .booking-field-panel2 .panel-content .box-panel .form-control{border-radius:5px !important;} .cruise-booking-full .booking-field-panel2 .panel-content .box-panel .select2-container--default .select2-selection--single {border-radius:5px !important; border: 1px solid #c5c5c5 !important;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex{display:flex;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box1{width:75px; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box2{width:30%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box3{width:30%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box4{width:30%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5{width:35%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6{width:20%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box7{width:15%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; display:flex; margin:0 5px; padding:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex select{padding-right:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex div:first-child{margin-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex div:last-child{margin-right:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .checkbox-full-inline{padding-top:0px; margin-bottom:10px;} @media only screen and (min-width: 320px) and (max-width:767px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5 {width:250px;} } @media only screen and (min-width: 320px) and (max-width: 500px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex{display:flex; flex-direction:column; flex-wrap:wrap;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box1, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box2, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box3, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box4, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box7, .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box8{width:100%; margin:0 0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form .form-title.blank{display:none;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box6{width:33.33%;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel.display-flex .box5 {width: 60%;} } .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel{width:100%; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .title{float:left; margin-top:18px;} .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box{float:left; padding-left:20px; margin:10px 0 20px 0;} .cruise-booking-full .booking-field-panel2 .panel-content.offer-panel .box-panel .input-box .form-control{float:left; width:200px;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel{width:100%;float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .im{width:30%; float:left; position:relative;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .im img{width:100%; height:auto; border-radius:5px;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail{width:70%; float:left; padding-left:20px;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .title{width:100%; float:left; font-weight:600;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .hotel-address{width:100%; float:left; font-size:12px; color:#999; margin-top:7px;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating{width:80px; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .starrating img{width:100%; height:auto;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box1{width:50%; float:left; padding-right:5px;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .box2{width:50%; float:left; padding-left:5px;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .checkin-checkout-panel .check-in-out .inner-box{width:100%; float:left;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail{width:100%; float:left;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .room-detail-panel .room-detail .room-info .room{min-width:80px; float:left;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel{width:100%; float:left; margin-top:10px;} .cruise-booking-full .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;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text1{color:#16528e;} .cruise-booking-full .booking-field-panel2 .panel-content .hotel-detail-panel .detail .new-detail-info-panel .room-only .text2{color:#0099ff;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full{width:100%; float:left; margin-bottom:20px; margin-top:0px;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel{width:100%; float:left; border:1px solid #d1d1d1; margin-top:0px; } .cruise-booking-full .booking-sidebar-full .fare-detail-panel .header{width:100%; float:left; font-size:16px; font-weight:bold; background:#e2e2e2; color:#16528e; padding:10px 15px;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content{width:100%; float:left; padding:10px 15px;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel{width:100%; float:left; margin:3px 0; color:#666; cursor:pointer;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel{float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .text{font-weight:600;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .traveler{font-weight:normal;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{font-weight:normal;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .titel .icon{transition:0.3s; -webkit-transition:0.3s; display: inline-block;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel[aria-expanded="true"] .titel .icon{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price{float:right; text-align:right;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price .icon{} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-panel .price .value{} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full{width:100%; float:left; background:#e2e2e2; padding:5px 10px; margin:7px 0; } .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .text{width:50%; float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .price-detail-panel-full .price-detail-panel .price{float:right; text-align:right;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .line-full{width:100%; height:1px; float:left; background:#e2e2e2; margin:10px 0 10px 0; } .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .text{float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .total-fare .price{float:right; text-align:right;} .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .text{float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .icon{font-weight:normal; padding-left:4px;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .add-ons .price{float:right; text-align:right;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel{width:100%; float:left; font-size:13px; color:#666;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .text{float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .content .total-fare-panel .travel .price{float:right; text-align:right;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer{width:100%; float:left; background:#e2e2e2; font-size:16px; color:#000; font-weight:bold; padding:10px 15px;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer .text{float:left; text-align:left;} .cruise-booking-full .booking-sidebar-full .fare-detail-panel .footer .price{float:right; text-align:right; font-size:18px;} .cruise-booking-full .booking-sidebar-full .login-panel-full{width:100%; float:left; margin-top:20px;} .cruise-booking-full .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;} .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full .login-panel-full .or{width:100%; height:1px; float:left; background:#ccc; margin:35px 0 30px 0; position:relative;} .cruise-booking-full .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%);} .cruise-booking-full .booking-sidebar-full .payment-panel-full{width:100%; float:left; margin-top:20px;} .cruise-booking-full .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;} .cruise-booking-full .booking-sidebar-full .payment-panel-full .term-condition{width:100%; float:left; margin-bottom:15px;} .cruise-booking-full .booking-sidebar-full .payment-panel-full .term-condition label a{font-weight:bold; text-decoration:underline;} .divpassportPopup .modal-dialog{max-width:400px;} .divpassportPopup .modal-dialog.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem); justify-content: center;} .divpassportPopup .modal-content .modal-header .close{transition:0.3s; -webkit-transition:0.3s;} .divpassportPopup .modal-content .modal-header .close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .divpassportPopup .modal-content .modal-body .content-panel .form-group{width:100%; float:left; margin-bottom:15px;} .divpassportPopup .modal-content .modal-body .content-panel .form-group label{width:100%; float:left; font-weight:normal; font-size:15px;} .divpassportPopup .modal-content .modal-body .content-panel .form-group .form-control{height:48px; border:1px solid #e0e0e0; border-radius:5px;} .divpassportPopup .modal-content .modal-body .content-panel .form-group textarea.form-control{height:auto; width:100%;} .divpassportPopup .modal-content .modal-footer {width: 100%;float: left;} @media only screen and (min-width:320px) and (max-width:499px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form {padding-left:00px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .pass-form .form-title {width:100%; position:static} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {width:100%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box2 {width:100%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box3 {width:100%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box4 {width:100%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box5 {width:100%; float: left; padding-left:0px;} } @media only screen and (min-width:500px) and (max-width:767px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {width:10%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control{padding:6px 5px; padding-right:0px;} } @media only screen and (min-width:768px) and (max-width:991px) { .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 {width:10%; float: left; padding-left:0px;} .cruise-booking-full .booking-field-panel2 .panel-content.guest-panel .box-panel .box1 .form-control{padding:6px 5px;} } .cruise-booking-full .room-slect-panel{width:100%; float:left; padding:0px; margin-bottom:0px;} .cruise-booking-full .room-slect-panel .form-control{max-width:300px; height:40px; margin-bottom:15px;} .cruise-booking-full .ul-room-type{float:left; margin-bottom:0px; margin-top:10px;} .cruise-booking-full .ul-room-type li{display:inline-block; font-size:13px;} .cruise-booking-full .room-type-panel{width:100%; float:left; padding:0px; margin-bottom:0px;} .cruise-booking-full .room-type-panel .room-type-inner{width:100%; float:left;} .cruise-booking-full .room-type-panel .room-type-inner + .room-type-inner{margin-top:20px; border-top:1px solid #ccc; padding-top:0px;} .cruise-booking-full .room-type-panel .box1{width:25%; float:left; padding:0 10px;} .cruise-booking-full .room-type-panel .box2{width:25%; float:left; padding:0 10px;} .cruise-booking-full .room-type-panel .box3{width:25%; float:left; padding:0 10px;} .cruise-booking-full .room-type-panel .box4{width:25%; float:left; padding:0 10px;} .cruise-booking-full .room-type-panel .room-type-inner .form-control{height:40px;} .cruise-booking-full .room-type-panel .cruise-img{width:100%; float:left; border:1px solid #dfdfdf; border-radius:5px; padding:5px;} .cruise-booking-full .room-type-panel .cruise-img img{width:100%; height:auto;} .cruise-booking-full .room-type-panel .radio-full{width:100%; float:left;} .cruise-booking-full .room-type-panel .radio-full .radio-inline{width:100%; float:left; padding-left:0px;} .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip{width:100%; float:left; padding:10px 10px;} .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip:hover{background:#dfdfdf;} .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip .price{float:right;} .cruise-booking-full .room-type-panel .radio-full .radio-inline .trip label{width:100%; float:left;} .cruise-booking-full .room-type-panel .radio-full .radio-inline + .radio-inline{padding-left:0px; margin-left:0px;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked, .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label, .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label{font-weight: normal;position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #333;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="checkbox"]:checked + label, .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 6px;cursor: pointer;line-height: 20px;display: inline-block;color: #fff;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:before, .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #0491e1; border-radius: 100%; background: transparent;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:after, .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #0491e1; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .cruise-booking-full .room-type-panel .radio-full .radio-inline [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .radio-inline.default-radio{float:left; padding-left:0px;} .radio-inline.default-radio .trip{width:auto; float:left; padding:0px 10px;} .radio-inline.default-radio .trip .price{float:right;} .radio-inline.default-radio .trip label{width:100%; float:left;} .radio-inline.default-radio + .radio-inline{padding-left:0px; margin-left:0px;} .radio-inline.default-radio [type="radio"]:checked, .radio-inline.default-radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .radio-inline.default-radio [type="radio"]:checked + label, .radio-inline.default-radio [type="radio"]:not(:checked) + label{font-weight: normal;position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #333;} .radio-inline.default-radio [type="checkbox"]:checked + label, .radio-inline.default-radio [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 6px;cursor: pointer;line-height: 20px;display: inline-block;color: #fff;} .radio-inline.default-radio [type="radio"]:checked + label:before, .radio-inline.default-radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #0491e1; border-radius: 100%; background: transparent;} .radio-inline.default-radio [type="radio"]:checked + label:after, .radio-inline.default-radio [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #0491e1; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .radio-inline.default-radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .radio-inline.default-radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .cruise-booking-full .room-type-panel .room-detail-title-outer{width:100%; float:left;} .cruise-booking-full .room-type-panel .room-detail-title{display:block; color:#0491e1; margin-top:0px; margin-bottom:5px; float:left; font-size:13px; text-decoration:underline;} .cruise-booking-full .room-type-panel .room-detail-info{display:block; width:100%; color:#666; float:left; font-size:12px; margin-top:10px;} .cruise-booking-full .guest-details-panel{width:100%; float:left; overflow:initial; padding:20px; margin-bottom:30px;} .cruise-booking-full .guest-details-panel .room-title{font-size:24px; color:#4c4c4c; position:relative; margin-bottom:20px;} .cruise-booking-full .guest-details-panel .room-title:before{content:""; position:absolute; width:50px; height:2px; background:#0491e1; left:0px; top:100%;} .cruise-booking-full .guest-details-panel .guest-title{font-size:16px; color:#0491e1;} .cruise-booking-full .guest-details-panel .form-panel{width:100%; float:left; border:1px solid #ccc; border-radius:5px; padding:20px; margin-top:15px;} .cruise-booking-full .guest-details-panel .form-panel .guest-panel{width:100%; float:left;} .cruise-booking-full .guest-details-panel .form-panel .guest-panel + .guest-panel{border-top:1px dotted #0491e1; margin-top:20px; padding-top:20px;} .cruise-booking-full .guest-details-panel .form-panel .form-control{border:0px; height:50px; box-shadow:none; border-bottom:1px solid #ccc; border-radius:0px;} .cruise-booking-full .guest-details-panel .form-panel .form-group{width:100%; float:left; position:relative;} .cruise-booking-full .guest-details-panel .form-panel .form-group .focus-border{content:""; position:absolute; width:0%; transition:0.3s; left:50%; right:50%; margin-top:-1px; height:2px; background:#0491e1; top:100%;} .cruise-booking-full .guest-details-panel .form-panel .form-group .effectonhover:focus ~ .focus-border{width:100%; left:0%; right:0%;} .cruise-booking-full .guest-details-panel .form-panel .social{width:100%; height:50px; padding-top:15px; float:right;margin-right:0; border-bottom:1px solid #ccc;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a{color: #4c4c4c; width:100%; float:left; font-weight: 600;font-size: 13px;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a .caret{float:right;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown ul{padding:0px;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown a .flag-icon-main img{width:20px; margin-right:5px; } .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu{background: #f5f5f5;width:100%; margin:0px auto !important; height: 200px; overflow-y: auto; top:27px;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li:first-child {width: 100%; padding: 0; margin: 0;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li{margin-left:0px; width:100%;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a {border-bottom: 1px solid #fcfcfc;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a:hover {background: #ededed; color:#333;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a {padding: 6px 10px; line-height: 1em; color: #a9a9a9;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a img{width: 25px;} .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a .flag-icon img{width:20px; margin-right:5px; } .cruise-booking-full .guest-details-panel .form-panel .social nav.dropdown .dropdown-menu li a .serach-bar{width:100%; float:left; height:28px; font-weight:normal; padding:0 5px;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-border{position: absolute;right: 0;left: auto;top: 43px;height:160px;width:300px;padding: 20px;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-black{padding-top: 4px;color:#4c4c4c!important;background:none!important;outline:none!important;border:none!important;font-weight:600;font-size:13px;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-black:hover{color:#000!important;background:#fff!important;outline:none!important;border:none!important;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content{width:100%;float:left;border:1px solid #ccc;height:50px;position: relative;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content select{border: none;position: absolute;right: 0px;top: 13px;outline:none;width:100%;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .content .change-btn{width: 100%;float: left;margin-top: 70px;text-align: center;background: #02a3ec;padding:9px 0;color: #fff;font-size: 18px;} .cruise-booking-full .guest-details-panel .form-panel .social .drop-down .w3-border:hover .w3-black{background:#fff;} .cruise-booking-full .guest-details-panel .form-panel .social .w3-dropdown-hover:first-child{background:#fff!important;} .cruise-booking-full .guest-details-panel .form-panel .social ul{list-style:none;float:left;padding:0;} .cruise-booking-full .guest-details-panel .form-panel .social ul li{display:inline-block;color:#fff;margin-left: 40px;font-size: 15px;} .cruise-booking-full .guest-details-panel .form-panel .social ul li a{color:#fff;} .cruise-booking-full .guest-details-panel .form-panel .social ul li div{margin-left: 5px;display:inline-block;} .cruise-booking-full .guest-details-panel .form-panel .social ul li div.icon{width:25px;height:25px;line-height:25px;border:1px solid #fff;text-align: center;border-radius: 32px;font-size: 13px;} @media only screen and (min-width:320px) and (max-width:767px) { .cruise-booking-full .room-type-panel .box1, .cruise-booking-full .room-type-panel .box2, .cruise-booking-full .room-type-panel .box3, .cruise-booking-full .room-type-panel .box4{width:50%;} } @media only screen and (min-width:320px) and (max-width:400px) { .cruise-booking-full .room-type-panel .box1, .cruise-booking-full .room-type-panel .box2, .cruise-booking-full .room-type-panel .box3, .cruise-booking-full .room-type-panel .box4{width:100%;} } @media only screen and (min-width:768px) and (max-width:991px) { .cruise-booking-full .room-type-panel .box1, .cruise-booking-full .room-type-panel .box2, .cruise-booking-full .room-type-panel .box3, .cruise-booking-full .room-type-panel .box4{width:50%;} } /*-- CRUISE BOOKING --*/ .ShowMoreResults_outer{width:100%; float:left; text-align:center; margin: 20px auto;} .ShowMoreResults_inner{display:inline-block; padding:6px 20px; font-size:16px; outline:none; border:0px; border-radius:5px; background:#fe492b ; color:#fff;} .ShowMoreResults_inner:hover{background:#00387C;} .ptext { font-size: 13px; color: #4a89d9; margin-bottom: 20px; } .fg-login{cursor:pointer!important} .main-confirmation{margin:100px 0;} #fof{display:block; width:100%; line-height:1.6em; text-align:center;padding: 50px 0;background: #ecf4f7;} #fof .hgroup{text-transform:uppercase;} #fof .hgroup h1{margin-bottom:25px; font-size:80px;} #fof .hgroup h1 span{display:inline-block; margin-left:5px; padding:2px; border:1px solid #CCCCCC; overflow:hidden;background: #2b5383;color: #fff;} #fof .hgroup h1 span strong{display:inline-block; padding:0 20px 0px; border:1px solid #CCCCCC; font-weight:normal;} #fof .hgroup h2{font-size:60px;color: #2b5383;letter-spacing: 10px;} #fof .hgroup h2 span{display:block; font-size:30px;color:#e88b1b;} #fof p{margin:25px 0 0 0; padding:0; font-size:16px;} #fof p:first-child{margin-top:0;} .our-best-hotel .hotel-detail{width:100%; float:left;} .our-best-hotel .hotel-detail .hotel-img{position:relative;} .our-best-hotel .hotel-detail .hotel-img .h-img{width:100%;} .our-best-hotel .hotel-detail .hotel-text{background: #fff;max-width: 1000px;margin:0 auto;position: relative;bottom: 130px;padding: 20px; box-shadow: 1px 4px 8px 0px #cecece;} .our-best-hotel .hotel-detail .hotel-text .head{line-height:20px; font-size:18px; color: #000; padding-bottom: 4px;} .our-best-hotel .hotel-detail .hotel-text h4{padding: 0px 0px 30px; font-size: 28px;} .our-best-hotel .hotel-detail .hotel-text .tabhead{position: absolute; top: -44px; left: 0;} .our-best-hotel .hotel-detail .hotel-text .tabhead span{background: #1e448b;color: #fff;padding: 15px;font-size: 21px;} .our-best-hotel .hotel-detail .hotel-text .subhead{color: #8a8a8a;} .our-best-hotel .hotel-detail .service{line-height: 35px; font-size: 16px; border-left: 1px dotted #ffae00; padding-left: 40px;} .our-best-hotel .hotel-detail .service i{color:#ffae00;} .our-best-hotel .hotel-detail .hotel-text .makka-text{line-height: 30px;} @media screen and (min-width:320px) and (max-width:767px){ .our-best-hotel .heading{font-size: 16px; padding: 30px 0px;} .our-best-hotel .hotel-detail .service{padding-left:0px; font-size: 13px; border-left:0px dotted #ffae00;} } @media screen and (min-width:320px) and (max-width:1199px) { .our-best-hotel .hotel-detail .hotel-text{bottom:0px;} .our-best-hotel .hotel-detail{width:100%; float:left; margin-bottom:30px;} } .Service-included .Service-table .show-detail { background: #febd0b; color: #fff; padding: 5px; font-weight: 300; font-size: 14px; } .package-dtails1{background:#fff; padding:20px; width:100%} .f-detail, .notes-detail{padding:20px;} .table-striped tr td { font-size: 16px; padding: 15px; font-weight: 500; color: #1f458c; border: 1px solid #dddddd; }.table-striped tr th{font-weight: 600;font-size: 16px;padding: 14px; border-right: 1px solid #dddddd;border-left: 1px solid #dddddd} .shifting-pkg .icon-holder {position:relative; padding-left:60px; } .shifting-pkg .icon-holder .icon{position:absolute; left:0;} .shifting-pkg .icon-holder .icon i{font-size: 20px;color:#fdbc0a} .shifting-pkg .icon-holder h4{font-size: 20px; color: #264796;} .shifting-pkg .icon-holder .border-height{width: 2px;background: #fdbc0a;height: 60px;position: absolute;left: 23px;top:40px;} .shifting-pkg .img img{background: #73e5ff; padding: 15px; width: 100%;} .shifting-pkg h3{font-size: 40px; color: #264796; margin-top: 0;} .shifting-pkg p{font-size: 20px; color: #868686;} @media screen and (min-width:320px) and (max-width:767px){ .shifting-pkg{margin: 0px 0px;} .shifting-pkg h3{font-size: 30px; margin-top: 20px;} .shifting-pkg .icon-holder{margin-bottom: 25px; margin-top: 25px;} .shifting-pkg .icon-holder h4{font-size: 15px;} .shifting-pkg p{font-size: 15px;} } @media screen and (min-width:768px) and (max-width:991px){ .shifting-pkg h3{font-size: 28px;} .shifting-pkg p{font-size: 14px;} .shifting-pkg .icon-holder{margin-bottom: 25px; margin-top: 25px;} } .quick-pay-form-group{width:100%; float:left;} .quick-pay-form-group label{width:100%; float:left; text-align:left;} .quick-pay-form-group input {width:calc(100% - 20px); float:left; border-radius: 0px;float: left;height: 36px;line-height: 36px;margin-bottom: 15px;}