.hotelpn-field-row{ clear: both; margin: 0 -10px; }
.hotelpn-field-row:after{ content: ""; display: block; clear: both; }
.hotelpn-field{ margin: 5px 0 10px 0; padding: 0 10px; }
.hotelpn-search-form .hotelpn-checkin-field,
.hotelpn-search-form .hotelpn-checkout-field,
.hotelpn-search-form .hotelpn-rooms-field { width: 33.33%; float: left; } .pac-logo:after{display:none}
.hotelpn-hndle{   
border-top: 1px solid #eee;
}
.error{
display:none;
}
.hotelpn-error{
color:#f89101;
}
.search-error{
color:#f89101;
font-size: 20px;
margin: 25px;
}
.hidden{
display: none;
}
.hotelpn-success{
display: none;
} .hotelpn-success-booking{
display: none;
color: greeen;
}
.hotelpn-booking-no{
font-size: 18px;
margin: 15px;
color: green;
}
.hotelp_cancel_title{
font-size: 18px;
color: green;
text-decoration: underline;
}
.redirect_timer{
text-align: center;
font-size: 20px;
color: green;
}
.hotelpn-cancle-policy{
font-size: 15px;
margin: 15px;
color: #8a2b33;
}
.hotelpn-error-booking{
display: none;
color:#f89101
}
.text-center {
text-align:center;
}
.clear {
clear: both;
}
::-webkit-input-placeholder {
color: #777;    
} 
:-moz-placeholder { color: #777; 
} 
::-moz-placeholder { color: #777;  
} 
:-ms-input-placeholder {  
color:#777;
}
.tooltip_templates { display: none; }
.tooltip{
position: relative !important;
opacity: 1 !important; 
display: initial !important; 
}
.ui-progressbar .ui-progressbar-overlay {
background: #ccc url(data:image/gif;base64,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);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-widget-header {
position: relative;
color: #346ca0;
font-size: 13px;
border: 0;
overflow: hidden;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: none;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .85em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-header {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #d6d6d6;
border: 0;
background: #fff
}
.ui-datepicker-title {
text-align: center
}
.ui-datepicker-month {
position: relative;
color: #333;
font-weight: 700;
text-transform: uppercase
}
.ui-datepicker-year {
color: #666;
font-weight: 400
}
.ui-datepicker-calendar th {
text-align: center;
font-weight: 400;
color: #a8a8a8
}
.ui-datepicker-calendar td {
text-align: center
}
.ui-datepicker-calendar td.ui-state-disabled .ui-state-default {
background: #fff!important
}
.ui-datepicker-calendar .ui-state-default {
display: block;
outline: none;
text-decoration: none;
color: #a8a8a8;
border: 1px solid transparent;
background: #f5f5f5
}
.ui-datepicker-calendar .ui-state-active {
color: #f6861f;
border-color: #f6861f;
background: #fff
}
.ui-datepicker-calendar .ui-state-hover {
color: #fff;
border-color: #f6861f;
background: #f6861f
}
.ui-datepicker-calendar .ui-state-highlight {
font-weight: 700;
border: 0;
background: #fff;
color: #666
}
.ui-datepicker-other-month .ui-state-default {
color: #565656
}
.ui-datepicker-calendar td.dp-highlight a {
color: #f6861f;
border-color: #f6861f;
background: #fff
}
.ui-datepicker-calendar td.dp-CheckInDate a {
color: #fff;
border-color: #f6861f;
background: #f6861f;
-webkit-border-top-left-radius: 20px!important;
-webkit-border-bottom-left-radius: 20px!important;
-moz-border-radius-topleft: 20px!important;
-moz-border-radius-bottomleft: 20px!important;
border-top-left-radius: 20px!important;
border-bottom-left-radius: 20px!important
}
.ui-datepicker-calendar td.dp-CheckOutDate a {
color: #fff;
border-color: #f6861f;
background: #f6861f;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px
}
div.ui-datepicker {
font-size: 12px;
display: block;
position: relative;
background-color: #fff;
margin: 14px 0 0;
padding: 10px;
text-align: center;
width: 180px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 3px 8px 17px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 3px 8px 17px rgba(0, 0, 0, 0.25);
box-shadow: 3px 8px 17px rgba(0, 0, 0, 0.25);
opacity: 1;
transition: opacity .5s linear
}
#ui-datepicker-div {
display: none
}
.ui-icon-circle-triangle-w {
background: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}
.ui-icon-circle-triangle-e {
background: none;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1)
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
background: none;
background-image: none
}
.ui-datepicker-prev:after {
content: '\25C4'
}
.ui-datepicker-next:after {
content: '\25BA'
}
.MSIE7 div.dateCalendar .datepicker-popover-handle,
.MSIE8 div.dateCalendar .datepicker-popover-handle {
display: none
}
.dateCalendar .datepicker-popover-handle {
position: absolute;
top: 0;
left: 20px;
display: inline-block;
content: '';
border-color: rgba(0, 0, 0, 0.25);
border-style: solid;
border: 1px solid rgba(0, 0, 0, 0.25);
border-right: 0;
border-bottom: 0;
height: 16px;
width: 16px;
background: #fff;
margin: 6px;
transition: opacity .5s linear;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-width: 1px 0 0 1px;
z-index: 99999
}
.datepicker-popover-handle-above .ui-datepicker {
margin-bottom: 15px;
margin-top: 0
}
.datepicker-popover-handle-above .datepicker-popover-handle {
-webkit-transform: rotate(-135deg)!important;
-moz-transform: rotate(-135deg)!important;
-ms-transform: rotate(-135deg)!important;
-o-transform: rotate(-135deg)!important;
transform: rotate(-135deg)!important;
position: absolute!important;
top: auto!important;
bottom: 1px!important
}
div.calendar-footer {
min-height: 1.25em;
padding-top: 6px;
margin-top: 6px;
color: #999;
font-size: 13px;
font-style: italic
}
a.closeDatepicker {
font-style: normal;
color: #999;
cursor: pointer;
display: block;
padding: 1px 4px;
border: 1px solid silver;
background: #efefef;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
border-radius: 4px;
position: absolute;
right: 8px;
bottom: 6px
}
td.dp-SelectedDate a.ui-state-default {
color: #fff;
border-color: #f6861f;
background: #f6861f;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
a.closeDatepicker:hover {
background: orange;
color: #fff;
border: 1px solid orange
}
.dateCalendar.mobilecal {
position: fixed!important;
width: 100%;
top: 0!important;
left: 0!important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(51, 51, 51, .75);
height: 100%;
margin: 0;
padding: 0
}
.mobilecal div.ui-datepicker {
position: relative;
width: 100%;
max-width: 600px;
height: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 70px auto;
padding: 8px;
font-size: 17px
}
.mobilecal .datepicker-popover-handle {
display: none!important
}
.mobilecal div.calendar-footer {
font-size: 18px
}
.mobilecal .ui-datepicker td {
padding: 1px;
font-size: 18px
}
.ipad .ui-datepicker td {
padding: 1px;
font-size: 14px
}
.ipad div.ui-datepicker {
font-size: 14px
}
@media (min-width: 1100px) {
table.ui-datepicker-calendar td,
.ui-widget,
.ui-datepicker.ui-datepicker-multi {
font-family: helvetica, arial, sans-serif!important
}
.ui-datepicker td span,
.ui-datepicker td a {
text-align: center;
padding: 8px;
font-size: 15px
}
.ui-datepicker.ui-datepicker-multi {
width: 620px!important
}
.ui-datepicker-calendar th {
font-size: 12px;
padding: 10px 0
}
.ui-datepicker .ui-datepicker-title {
font-size: 14px
}
}
.row {
margin-right: 0px !important;
margin-left: 0px !important;
}
.agile_form input[type=text]{
padding: 0.8em 1em;
color: #000;
font-size: 0.9em;
outline: none;
border: 1px solid #000;
background: transparent;
letter-spacing: 1px;
-webkit-appearance: none; width:100%;
}
.section_class_agileits input[type=text]{ width:100%;
}
input.username,.checkin,.checkout {	
float: left;
}
.section_class_agileits select, .agileits-location select {
border: none;
outline: none;
font-size: 0.9em;
background: url(../arrow1.html) no-repeat 90% center transparent;
padding: 0.8em 1em;
border: 1px solid #000;
color: #000;
-webkit-appearance: none;
width: 100%;
}
.agileits-location select {
background: url(../arrow1.html) no-repeat 97% center transparent;
}
.section_class_agileits {
margin: 1.5em 0 1em;
}
.section_class_agileits.agile-adults {
margin: 1em;
}
.agileits-location select {
width:100%;
}
.agileits-left {
float: left;
}
.agileits-left, .agileits-right {
float: left;
margin: 1em 0; width: 48.8%;
}
.agileits-right { margin-left: 1em;
}
.agileits-location.agileinfo-bottom {
width: 49.1%;
float: left;
}
.wthree-budget{ 
margin-left:0.5em;
}
.date {
cursor: pointer;
}
.submit input[type=submit] {
padding: 8px 15px 9px 15px;
font-size: 0.9em;
cursor: pointer;
border: none;
background:#f89101;
outline: none;
margin: 2.5em 0 0;
font-weight: 400;
text-transform: capitalize;
width: 100%;
letter-spacing: 1px;
border: 1px solid #000;
color: #FFF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-weight: 700;
margin-bottom:  5px;
}
.submit input[type=submit]:hover {
color:#000;
border: 1px solid #000;
}
.agile_form label {
color: #282828;
display: inline-block;
display: block;
}
input.userincr-btn-dec, input.userincr-btn-inc {
padding: 0.43em 0.1em;
}
.section_class_agileits input {
border:1px solid #000;
outline: none;
font-size: 0.9em;
color: #000 !important;
-webkit-appearance: none;
width: 13%;
background:transparent;
}
.section_agileits {
width: 32.2%;
float: left;
}
.section_agileits.ls-sel2 {
margin: 0 8px;
}
.agileits-location select,.agile_form input[type=text]{
border:1px solid #000;
} @media screen and (max-width: 1440px){
.container {
width: 35%;
}
}
@media screen and (max-width: 1366px){
.container {
width: 36%;
}
}
@media screen and (max-width: 1280px){
.container {
width: 39%;
}
}
@media screen and (max-width: 1080px){
.container {
width: 49%;
}
.agile_form input[type=text] { width: 100%;
}
.agileits-left, .agileits-right {
width: 48.60%;
}
}
@media screen and (max-width: 1050px){
.container {
width: 50%;
}
}
@media screen and (max-width: 991px){}
@media screen and (max-width: 900px){
.container {
width: 56%;
}
.agileits-left, .agileits-right {
width: 48.30%;
}
}
@media screen and (max-width: 800px){
.container {
width: 63%;
}
h1.agile-head {
font-size: 2.8em;
}
}
@media screen and (max-width: 768px){
.container {
width: 65%;
}
.agileits-left, .agileits-right {
width: 48.30%;
}
}
@media screen and (max-width: 736px){
.container {
width: 68%;
}
}
@media screen and (max-width: 732px){
.container {
width: 68%;
}
.agileits-left, .agileits-right {
width: 48.35%;
}
}
@media screen and (max-width: 667px){
.agile_form input[type=text]{ width:100%;
}
.section_class_agileits input[type=text] {
width: 100%; }
.section_class_agileits input{
width:14%;
}
.section_agileits.ls-sel2 {
margin: 0px 7px;
}
.agileits-location.agileinfo-bottom {
width: 49%;
}
.agile_form input[type=text] { width: 100%;
}
.agileits-right {
margin-left: 1.3em;
}
}
@media screen and (max-width: 640px){
h1.agile-head {
font-size: 2.7em;
}
.agile_form input[type=text] { width: 100%;
}
.section_class_agileits input[type=text] { width: 100%;
}
.agileits-right {
margin-left: 1.25em;
}
}
@media screen and (max-width: 600px){
h1.agile-head {
font-size: 2.5em;
}
.section_agileits {
width: 32%;
}
.agileits-location.agileinfo-bottom {
width: 48.9%;
}
.section_class_agileits input[type=text] { width: 100%;
}
.section_class_agileits input[type=text] { width: 100%;
}
.agile_form input[type=text] { width: 100%;
}
}
@media screen and (max-width: 568px){
h1.agile-head {
font-size: 2.4em;
}
.section_class_agileits input[type=text] { width: 100%;
}
.container {
width: 71%;
}
.section_agileits {
width: 31.9%;
}
}
@media screen and (max-width: 480px){
h1.agile-head {
font-size: 1.9em;
letter-spacing: 1px;
}
.agileits-left, .agileits-right {
width: 100%;
float:none;
margin:0;
}
.section_class_agileits input[type=text] { width: 100%;
}
.section_class_agileits input {
width: 16%;
}
.agileits-location.agileinfo-bottom {
width: 100%;
}
.wthree-budget {
margin-left: 0;
}
.agile_form label{
margin:0.7em 0;
}
}
@media screen and (max-width: 414px){
.section_class_agileits select, .agileits-location select{
margin-top:0;
}
.agile_form input[type=text] { width: 100%;
}
.section_class_agileits input[type=text] { width: 100%;
}
.section_class_agileits input {
width: 20%;
}
.container{
margin:2em auto;
}
.section_agileits {
width: 100%;
}
.section_agileits.ls-sel2 {
margin: 1em 0;
}
.section_class_agileits {
margin: 1.5em 0 0.5em;
}
}
@media screen and (max-width: 384px){
h1.agile-head {
font-size: 1.8em;
}
.agile_form input[type=text] { width: 100%;
}
.section_class_agileits input[type=text] { width: 100%;
}
}
@media screen and (max-width: 375px){
.section_class_agileits input[type=text] { width: 100%;
}
.section_class_agileits input[type=text] { width: 100%;
}
h1.agile-head {
font-size: 1.7em;
}
}
@media screen and (max-width: 320px){
h1.agile-head {
font-size: 1.58em;
letter-spacing: 0px;
}
.agile_form input[type=text] { width: 100%;
}
.container {
padding: 1.2em;
}
.section_class_agileits input[type=text] { width: 100%;
}
.section_class_agileits input {
width: 30%;
}
} .jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
margin-top:-19px;
position:relative;
top:50%;
width:38px;
height:38px;
}
@keyframes jssorl-009-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}  .jssort07 {
position: absolute; width: 800px;
height: 100px;
}
.jssort07 .p {
position: absolute;
top: 0;
left: 0;
width: 99px;
height: 66px;
}
.jssort07 .i {
position: absolute;
top: 0px;
left: 0px;
width: 99px;
height: 66px;
filter: alpha(opacity=80);
opacity: .8;
}
.jssort07 .p:hover .i, .jssort07 .pav .i {
filter: alpha(opacity=100);
opacity: 1;
}
.jssort07 .o {
position: absolute;
top: 0px;
left: 0px;
width: 97px;
height: 64px;
border: 1px solid #000;
box-sizing: content-box;
transition: border-color .6s;
-moz-transition: border-color .6s;
-webkit-transition: border-color .6s;
-o-transition: border-color .6s;
}
.jssort07 .pav .o {
border-color: #0099ff;
}
.jssort07 .p:hover .o {
border-color: #fff;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.jssort07 .p.pdn .o {
border-color: #0099ff;
}
* html .jssort07 .o { width : 99px;
height : 66px;
}
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
#slider1_container{
position: relative; 
width: 720px;
height: 480px; 
overflow: hidden;
}
.jssorl-009-spin{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:center;
background-color:rgba(0,0,0,0.7);
}
.u-slides{
position: absolute; 
left: 0px; 
top: 0px; 
width: 720px; 
height: 480px;
overflow: hidden;
}
.thumbnavigator{
width: 720px; height: 100px; left: 0px; bottom: 0px;
}
.arrowleft{
width:40px;height:40px;top:123px;left:8px;
}
.arrowright{
width:40px;height:40px;top:123px;right:8px;
}
.viewBox{
position:absolute;top:0;left:0;width:100%;height:100%;
}