/**
 * RNS Original
 * --------------------------------------------------
 */


#rns-style p {
    font-size:1em;
    line-height: 1.5;
    letter-spacing: normal;
    font-family:inherit;
}
#rns-style .table{
    font-size:14px;
    line-height: 1.5;
    letter-spacing: normal;
}
#rns-style .main-content {max-width:1200px !important}
.rns-container {
    max-width: 1140px; 
    margin: 0 auto; 
    padding:15px 20px 50px; 
}
#rns-style .container{padding-left:5px!important; padding-right:5px!important;}
#rns-style .container-fluid {padding-right:5px !important; padding-left:5px!important}
#rns-style .light-bold { font-weight: 500}
#rns-style .slider-padding1 {padding:10px 10px 30px}
#rns-style .slider-padding2 {padding:0px 15px 30px}
#rns-style .slider-padding3 {padding:0px 15px 20px}
#rns-style .light-font { font-weight: 300} 
#rns-style h1 {font-weight: 400; line-height: 1.5em}
#rns-style h2 {font-weight:400; line-height: 1.5em}
#rns-style h3 {font-weight:400; line-height: 1.5em}
#rns-style h4 {font-weight:400; font-size: 20px; line-height: 1.5em}
#rns-style h5 {font-weight:400; line-height: 1.5em}
#rns-style h6 {font-weight:400; line-height: 1.5em}
#rns-style th {font-weight:400; line-height: 1.5em}

#rns-style .results-price {
    font-weight: 400;
    font-size: 18px;
    padding: 0;
    color: white;
}

#rns-style label {
    word-wrap: break-word;
    color: #333;
    font-size: 16px;
    opacity: 1;
    font-weight:400;
}

#rns-style ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
    font-size: 16px;
    opacity: 1;
}
#rns-style ::-moz-placeholder { /* Firefox 19+ */
    color: #333;
    font-size: 16px;
    opacity: 1;
}
#rns-style :-ms-input-placeholder { /* IE 10+ */
    color: #333;
    font-size: 16px;
    opacity: 1;
}
#rns-style :-moz-placeholder { /* Firefox 18- */
    color: #333;
    font-size: 16px;
    opacity: 1;
}

#rns-style fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

#radio12px.radio input[type=radio]:checked~.check {transform: scale3d(.50,.50,2);}
#radio12px.radio label .check {height: 12px; width: 12px; left:5px}
#radio12px.radio label .circle{height: 12px; width: 12px; border-width: 1px; left:5px}
#radio12px.radio label {padding-left:20px}
.radio-nopadding1{padding-left:0px}

#check12px.checkbox .checkbox-material .check{height: 12px; width: 12px;}
#check12px.checkbox label .check{height: 12px; width: 12px; border-width: 1px; top:-3px}
#check12px.checkbox-primary input[type=checkbox]:checked+.checkbox-material .check:before {top:-2px}
#check12px.checkbox .checkbox-material:before{  height: 16px; width: 16px; left:-1px}
#check12px.checkbox-primary input[type=checkbox]:checked+.checkbox-material .check {transform: scale3d(1, 1, .8);}
#check12px.checkbox label {font-size:12px}
.payment-amount.input-group-addon {
  padding: 6px 8px 6px 0px;
}
#rns-style .nounderline{text-decoration: none}

#rns-style .display-table h4 {margin: 10px 0 0; padding-bottom: 10px }
#rns-style .display-table.table>thead>tr>th {padding: 0}

#rns-style .breadcrumb {
    display: block;
    border-radius: 0px;
    border: #eee 1px solid;
    padding: 10px 15px;
    margin: 20px 0 20px;
    font-size: 14px;
    overflow: auto;
}

[class*="col-"] {padding:0 10px}

 /**
 * Basic Bootstrap Overrides
 * --------------------------------------------------
 */

#rns-style h1 {font-size: 36px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}
#rns-style h2 {font-size: 30px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}
#rns-style h3 {font-size: 24px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}
#rns-style h4 {font-size: 20px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}
#rns-style h5 {font-size: 16px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}
#rns-style h6 {font-size: 14px; color:#333; padding: 0; margin-top:10px; margin-bottom:10px;}

#rns-style .form-control {
color: #333;
height: 25px;
background-position-x: 100%;background-position-y: 100%;
border: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009688), color-stop(100%,#009688)),-webkit-gradient(linear, left top, left bottom, color-stop(51%,#d2d2d2), color-stop(100%,#d2d2d2));; /* Chrome,Safari4+ */
background-size: 0 2px,100% 1px;
-webkit-transition: background 0 ease-out;
box-shadow: none;
font-size: 16px;
height: auto;
}

#rns-style select.form-control{
-webkit-appearance: menulist;
}


#rns-style .form-control-wrapper .floating-label {
-webkit-transition: .3s ease all;
-webkit-text-stroke: 0.05px;
}

#rns-style .form-control-wrapper .form-control:focus ~ .floating-label, 
#rns-style .form-control-wrapper .form-control:not(.empty) ~ .floating-label{
top:-12px;
}

#rns-style .form-control:placeholder{
-webkit-text-stroke: 0.05px;
}

#rns-style input#arrivedate::-webkit-input-placeholder{
    font-size:16px
}
#rns-style .btn{
    border-radius:0px !important; 
    padding-left:15px; 
    padding-right:15px;
    -webkit-transition: background-color .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1);    
    border: 1px solid #ccc;
}
#rns-style input {font-weight: 400; border: none}
#rns-style select {font-weight: 400}
#rns-style .input-group .form-control{float:none; padding:0}
#rns-style .input-group-sm>.form-control {border-radius:0px !important; padding:5px; margin-bottom:10px}
#rns-style .input-group-sm>.input-group-addon {border-radius:0px !important; padding:5px 5px 5px 0px; }
#rns-style .input-group-sm>.input-group-btn>.btn {border-radius:0px !important}
#rns-style .panel-heading{border-radius:0px !important; padding:5px 10px 5px} 
#rns-style .panel{border-radius:0px !important;}
#rns-style .panel-body{border-radius:0px !important; padding:10px 10px 10px}
#rns-style .checkbox .checkbox-material {top: 0px;}
#rns-style .checkbox .checkbox-material .check{width:16px; height:16px; border: 1px solid}
#rns-style .checkbox .checkbox-material .check:before {margin-left:5px; margin-top:-5px}
#rns-style .checkbox .checkbox-material:before {height:16px; width:16px;}
#rns-style .checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
-webkit-animation-name: checkbox-on;
-webkit-animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
}

#rns-style .checkbox .checkbox-material .check:before {
-webkit-animation-name: checkbox-off;
-webkit-animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
}
#rns-style .check {font-size:12px}

#rns-style .exact-width.table>tbody>tr>td {width: 25%}

#rns-style .form-control-wrapper .floating-label {
    opacity: 100; color:#777777
}
#rns-style .form-control-wrapper .form-control:focus~.floating-label, 
#rns-style .form-control-wrapper .form-control:not(.empty)~.floating-label {
    font-size: 11px;
}

#rns-style .form-control-wrapper .floating-label {
    font-size: 16px;
    line-height: 1em;
}

#rns-style .form-control::-moz-placeholder {
    color: #777777 !important;
    opacity: 1;
}
#rns-style .form-control::-ms-input-placeholder {
    color: #777777 !important;
}
#rns-style .form-control::-webkit-input-placeholder {
    color: #777777 !important;
}
#rns-style .form-group .control-label::-webkit-input-placeholder{
    color: #777777 !important;
}

#rns-style .list-group .list-group-item .row-action-primary i {line-height: 45px; width: 45px; height:45px}

#rns-style .modal-dialog {width: 715px;}
#rns-style .modal-content  {box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important; padding:10px}
#rns-style .modal-backdrop {background: rgba(0,0,0,.6);}
#rns-style .modal-content .modal-header  {
padding-top: 20px !important;
  padding-right: 15px !important;
  padding-bottom: 0px !important;
  padding-left: 15px !important;
  }
#rns-style .modal-content .modal-body  {
padding-top: 10px !important;
  padding-right: 15px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  } 
#rns-style .modal-content .modal-footer  {
padding-top: 10px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  }
  
#rns-style .modal-header .close {
  margin-top: 0;
  margin-right: 5px;
  }
  
#rns-style .radio {margin-top:0px}  
#rns-style .radio label {padding-left: 35px; }
#rns-style .radio-inline+.radio-inline { margin-left: 0px}
#rns-style .radio label .circle {
  border: 2px solid #333
 }
 
#rns-style .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f5f5f5}
#rns-style .table-hover>tbody>tr:hover {background-color: #eee}
#rns-style .table>thead>tr>th {border-bottom: 2px #ddd solid}
 
#rns-style .img-responsive {margin: 0 auto}   
 
 
#rns-style .btn-fab {
 margin: 0;
padding: 10px;
font-size: 26px;
width: 56px;
height: 56px;
border-radius: 100%;
}


#rns-style .tooltip.top {margin: 0px}
#rns-style .tooltip-inner{
    color: #333333;
    background: rgba(255,255,255,1);
    padding: 6px;
}
#rns-style .tooltip.top .tooltip-arrow {
    display: inline-block !important;
    border-top-color: rgba(255,255,255,1);
}


/*----------------------Calendar- Datepickers----------------------*/
.datepicker {font-weight:400 !important}
.datepicker-inline {width:inherit;} 
.datepicker table tr th {font-weight:500 !important;}
.datepicker table tr td, .datepicker table tr th {height: 30px; border-radius: 0px!important; text-align: center; width: 40px; font-size:14px; line-height: 1.5em}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {background:#c7c7c7}

.datepicker table tr td.old, .datepicker table tr td.new {color:#656565}

.datepicker table tr td.active.active { color: #fff; background-color:#009688 !important; border: #333 1px solid !important; border-radius: 0px!important;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:focus { color: #fff; background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:focus { color: #fff; background-color: #009688; background-color: #009688; opacity:.8 !important; border-color: #333; border-radius: 0px!important;}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled {color: #fff; background-color:#009688; border-color: #009688; border-radius: 0px!important;}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled:hover {color: #fff; background-color:#009688!important; border-color: #009688; opacity:.8 !important; border-radius: 0px!important;}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover{background-color:#009688;opacity: .6;color: white; border-radius: 0px!important;}
.datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:focus {background-color:#009688;opacity: .7;color: white; border-radius: 0px!important;}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color:#BDBDBD !important; cursor:text; background:none; border-radius: 0px!important;}

.blocked, .datepicker table tr td.blocked, .datepicker table tr td.blocked:hover {background-color:#757575!important; color: #333 !important; cursor:default; border-radius: 0px!important;}


.blocked-depart{     
background: -moz-linear-gradient(-53deg,  #757575 0%, #757575 50%, #ffffff 53%, #ffffff 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg,  #757575 0%, #757575 50%, #ffffff 53%, #ffffff 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg,  #757575 0%, #757575 50%, #ffffff 53%, #ffffff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#00757575',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #333!important;
border-radius: 0px!important;
}

.blocked-depart:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }

.blocked-arrival{    
background: -moz-linear-gradient(-53deg,  #ffffff 0%, #ffffff 50%, #757575 53%, #757575 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg,  #ffffff 0%, #ffffff 50%, #757575 53%, #757575 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg,  #ffffff 0%, #ffffff 50%, #757575 53%, #757575 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757575', endColorstr='#757575',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#333!important;
border-radius: 0px!important;
}

.blocked-arrival:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }

.selected-depart{ 
background: -moz-linear-gradient(-53deg,  #009688 0%, #009688 50%, #ffffff 53%, #ffffff 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg,  #009688 0%, #009688 50%, #ffffff 53%, #ffffff 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg,  #009688 0%, #009688 50%, #ffffff 53%, #ffffff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009688', endColorstr='#00009688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#333!important;
border-radius: 0px!important;
}

.selected-depart:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }

.selected-arrival{ 
background: -moz-linear-gradient(-53deg,  #ffffff 0%, #ffffff 50%, #009688 53%, #009688 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg,  #ffffff 0%, #ffffff 50%, #009688 53%, #009688 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg,  #ffffff 0%, #ffffff 50%, #009688 53%, #009688 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009688', endColorstr='#009688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#333!important;
border-radius: 0px!important;
}

.selected-arrival:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }

.blocked-selected-arrival{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+0,757575+50,757575+50,009688+50,009688+100 */
background: #757575; /* Old browsers */
background: -moz-linear-gradient(-53deg, #757575 0%, #757575 50%, #757575 50%, #009688 53%, #009688 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg, #757575 0%,#757575 50%,#757575 50%,#009688 53%,#009688 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg, #757575 0%,#757575 50%,#757575 50%,#009688 53%,#009688 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#009688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff!important;
border-radius: 0px!important;
}

.blocked-selected-arrival:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }

.blocked-selected-depart{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009688+0,009688+50,757575+50,757575+50,757575+100 */
background: #009688; /* Old browsers */
background: -moz-linear-gradient(-53deg,  #009688 0%, #009688 50%, #757575 50%, #757575 53%, #757575 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-53deg,  #009688 0%,#009688 50%,#757575 50%,#757575 53%,#757575 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(143deg,  #009688 0%,#009688 50%,#757575 50%,#757575 53%,#757575 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009688', endColorstr='#757575',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff!important;
border-radius: 0px!important;
}

.blocked-selected-depart:hover {background-color: #009688!important; opacity:.8 !important; border-color: #333; border-radius: 0px!important; }








.datepicker.dropdown-menu{
    width: auto;
}
.datepicker.dropdown-menu th {
    font-size:14px;
    font-weight: 500;
    padding-top: 5px;
}




/*----------------------Calendar- Full 12 Month Selected Color----------------------*/
#year-calendar td.selected {
  background-color: #00aa9a !important;
  color: #fff !important;
}

/*----------------------Slider bar Color----------------------*/
.noUi-origin-lower { background-color: #009688; }
#rns-style .noUi-origin-lower {height:18px}
#rns-style .noUi-horizontal {height: 18px;}
#rns-style .noUi-target {
    border-radius: 0px;
    box-shadow: none;
    border: none;
}
#rns-style .noUi-background {
    background-color: #ddd;
    box-shadow: none;
}
#rns-style .noUi-horizontal {
    height: 18px;
    position: relative;
    top: 0px;
}
.noUi-origin {
    border-radius: 0px;
    border-bottom: 1px solid #a5a5a5;
}
#rns-style .noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.noUi-origin[style^="left: 0"] .noUi-handle {
    background-color: #fff;
    border: 2px solid #aaa;
}

#rns-style .noUi-handle {
    border: 2px solid #aaa;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,
    inset 0 1px 7px #EBEBEB,
    0 3px 6px -3px #BBB;
}

#rns-style .noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #ccc;
    left: 14px;
    top: 6px;
}
#rns-style .noUi-handle:after {
    left: 17px;
    background: #ccc
}


/*.noUi-origin {height:4px; background: #A5A5A5}*/

/*.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8;
  height: 18px;
  width: 18px;
  top: -9px;
  }

.noUi-handle {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  left: -10px;
  top: -9px;
  cursor: ew-resize;
  border-radius: 100%;
  transition: all .2s ease-out;
  border: 1px solid;
}*/


 /**
 * Icon addons
 * --------------------------------------------------
 */ 
#rns-style .left-inner-addon {
    position: relative;
}
#rns-style .left-inner-addon input {
    padding-left: 30px;    
}
#rns-style .left-inner-addon i {
    position: absolute;
    padding: 5px;
    pointer-events: none;
	top: -5px;
}

#rns-style .right-inner-addon {
    position: relative;
}
#rns-style .right-inner-addon input {
    padding-right: 30px;    
}
#rns-style .right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 5px;
    pointer-events: none;
	top: -3px;
}





 /**
 * Guest Login
 * --------------------------------------------------
 */ 


#rns-style .guest-login-info {
padding: 20px 0 10px;
}
#rns-style .guest-login-container {
  width: 480px;
  margin: 10px auto;
  border: #eee 1px solid;
  padding: 0px 30px 20px;
  box-shadow: 0 8px 10px 0 rgba(0,0,0,.1),0 6px 10px 0 rgba(0,0,0,.08);
  }


 /**
 * Guest Services
 * --------------------------------------------------
 */ 
#rns-style .guest-services-container {padding:0px 10px}
#rns-style .view-res-btn {width:100%}
#rns-style .guest-pay-btn{width:100%}

#guest-res-table{padding-top: 10px}
#guest-res-table-mobile {display: none; padding-top: 10px; margin: 10px 15px}
.smallpx-top-padding {padding-top:5px}

#guest-modal-table.table>tbody>tr>th {padding: 3px; border:none}
#guest-modal-table.table>tbody>tr>td {padding: 3px; border:none}
#rns-style .agreements-guest {padding-top:10px; padding-bottom:10px}


 /**
 * Owner Login
 * --------------------------------------------------
 */ 
#rns-style .owner-login-container {  
  max-width: 500px;
  margin: 20px auto;
  border: #eee 1px solid;
  padding: 20px 30px 20px;
  box-shadow: 0 8px 10px 0 rgba(0,0,0,.1),0 6px 10px 0 rgba(0,0,0,.08);
  background:#fff;
    
  }

#rns-style .input-margin { 
  margin-top:25px
  }

#rns-style .email-pin-button{
	width: 100%
	}
#rns-style .email-pin { padding-top: 10px}



 /**
 * Owner Portal
 * --------------------------------------------------
 */ 
#rns-style .panel-primary>.panel-heading h4 {color: #fff !important}
#rns-style .owner-portal-container {padding: 0 10px}
#owner-choices{ padding-bottom: 20px}
#rns-style .choice-view-footer {padding:0px; background-color:#f5f5f5;}
#rns-style .choice-view-button {margin:0px; width:100%; padding:15px}
#rns-style .owner-icon-md{font-size:20px }
#rns-style .owner-icon-lg {font-size: 32px}
#rns-style .reservation-calendar{
  margin: 0 auto;
  max-width: 940px;
  min-width: 550px
  }
#rns-style .pick-padding-2 {padding-top: 20px}
select.form-control.active-property {font-weight:500}
#rns-style .calendar-info {padding:20px}
#rns-style .reserved-color{width:20px; height:20px; background-color:#CFCFCF; float:left}

#rns-style .owner-reserve-button {  padding: 20px; width: 100%;}
#rns-style .owner-statement-button{margin:0; width: 100%}
#rns-style .statement-padding {padding: 20px}
#rns-style .statement-padding-2{padding-top:10px; padding-bottom:20px }

#owner-res-list { padding: 10px }
#owner-res-list.table-hover>tbody>tr:hover {background-color: rgba(0,150,136,.2) }

#rns-style .reserve-property-info p{font-weight:500;}

#rns-style .owner-panel{     
padding-top: 25px;
padding-bottom: 25px;
}

#owner-choices .panel {
    border: 1px solid #eee;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover{
background:transparent !important;
border:none !important;
cursor:default !important;
}

#rns-style .ui-datepicker .ui-datepicker-title {color: #333; font-weight:500; font-size:14px}


 /**
 * Checkout
 * --------------------------------------------------
 */ 
#rns-style .checkout {padding:0px 10px}
#review-prop-container {margin-bottom: 25px}
#review-prop h3 {margin-top: 0px; margin-bottom:5px}
#rns-style .charges{ 
    padding-bottom: 15px; 
    border: #ddd 1px solid; 
    background:#f5f5f5; 
    box-shadow: 0 3px 9px rgba(0, 0, 0, .2) !important;
    margin-bottom: 30px;
    padding-top: 10px;
}
#chargestable.table-hover>tbody>tr:hover {background:#e1e1e1}
#chargestable.table {border-top:5px solid #ddd; font-size: 15px}
#rns-style .optional-services{ 
    padding-bottom: 15px; 
    padding-left: 30px;
    padding-top: 10px;
}
#rns-style .options{margin: 10px; margin-top: 20px}
#rns-style .promo {padding:10px 0px}
#rns-style .currency{padding:10px 0px}
#rns-style .checkout-adds {background: #eee; padding:10px} 
#rns-style .pay-method {padding: 3px 0 15px; text-align:center}
#rns-style .guest-details{padding-top:20px; padding-bottom:20px}
#rns-style .guestform { margin:10px; margin-top: 20px}
#rns-style .billing { margin: 10px; margin-top: 20px}
#rns-style .billing-info{padding-top:20px; padding-bottom:20px}
#rns-style .billing-info.row{padding-top:5px!important}
#rns-style .rental-agreement{margin: 10px; margin-top: 20px}
#rns-style .scroll-box   {
  height: 200px;
  overflow: auto;
  background: #eee;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px #ddd solid;
  }
#rns-style .date-header {font-size: 18px; color: #808080; text-wrap:none;}
#rns-style .agreements {padding-top:20px; padding-bottom:20px}
#rns-style .coheaders{ border-bottom: #ddd 5px solid; padding-bottom:10px;}
#rns-style .coheaders2{}
#rns-style .coheaders3{border-bottom: 2px #ddd solid; padding-bottom:10px}
#rns-style .total-charges {padding-top: 13px !important; padding-bottom:13px !important; border-top: 2px solid #43a047; }
#rns-style .top-thick {border-top: #eee 5px solid !important}
#rns-style .thick-label {font-weight: 500!important}
#rns-style .checkout-button {padding:20px 40px !important; font-weight:500}

#rns-style .confirmation-table {font-size: 15px}
#rns-style .confirmation-table.table>tbody>tr>td {border: none; padding:7px; font-weight:500}
#rns-style .confirmation-table.table>tbody>tr>th {border: none; padding:7px; font-weight:500}
#rns-style .confirmation-charges {margin-bottom:20px}
#rns-style .confirmation-charges.table>tbody {background:#f5f5f5}
#rns-style .confirmation-payment {margin-bottom:10px}
#rns-style .confirmation-guest {margin-bottom:20px}
 
 /**
 * Advanced Search
 * --------------------------------------------------
 */
#rns-style .advanced-page-container {padding: 0 10px}
#rns-style .advanced-date-container { padding-bottom: 20px; padding-top:15px; padding-left: 10px; padding-right: 10px;width: 100%;}
#rns-style .advanced-padding { padding-bottom: 15px; padding-left:20px; padding-right: 20px}
#rns-style .advanced-padding-2 {padding-top: 10px; padding-bottom: 10px}
#rns-style .advanced-padding-3 {padding-left:10px; padding-right:10px}
#rns-style .advanced-padding-4 {padding:20px 10px}
#rns-style .advanced-padding-5 {padding-bottom: 20px}
#advanced-form.form-group {margin-top: 15px; padding-top:10px}
#rns-style .advanced-headers {margin-top:30px; border-bottom: #eee 5px solid; padding-bottom:10px; }
#rns-style .date-range-padding{padding-bottom:15px}
#search-options{margin: 10px 10px}
#rns-style .form-padding {padding-bottom:20px; padding-top: 5px}
#rns-style .amenity-btn {margin:0}
#rns-style .type-btn {margin-top:0}
#rns-style .price-variable {text-align:center}
#ad-search-amenities {padding-right: 20px; padding-left:20px; padding-bottom:2px}
#advanced-button.col-sm-12 {text-align:center; padding-top: 20px; padding-bottom: 20px;}
#rns-style .adv-search-btn {padding:20px !important; margin: 0 auto!important; font-weight:500;}
#rns-style .main-action-button {text-align:center; padding: 20px!important; margin: 0 auto!important}

 
 /**
 * Favorites
 * --------------------------------------------------
 */
#rns-style .favorite-link  {display:inline-block; float: right;}
#rns-style .favorite-link a { color:#F48FB1; text-decoration: none}
#rns-style .favorite-link a:hover { color:#F8BBD0}
#rns-style .favorite-icon-lg {font-size:32px; color:#f06292}
#rns-style .favorite-icon-sm {font-size:14px;}
#rns-style .favorite-email-btn {top:22px}
#favorite-email.col-sm-4 {text-align: right}

#prop-header i.mdi-action-favorite-outline.favorite-icon-normal {font-size: 28px;}
#prop-header i.mdi-action-favorite-outline.favorite-icon-selected {font-size: 28px;}
#rns-style .favorite-icon-normal {font-size:20px; color:#bdbdbd; }
#rns-style .favorite-icon-selected {font-size:20px; color:#f06292}
#rns-style .favorite-icon-favorite {font-size:20px; color:#f06292;}
#rns-style .favorite-icon-unselected {font-size:20px; color:#bdbdbd;}


/**
 * Search Result Boxes
 * --------------------------------------------------
 */
#prop-results-container {float:right; margin-right: auto; margin-left: auto;}

#prop-results-container.col-sm-10 {width:79%}
search-sidebar.col-sm-2{width:200px}

#rns-style .search-results-container {padding: 0 10px}
 
#result-box {margin-bottom:30px}
#result-box-view2 {margin-bottom:30px}
#result-box.col-xs-6 {float: left;}

#rns-style .thumbnail-search {
  position: relative;
  height: 275px;
  overflow: hidden;
  background-color: transparent;
  margin: 0 auto
}
#rns-style .thumbnail-search img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
#rns-style .thumbnail-shadow{
box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); 
border:#ddd 1px solid; 
background: #f5f5f5; 
}


.thumbnail-shadow:hover {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.32);
border: 1px #00aa9a solid;
}

#rns-style .thumbnail-shadow a {text-decoration: none !important}


#rns-style .search-detail { 
padding: 8px 10px; 
margin: 0 auto; 
text-decoration: none;
color: #333;
position:relative;
 }

#rns-style .search-detail a {
text-decoration: none;
color: #333
}

#rns-style .search-detail h4 { margin: 5px 0px; text-decoration:none; color: #333}
#rns-style .search-detail h6 { font-size: 14px; margin: 0px 0px 5px; text-decoration:none; color: #333}



#price-section  {
  float: right;
  position: absolute;
  top: -21px;
  background-color: #00aa9a;
  right:0px
  }
#price-section h5{
  color: white;
  font-weight: 400;
  margin: 0px; 
  float: left;
  text-decoration:none;
  font-size: 16px;
  }

  
#price-section.btn {
margin: 0;
padding: 8px 10px !important;
width: 110px;
top: -35px;
}  
  
  
  

 /**
 * Search Result Boxes - View 2
 * --------------------------------------------------
 */

#result-box-view2.col-sm-4 {float: left; margin-bottom:30px}

#rns-style .thumbnail-search-view2 {
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: transparent;
  margin: 0 auto
}
#rns-style .thumbnail-search-view2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
#rns-style .thumbnail-shadow-view2{
box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); 
border:#ddd 1px solid; 
background: #f5f5f5; 
}


#rns-style .thumbnail-shadow-view2:hover {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.32);
border: 1px #00aa9a solid;
}

#rns-style .thumbnail-shadow-view2 a {text-decoration: none !important; }


#rns-style .search-detail-view2 { 
padding: 8px 10px; 
margin: 0 auto; 
text-decoration: none;
color: #333;
position:relative;
 }

#rns-style .search-detail-view2 a {
text-decoration: none;
color: #333;
}

#rns-style .search-detail-view2 h4 { margin: 5px 0px; text-decoration:none; color: #333; font-size: 18px}
#rns-style .search-detail-view2 h6 { font-size: 14px; margin: 0px 0px 5px; text-decoration:none; color: #333;}


#price-section-view2  {
  float: right;
  position: absolute;
  top: -21px;
  background-color: #00aa9a;
  right:0px
  }
#price-section-view2 h5{
  color: white;
  font-weight: 400;
  margin: 0px; 
  float: left;
  text-decoration:none;
  font-size: 15px;  
  }
  
#price-section-view2.btn {
margin: 0;
padding: 8px 10px !important;
width: 160px;
top:-25px;
}  

 /**
 * Search Result Boxes - View 3
 * --------------------------------------------------
 */

#result-box-view3.col-sm-4 {float: left; margin-bottom:20px; padding: 0 10px}

#rns-style .thumbnail-search-view3 {
  position: relative;
  height: 150px;
  overflow: hidden;
  background-color: transparent;
  margin: 0 auto
}
#rns-style .thumbnail-search-view3 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
#rns-style .thumbnail-shadow-view3{
box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); 
border:#ddd 1px solid; 
background: #f5f5f5; 
}


#rns-style .thumbnail-shadow-view3:hover {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.32);
border: 1px #00aa9a solid;
}

#rns-style .thumbnail-shadow-view3 a {text-decoration: none !important; }


#rns-style .search-detail-view3 { 
padding: 10px 10px; 
margin: 0 auto; 
text-decoration: none;
color: #333;
position:relative;
 }

#rns-style .search-detail-view3 a {
text-decoration: none;
color: #333;
}

#rns-style .search-detail-view3 h4 { font-size: 13px;margin: 0px 0px 5px; text-decoration:none; color: #333}
#rns-style .search-detail-view3 h6 { font-size: 10px; margin: 0px 0px 5px; text-decoration:none; color: #333}


#price-section-view3  {
  float: right;
  position: absolute;
  top: -21px;
  background-color: #00aa9a;
  right:0px
  }
#price-section-view3 h5{
  color: white;
  font-weight: 400;
  margin: 0px; 
  float: left;
  font-size: 14px;
  text-decoration:none;
    
  }

  
#price-section-view3.btn {
margin: 0;
padding: 8px 10px !important;
width: 100px;
}    
  
 /**
 * Search Result Map
 * --------------------------------------------------
 */
#top-map.col-sm-12 { padding: 10px 20px 30px;}
#search-map {box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12)}
#search-map.img-responsive {margin: 0 auto}	



 /**
 * Search Result Sidebar
 * --------------------------------------------------
 */

#rns-style .search-sidebar-mobile{
display:none;
background: #f5f5f5;
border: #DDD 1px solid;
margin: 0px auto 30px;}

#rns-style .search-sidebar-mobile-btn{
width:100%;
text-transform: inherit;
padding:15px 30px;
font-size: 20px;
margin: 0 auto;
font-weight: 400 !important;
background-color: rgba(0,150,136,.2)!important; 
}

#rns-style .top-date-search {margin: 0 15px 30px; background: #f5f5f5; border:#00aa9a 1px solid; padding: 5px 15px 5px 5px;}


#rns-style .btn-searchnow{text-align:center}
#search-button-choice{width:100%; 
font-size:16px; 
font-weight:500;
background: rgba(0,150,136,.2);
color:#333;
margin-top:10px;
margin-bottom:5px;
}
#rns-style .less-padding{padding-top:5px; padding-bottom:0px}
#rns-style .less-padding-rl{padding-left: 5px; padding-right:5px}

#rns-style .sidebar-row{padding-top: 10px}
#rns-style .low-label {top:-3.1} 
#rns-style .sidebar-center {text-align:center; padding-right:5px; padding-left:5px}

#rns-style .search-side-header {background: rgba(0,150,136,.2); text-align:center}
#rns-style .search-side-body {padding:10px 10px 5px}
#rns-style .search-side-form {margin-bottom: 5px}

#search-fixed-sidebar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#search-fixed-sidebar.affix{
	position: fixed;
	width: 200px;
  }

#search-fixed-sidebar.affix-top{
	position: static;
	width: 200px;
  }

#search-fixed-sidebar.affix-bottom{
	position: absolute;
	width: 200px;
  }


 #search-fixed-sidebar.panel-primary {
     width:200px; 
     box-shadow:none; 
     background-color:#f5f5f5; 
     border: #ddd 1px solid; 

 }
#search-sidebar.col-sm-2 {width:200px}


#amenity-top-filter.col-xs-6{}
#search-date-sidebar.input-group {display:block;}
#search-button-sidebar{text-align:center;}
#search-fixed-sidebar h4 {font-weight:500; text-align:center; font-size: 15px; text-transform: uppercase;}
#search-fixed-sidebar-datetop h4 {font-weight:500; text-align:center}
#rns-style .searchbyamenities {border-top: #eee 2px solid}
#rns-style .searchbytype {border-top: #eee 2px solid}
#rns-style .searchbyprice {border-top: #eee 2px solid}
#rns-style .searchbyprice2{}
#search-button-sidebar.btn-primary.btn-flat:not(.btn-link) {font-weight: 700}
#rns-style .sidebar-margin {margin-top:20px}
#rns-style .price-variable-sidebar {font-size:12px;}
#rns-style .btn-searchnow-top{width:100%; padding:14px 5px; font-size: 18px; margin:0}
#rns-style .date-range-padding2{padding-bottom:10px !important; padding-top:15px !important}
#rns-style .advanced-form .min-price, #rns-style .advanced-form .max-price {font-size:16px}
#rns-style .min-price, #rns-style .max-price {font-size:14px}


#mobile-form.col-xs-5 {width: 41.66666667%}
#mobile-form.col-xs-2 {width: 16.66666667%; padding:0;}


#rns-date-range .input-daterange {
    display: table
}


/**
 * slider
 * --------------------------------------------------
 */

#rns-style .slider-padding {padding: 5px}


#rns-style .search-mobile-form .noUi-horizontal .noUi-handle {
    width: 25px;
    left: -13px;
}
#rns-style .search-mobile-form .noUi-horizontal .noUi-handle:before {
    left: 8px;
}
#rns-style .search-mobile-form .noUi-horizontal .noUi-handle:after {
    left: 13px;
}




#rns-style .search-side-form .noUi-horizontal .noUi-handle {
    width: 25px;
    left: -13px;
}
#rns-style .search-side-form .noUi-horizontal .noUi-handle:before {
    left: 8px;
}
#rns-style .search-side-form .noUi-horizontal .noUi-handle:after {
    left: 13px;
}


#rns-style .amen-list {
    column-count:3;
    -webkit-column-count:3;
    -moz-column-count:3;
    list-style-type: none;
}


/**
 * Property Detail 
 * --------------------------------------------------
 */
#rns-style .rns-detail-container{
    max-width: 100%; 
    margin-right: auto; 
    margin-left: auto;
}
#overview-box.rns-detail-container {
    margin:0; 
    display:block; 
    padding-top:10px;
    max-width:745px
}
#propertydetail {max-width: 745px}

#rns-style .rns-detail-container-top {
    max-width: 745px; 
    margin-right: auto; 
    margin-left: auto;
}
#overview-box.rns-detail-container-top {margin:0;max-width:716px;}



/**
 * Property Detail NavBar
 * --------------------------------------------------
 */
#rns-style .nav-container {max-width:716px;width:100%}
#rns-style .navbar-nav {
    width:100%; 
    margin:0; 
    float:left;
    border: #ddd 1px solid;
    padding-top: 0px;
    flex-direction: inherit;
}
#rns-style .navbar-nav>li  {
    background: #f5f5f5;
    border-right: #ddd 1px solid;
    width: 16.667%;
    float:left;
    font-size:15px;
    font-weight: 500;
    margin: 0;
    padding:0;
}

#topnav.affix-top{
	position: static;
  } 
#topnav.affix {
    position:fixed;
	top:110px;
	width: 716px;
	height: 56px;
	transition: all .2s ease-in-out;
	top: 0px ;
	z-index: 1000;
	box-shadow: 0 8px 10px 0 rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.19);
  }

#rns-style .navbar-default {
background-color: transparent !important; 
border-color: transparent !important;
border: none !important;
margin-bottom: 15px;
padding:0px;
}
#rns-style .navbar-nav>li>a{
  padding: 18px 5px !important;
  text-align: center;
  color:#333333!important;
  font-weight: 400;
  border: none;
  } 
#rns-style .navbar-default .navbar-nav>li>a:hover {
  background: #00aa9a !important;
  color: #fff !important;
  transition: all .2s ease-in-out
}
#rns-style .navbar-default .navbar-nav>li>a:active {background: #00aa9a !important; color:#fff !important  }

#rns-style .navbar-nav>li.active>a{
  background: #00aa9a !important;
  color: #fff !important;
  transition: all .2s ease-in-out;
}



#rns-style .endnav {
border-right:0 !important;
border-bottom:0 !important;
}


/**
 * Property Detail Sidebar
 * --------------------------------------------------
 */
#detail-fixed-sidebar.panel-primary {
    background-color: #f5f5f5; 
    border: #00aa9a 1px solid; 
    box-shadow: none
}
 
#detail-sidebar{
    float:right; 
    margin-right:15px; 
    padding:0px;
    width:300px;
        
}


#detail-fixed-sidebar.affix-top{
	position: static;
  } 
  
#detail-fixed-sidebar.affix {
    top:10px;
    width: 300px;
    margin: 0 auto;
	box-shadow: 0 8px 10px 0 rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.19);
  }

#detail-fixed-sidebar.affix-bottom {
  position: absolute;
  width: 300px;
}




  
#detail-button-sidebar{width:100%}
#detail-button-sidebar.btn-primary { padding:20px 10px}
#rns-style .detail-booknow-sidebar h3 {text-align:center; color: #00aa9a; margin-top: 10px}

#detail-date-icon.input-group-addon {padding: 6px 10px 6px 0px; width:25px; border: none;}
#detail-book-date.input-md{margin-bottom:15px; padding-left: 0px; float:none}
#detail-book-date.input-md {
-webkit-padding-start: 35px}
#detail-book-date.input-md::-webkit-input-placeholder {
   text-align:center !important
}
#detail-book-date.input-md:-moz-placeholder { /* Firefox 18- */
   text-align:center  
}
#detail-book-date.input-md::-moz-placeholder {  /* Firefox 19+ */
   text-align:center  
}
#detail-book-date.input-md:-ms-input-placeholder {  
   text-align:center  
}

#calendar.left-inner-addon {color: #474747;}
 
#rns-style .sidebar-chargeview  {color:#555 !important; font-size: 13.5px}
#rns-style .sidebar-chargeview table {margin-bottom:3px}
 
#rns-style .inquiry-sidebar {padding-top:20px; border-top: #00aa9a 1px dashed}
 
#rns-style .detail-dynamic-msg { font-weight:500; color: #E53935}


#rns-style .prop-sidebar-dates {margin-bottom: 15px; display: flex !important;}

#rns-style .get-price-btn {
    margin-top: 20px;
    color: white !important;
    width:100%
} 

#rns-style .continue-btn {font-size: 16px !important; font-weight:500}
 
 
/**
 * Property Detail Footer Book Button + PopUps
 * --------------------------------------------------
 */
#rns-style .btn-footer{ width:100%; opacity:.97; padding:20px;}
#rns-style .navbar-fixed-bottom{ display: none}
#rns-style .getprice {}
#rns-style .inquiry {
    background: #474747 !important; 
    color: #fff !important; 
    -webkit-transition: background-color .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1);
}
#rns-style .inquiry:hover{background-color: #757575!important}
#bottombook a:hover, a:focus {text-decoration:none}
#bottombook.btn-group{margin-bottom:0px}

#pricing.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}
#inquire.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}



#pricing.modal { }
#inquire.modal { }






/**
 * Property Detail Share Icons
 * --------------------------------------------------
 */
#rns-style .share-icons {float:left; margin: 0px}
#rns-style .icon-div {display:inline-block}
#share-div-mobile {    
    float: right;
    top: -10px;
    position: relative;
    left: -10px;
}
#share-options.list-inline>li {padding:0px}
#share-options.dropdown-menu>li>a {padding:3px}
#share-options.dropdown-menu {
    width: 160px;
    text-align: center;
    left: -30px;
    box-shadow: none;
    padding: 0px;
    }
#rns-style #facebook { 
background-image: url('../images/template-facebook-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #twitter  { 
background-image: url('../images/template-twitter-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #google { 
background-image: url('../images/template-google-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #pinterest { 
background-image: url('../images/template-pinterest-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #email { 
background-image: url('../images/template-email-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #facebook:hover { 
background-image: url('../images/template-facebook-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #twitter:hover { 
background-image: url('../images/template-twitter-color.png');
background-size: contain;
background-position: center;
height: 25px;
width: 25px;
}
#rns-style #google:hover { 
background-image: url('../images/template-google-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #pinterest:hover { 
background-image: url('../images/template-pinterest-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #email:hover { 
background-image: url('../images/template-email-color.png');
background-size: contain;
height: 25px;
width: 25px;
}


/**
 * Property Detail Carousel
 * --------------------------------------------------
 */
#main-photo-carousel.carousel-inner {
    position: relative;
    overflow: hidden;
	text-align:center;
	max-width:100%;
	vertical-align: middle;
	margin: 0 auto
	 }
#main-photo-carousel.carousel-inner>.item>img{
	max-height: 550px;
vertical-align: middle;
margin: 0 auto;
max-width: 100%

}

#photo-arrows.carousel-control .glyphicon-chevron-left{
font-size:40px !important;
color: #00AA9A;
margin-left: -25px
}

#photo-arrows.carousel-control .glyphicon-chevron-right{
font-size:40px !important;
color: #00AA9A;
} 



/**
 * Property Detail Thumbnail - CAROUSEL
 * --------------------------------------------------
 */
#rns-style .photo-thumbnail-container { max-width:715px; margin: 5px auto;}
#thumb-carousel-row.row {margin: 0 5px}
#photo-thumb.col-xs-3{
height: 125px;
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}


#rns-style .thumbnail-carousel {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  display: block;
}
#rns-style .thumbnail-carousel img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
padding: 3px;
}
#rns-style .thumbnail-carousel img:hover {opacity: .6 !important }



#thumb-arrows.carousel-control.left {
	background-image: none;
	color: #00AA9A;
}
#thumb-arrows.carousel-control.right {
  left: auto;
  right: 0;
color: #00AA9A;
}

#thumb-arrows.carousel-control {
  padding-top:10.25%;
  width:5%;
}


/**
 * Property Detail Thumbnails - WRAP
 * --------------------------------------------------
.photo-thumbnail-container { max-width:690px; margin: 5px auto;}
#photo-thumb ul{ margin: 0 auto;}
#photo-thumb.nav>li {
width: 94px;
display: inline-block
}

#photo-thumb.nav>li>a { 
width: 100%; 
height: 80px; 
padding: 0px !important;
}

#photo-thumb>li>a:hover { 
text-decoration: none; 
background-color: transparent !important;
}

#photo-thumb>li>a:active{
text-decoration: none; 
background-color: transparent !important;
}

.pct {margin-left:0}
#carousel-float.container-fluid{padding-right:0px!important; padding-left:0px!important}

#photo-thumb.nav-pills>li+li {
	margin: 0
}


.thumbnail-carousel {
  position: relative;
  width: 94px;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
.thumbnail-carousel img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
padding: 3px;
}
.thumbnail-carousel img:hover {opacity: .6 !important }

 ----------  End Thumbnail - WRAP-------------------------------------------*/

/**
 * Property Detail Description 
 * --------------------------------------------------
 */
 #rns-style .tour-btn {
	 background-color: rgba(0,0,0,.1) !important;
	 width:100%
	 }
 




/**
 * Property Detail MAP - RNS Original
 * --------------------------------------------------
 */
#rns-style .detail-map{
        position: relative;
        overflow: visible;
		max-width: 660px;
		height: 420px;
		padding-bottom:20px
    }
#rns-style .detail-map iframe {
        position: relative;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		margin: 0 auto
    }


/**
 * Property Detail Availability Calendar
 * --------------------------------------------------
 */
#rns-style .cal-edits {color:#333; max-width:450px; margin:0 auto} 
#rns-style .cal-edits table {margin:0 auto; width: 100%; background:#fff}
#rns-style .cal-edits table tr th{font-weight:500; font-size:18px}
#rns-style .cal-edits table tr td {font-weight:500; font-size:14px; padding: 10px 20px; border:#eee 1px solid; width: inherit;}
.cal-edits.datepicker table tr td span{border-radius:0px;} 

/**
 * Property Detail Amenity
 * --------------------------------------------------
 */
#amenity-table.table>tbody>tr>td {border-top:0}
#amenity-table-mobile.table>tbody>tr>td {border-top:0}
#amenity-table-mobile {display:none}



/**
 * Property Detail Reviews
 * --------------------------------------------------
 */
#review-section.list-group-item{padding: 0px 5px}
#review-section i { font-size: 30px; background: #f5f5f5; color: #00aa9a}






/**
 * Property Detail Headers& Sub-headers
 * --------------------------------------------------
 */	
#rns-style .detail-headings{ padding: 10px 0 0px; margin-top:20px; margin-bottom:20px}
#prop-header h1 {text-align:center}
#prop-header.col-xs-3 {padding: 0px 5px 7px}
#rns-style .scroll-padding { margin: 10px 0 55px;}
#rns-style .heading-mobile{
display:none;
width:100%;
text-transform: inherit;
padding:15px 30px;
font-size: 20px;
background: #f5f5f5 !important;
border: #DDD 1px solid;
font-weight: 400 !important; 
}
#rns-style .prop-detail-b-pad {padding-bottom: 40px}

.date-font-input {font-size:18px; font-weight:400!important}


	
 /**
 * MAX-WIDTH 1200px
 * --------------------------------------------------
 */
	
@media (max-width:1199px) {
.rns-container {max-width:940px}


/**
 * Property Detail Headers& Sub-headers
 * --------------------------------------------------
 */	
#prop-header.col-xs-3 {float: left;}
    
 /**
 * Search Result Boxes
 * --------------------------------------------------
 */	
    
#prop-results-container.col-sm-10{width:76%}
#rns-style .thumbnail-search {height:250px}
#rns-style .thumbnail-search-view2 {height:235px }

 
#search-sidebar.col-sm-2 { width: 190px;}

#search-fixed-sidebar.panel-primary {width: 190px}
    
    
 #price-section h5{
  font-size: 15px;
  }

  
#price-section.btn {
width: 100px;

}  

    
/**
 * Property Detail 
 * --------------------------------------------------
 */
#propertydetail {max-width:615px}
#overview-box.rns-detail-container {max-width:620px; margin:0}

 /**
 * Property Detail NavBar
 * --------------------------------------------------
 */
#topnav.affix {width:585px}
#rns-style .nav-container{max-width:585px}



/**
 * Property Detail Carousel
 * --------------------------------------------------
 */
#photo-thumb.col-xs-3{
height: 100px;
}
 
#rns-style .thumbnail-carousel {width:auto}

#main-photo-carousel.carousel-inner {
	height: 375px;
	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 375px;
  }




    
}



 /**
 * MAX-WIDTH 992px
 * --------------------------------------------------
 */
@media (max-width:991px) {

.rns-container{
    max-width:740px;
    padding: 15px 15px 50px;
}


/**
 * Checkout
 * --------------------------------------------------
 */	
#rns-style .confirmation-table {font-size: 14px}
#rns-style .confirmation-table.table>tbody>tr>td {border: none; padding:4px}
#rns-style .confirmation-table.table>tbody>tr>th {border: none; padding:4px}
#review-prop-container .col-sm-4 {width:100%}
#review-prop-container .col-sm-8 {width:100%}

 /**
 * Owner Portal
 * --------------------------------------------------
 */	
#owner-property-pick.col-xs-5 {width: 56%}
#owner-property-pick.col-xs-7 {width: 44%}
#rns-style .reservation-calendar{
  margin: 0 auto;
  max-width: 690px;
  }

 /**
 * Search Result Boxes
 * --------------------------------------------------
 */	        
.favorite-icon-normal {font-size:17px;}
.favorite-icon-selected {font-size:17px;}
.favorite-icon-favorite {font-size:17px;}
.favorite-icon-unselected {font-size:17px;}

 /**
 * Search Result Boxes
 * --------------------------------------------------
 */	
#prop-results-container.col-sm-10 {width:72%}
#rns-style .thumbnail-search {height: 300px;}

#result-box.col-xs-6 {width:100%}
    
#search-sidebar.col-sm-2 {width: 180px;}
#search-fixed-sidebar.panel-primary { width:180px}


#price-section h5{
  font-size: 16px;
  }
 
#price-section.btn {
width: 110px;
}
    
    
    
    #rns-style .amen-list {
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count:2;
    list-style-type: none;
}


 /**
 * Search Result Boxes - View2
 * --------------------------------------------------
 */	
#result-box-view2.col-sm-4 {float: left; width:50%; margin-bottom:30px}  

#rns-style .thumbnail-search-view2 {
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: transparent;
  }
    
#rns-style .thumbnail-shadow-view2{}
#rns-style .search-detail-view2 {padding: 8px}

#rns-style .search-detail-view2 h6 { font-size: 13px;}
#rns-style .search-detail-view2 h4 { font-size: 18px;}

#price-section-view2.btn {
width: 100px;
} 


    
/**
 * Property Detail 
 * --------------------------------------------------
 */
#propertydetail {max-width:500px}
#overview-box.rns-detail-container {max-width:515px}

 /**
 * Property Detail NavBar
 * --------------------------------------------------
 */
#topnav.affix {width:475px}
#rns-style .nav-container{max-width:475px}



/**
 * Property Detail Carousel
 * --------------------------------------------------
 */
#photo-thumb.col-xs-3{
height: 90px;
}
 
#rns-style .thumbnail-carousel {width:auto}

#main-photo-carousel.carousel-inner {
	height: 325px;
	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 325px;
  }



}








 /**
 * MAX-WIDTH 768px
 * --------------------------------------------------
 */
@media (max-width:767px) {

#rns-style .modal-dialog {width: 550px; float: none; margin:20px auto}



 /**
 * Guest Services
 * --------------------------------------------------
 */ 
#guest-modal-table {font-size: 16px;}
#guest-modal-table.table>tbody>tr>th {padding-left: 7px}
#guest-modal-table.table>tbody>tr>td {padding-right: 7px}

 /**
 * Owner Portal
 * --------------------------------------------------
 */	
#owner-choices {text-align: center}
#rns-style .pick-padding {padding:20px 40px}
#owner-property-pick.col-xs-5 {width:100%}
#owner-property-pick.col-xs-7 {width: 100%}
#rns-style .reservation-calendar{max-width: 660px;}
#rns-style .reserve-property-info p{text-align:center;}
#rns-style .reserve-property-info h4 {text-align:center}
#owner-res-list.table {font-size: 12px}

 /**
 * checkout
 * --------------------------------------------------
 */	
#review-prop-container {margin-bottom: 15px}
#review-prop h3 {text-align:center}
#review-prop h4 {text-align: center;}
#review-prop h5 {text-align: center;}
#review-prop.col-xs-3{ text-align:center}
#rns-style .advanced-headers {text-align:center}
#rns-style .optional-services{ padding:10px 10px}
#rns-style .coheaders2{text-align:center}
#rns-style .prop-description{display:none}
#rns-style .confirmation-table {font-size: 15px;}
#rns-style .confirmation-table.table>tbody>tr>td {padding:7px}
#rns-style .confirmation-table.table>tbody>tr>th {padding:7px}
#rns-style .confirmation-payment {margin-bottom:20px}

    
 /**
 * favorites
 * --------------------------------------------------
 */	    
#rns-style .favorite-email-btn {text-align: center; top:0px}
#rns-style .favorite-icon-normal {font-size:18px;}
#rns-style .favorite-icon-selected {font-size:18px;}
#rns-style .favorite-icon-favorite {font-size:18px;}
#rns-style .favorite-icon-unselected {font-size:18px;}
#favorite-email.col-sm-4 {text-align: center}    
 
/**
 * Search Result Boxes
 * --------------------------------------------------
 */	
#prop-results-container.col-sm-10{
    width: 100%;
    padding: 15px;
}
#result-box.col-xs-6 {width: 50%; float:left; }
 #rns-style .thumbnail-search {height: 240px;}
#rns-style .search-detail {}
#rns-style .thumbnail-shadow{ margin: 0 auto; }
#rns-style .search-detail h6 { font-size: 13px;}
#rns-style .search-detail h4 { font-size: 18px;}


#price-section h5{
  font-size: 15px;
  }
 
#price-section.btn {
width: 100px;
}

#rns-style .date-range-padding2{padding-bottom:10px !important; padding-top:15px !important}
    
    #rns-style .top-date-search{padding: 5px 10px 5px 10px;}

 /**
 * Search Result Boxes - View2
 * --------------------------------------------------
 */
    
#result-box-view2.col-xs-6 {width: 50%; float:left; margin: 0 auto 30px}
#rns-style .thumbnail-search-view2 {height: 240px;}
#rns-style .search-detail-view2 {}
#rns-style .thumbnail-shadow-view2{margin: 0 auto;}


#rns-style .search-detail-view2 h6 { font-size: 13px;}
#rns-style .search-detail-view2 h4 { font-size: 18px;}


#price-section-view2.btn {
width: 110px;
}  

/**
 * Search Result Boxes - View3
 * --------------------------------------------------
 */	    
 #result-box-view3.col-sm-4 {width:50%;}
    
    
 /**
 * Search Result Sidebar
 * --------------------------------------------------
 */	
#search-sidebar {display: none}
#rns-style .search-sidebar-mobile{display:block}
#mobile-form.col-xs-5 {padding:5px; width:100%}
#mobile-form.col-xs-2 {padding:5px; width:100%}
#amenity-top-filter.col-xs-6 {width: 40%; margin-left:15px}

 

    
/**
 * Property Detail 
 * --------------------------------------------------
 */
#rns-style .rns-detail-container {padding:0 5px}
#propertydetail {max-width:740px}
#propertydetail.col-sm-9{width: 100%; margin: 0 auto;}
#overview-box.rns-detail-container {margin:0 auto; max-width:740px; padding-top: 10px}
#overview-box{padding-top:15px} 

/**
 * Property Detail Sidebar
 * --------------------------------------------------
 */
#detail-sidebar.col-sm-3 {display: none}

 
 /**
 * Property Detail Headers& Sub-headers
 * --------------------------------------------------
 */	
#rns-style .detail-headings{text-align:center}
#prop-header {text-align:center}
#prop-header.col-xs-3 {text-align:center}

#mobile-form.col-xs-6 {width:50%; padding: 10px 15px}

 /**
 * Property Detail NavBar
 * --------------------------------------------------
 */
#rns-style .navbar {display:none}
#topnav.affix + div {}
#rns-style .navbar-nav{margin: 0 -15px !important;}

#topnav.affix {display:none}

 /**
 * Property Detail Carousel
 * --------------------------------------------------
 */
#photo-thumb.col-xs-3{
height: 105px;
}
 
 
#rns-style .photo-thumbnail-container {}



#main-photo-carousel.carousel-inner {
	max-width:100%;
	height: 400px;

	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 400px;
vertical-align: middle;
margin: 0 auto
  }

#photo-arrows.carousel-control .glyphicon-chevron-left{
margin-left: -15px
}


 /**
 * Property Detail Availability Calendar
 * --------------------------------------------------
 */
#rns-style .tg td { width: 10%}
#rns-style .tg { margin-bottom: 20px}



 /**
 * Property Detail Footer Book Button
 * --------------------------------------------------
 */
#rns-style .navbar-fixed-bottom{ display: block; float: none; margin:0 auto}

}




/**
 * MAX-WIDTH 640px
 * --------------------------------------------------
 */
@media (max-width:639px) {
    
 /**
 * TSM Search Result Boxes
 * --------------------------------------------------
 */	 
#result-box.col-xs-6 {width: 100%; float:none; margin: 0 auto 30px; max-width:515px}
#result-box-view2.col-xs-6 {width: 100%; float:none; margin: 0 auto 30px; max-width:515px}


#rns-style .modal-dialog {width: auto; float: none; margin: 10px;}

#rns-style .radio-nopadding2 {padding-left:0px}

    
/**
*Search Result Boxes
* --------------------------------------------------
*/   
    #rns-style .thumbnail-search {height: 300px}
    #rns-style .thumbnail-search-view2 {height: 300px;}
    
    #price-section.btn {
width: 110px;
}
    #price-section-view2.btn {
width: 110px;
} 

 /**
 * Property Detail Headers& Sub-headers
 * --------------------------------------------------
 */	
#prop-header h5 {margin: 3px !important}
#rns-style .mobile-bottom-padding {padding-bottom:10px}



/**
 * Guest Services
 * --------------------------------------------------
 */
#guest-res-table-mobile {display: block}
#guest-res-table {display: none}



 /**
 * Extras
 * --------------------------------------------------
 */	
    
 
#photo-thumb.col-xs-3{
height: 90px;
}

#top-map {display:none}
#review-prop.col-xs-3{width:50%}
#review-prop{margin-bottom:0px; margin-top:0px}
#review-prop h5{margin:5px 0}
#prop-header.col-xs-3 {width:50%; }
#review-prop h5 {padding-bottom: 0px}


#main-photo-carousel.carousel-inner {
	max-width:100%;
	height: 325px;
	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 325px;
  }

#mobile-form.col-xs-5 {width:100%}
#mobile-form.col-xs-2 {width:100%}


#review-prop h5 {padding-bottom: 3px}


/**
 * Owner Login
 * --------------------------------------------------
 */ 
#rns-style .owner-login-container {max-width: 400px;}  
    

     

}








/**
 * MAX-WIDTH 480px
 * --------------------------------------------------
 */
@media (max-width:479px) {
#rns-style h1 {font-size:30px}
#rns-style h2 {font-size:26px}
#rns-style h3 {font-size:22px}
#rns-style h4 {font-size:18px}
#rns-style h5 {font-size:14px}


 /**
 * Property Detail Carousel
 * --------------------------------------------------
 */
 #rns-style .photo-thumbnail-container {display:none}


 /**
 * Favorites
 * --------------------------------------------------
 */ 
#rns-style .thumbnail-shadow-view3 {
    margin: 0 auto
 }
#result-box-view3.col-xs-6 {
    width: 100%;
    float: none!important
}
#rns-style .thumbnail-shadow-view3 {max-width: 300px }
#rns-style .thumbnail-search-view3 {height: 200px}   
 
 
  /**
 * Guest Services
 * --------------------------------------------------
 */ 
#guest-modal-table {font-size: 14px}
#guest-modal-table.table>tbody>tr>th {padding:4px}
#guest-modal-table.table>tbody>tr>td {padding:4px}

#rns-style .guest-login-container {width: 300px;}
 

  
/**
 * Owner Portal
 * --------------------------------------------------
 */ 
#owner-choices.col-xs-6{width:100%}





 /**
 * CheckOut
 * --------------------------------------------------
 */	
#rns-style .pay-method{text-align:left}
#rns-style .confirmation-table {font-size: 14px}
#rns-style .confirmation-table.table>tbody>tr>td {padding:4px}
#rns-style .confirmation-table.table>tbody>tr>th {padding:4px}




 /**
 * Advanced Search
 * --------------------------------------------------
 */
 #advanced-search-icon.input-group-addon {display:none}
#ad-search-amenities.col-xs-6 { width: 100%; margin-left: 10%}
 
 
 /**
 * Search Result boxes
 * --------------------------------------------------
 */	
#rns-style .thumbnail-search {height:225px}
#rns-style .thumbnail-search-view2 {height: 225px;}    
    
#amenity-top-filter.col-xs-6{width: 100%; margin-left:10px}
 
    #price-section.btn {
width: 100px;
}
    
#price-section-view2.btn {
width: 100px;
} 
    
#rns-style .amen-list {
    column-count:1;
    -webkit-column-count:1;
    -moz-column-count:1;
    list-style-type: none;
}

 /**
 * Property Detail Headers& Sub-headers
 * --------------------------------------------------
 */	
#prop-header h4 {margin:5px 0 !important}
#rns-style .heading-desktop {display:none}
#rns-style .heading-mobile{display:block}
#rns-style .scroll-padding {margin-bottom:0px}
#prop-header h5 {margin: 3px !important}


#mobile-form.col-xs-6 {width:100%}
#rns-style .date-connector {display:none}

#prop-header i.mdi-action-favorite-outline.favorite-icon-normal {font-size: 24px;}
#prop-header i.mdi-action-favorite-outline.favorite-icon-selected {font-size: 24px;}

/**
 * Property Detail Calendar
 * --------------------------------------------------
 */
    
#rns-style .cal-edits {color:#333;}     
#rns-style .cal-edits table tr th{font-weight:500; font-size:16px}
#rns-style .cal-edits table tr td {font-weight:300; font-size:14px; padding: 7px 10px; border:#eee 1px solid; width: inherit;}




 /**
 * Property Detail Carousel
 * --------------------------------------------------
 */
#rns-style .photo-thumbnail-container {display:none}
#photo-arrows.carousel-control .glyphicon-chevron-left { top: 50% !important; }
#photo-arrows.carousel-control .glyphicon-chevron-right { top: 50% !important; } 

#main-photo-carousel.carousel-inner {
	height: 235px;
	vertical-align: middle;
	margin: 0 auto 20px
	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 235px;
vertical-align: middle;
margin: 0 auto
  }
 
    
 /**
 * Property Detail Amenity
 * --------------------------------------------------
 */    
#amenity-table {display:none}  
#amenity-table-mobile {display:block}


/**
 * Slider handle change
 * --------------------------------------------------
 */      
#rns-style .noUi-horizontal .noUi-handle {
    width: 25px;
    left: -13px;
}
#rns-style .noUi-horizontal .noUi-handle:before {
    left: 9px;
}
#rns-style .noUi-horizontal .noUi-handle:after {
    left: 12px;
}
    
    
    
 
}

 /**
 * MAX-WIDTH 359px
 * --------------------------------------------------
 */
@media (max-width:359px) {


  
#price-section-view2.btn {
width: 90px;
}
    
}




#rns-style .tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	font: 400 12px/12px Arial;
	border-radius: 3px;
	background: #fff;
	top: -28px;
	padding: 5px;
	left: -15px;
	text-align: center;
	width: auto;
	color: #333;
	font-size: 11px;
}
#rns-style .tooltip strong {
	display: block;
	padding: 2px;
}



#rns-style .post--left-nav-taller {
      padding: 20px 0 !important;
    }
	

 /**
 * SideBar Width Changes 
 * --------------------------------------------------
 */


@media (max-width:1199px) {

    #detail-sidebar{width:250px}
    #detail-fixed-sidebar.affix{width:250px}
    #detail-fixed-sidebar.affix-bottom {width: 250px;}
}


@media (max-width:991px) {

    #detail-sidebar{width:190px}
    #detail-fixed-sidebar.affix{width:190px}
    #detail-fixed-sidebar.affix-bottom {width: 190px;}
}

/**
 * Search Results Animation - BP:5/10/2016
 * --------------------------------------------------
 */	
.animate-repeat {
  line-height:40px;
  list-style:none;
  box-sizing:border-box;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity:0;
  max-height:0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity:1;
  max-height:40px;
}


body{
    line-height: 1.625;
}

.modal-open {
      position: fixed;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

.collapse-rates{    
    overflow: auto;
}

.datepicker-dropdown {
    background-color: #ffffff!Important;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}

#prop-results-container{
    min-height:700px;
}

#search-map img { 
    max-width: none !important; 
} 

@media print {
  a[href]:after {
    content: none !important;
  }
  .main_menu{
      display:none;
  }
}


.total-row{
    background-color: #dff0d8;
}

img {
    image-orientation: from-image;
}


@media print {
  #rns-style .navbar-fixed-bottom {
    display:none !important;
  }
}



.Section1 a {
    color: #000 !important;
}

.Section1 p {
    color: #000 !important;
}



.reservation-calendar-mobile .ui-datepicker-group{
    width:100% !important;
}

    .reservation-calendar-mobile {display:none;}
     .reservation-calendar {display:block;}

@media (max-width:600px) {
    .reservation-calendar-mobile {display:block;}
     .reservation-calendar {display:none;}
}

.vrp-footer{
    text-align: center;
    width: 500px;
    margin: 0 auto;
    font-size: 10px !important;
    padding:5px;
}

.vrp-link{
    text-decoration:underline;
}



.ti-terms{
    padding:0 34px;
    max-width:500px;
}

.form-control {
    padding: 3px !important;
}


   table.responsive td .td-label {
            display: none;
        }

        table.responsive th {
            background-color: #ddd;
        }

        table.second {
            margin-top: 5em;
        }

        @media screen and (max-width:640px) {
            table.responsive thead {
                display: none;
            }
            table.responsive tbody th,
            table.responsive tbody td {
                display: block;
            }


            table.responsive td {
                border-bottom: 1px #ccc solid;
            }

            table.responsive td .td-label {
                display: inline-block;
                padding-right:30px;
                font-weight:bold;
            }
            table.responsive td .data {
                float: right;
            }

            table.responsive tr {
                border: 1px solid;
                text-align: left;
            }

        table.responsive tr::before {
  content: "";
  margin-top: 10px;
}
        }





        #recaptcha-alert{
            text-align: left;
    color: red;
    font-size: 18px;
        }


/* SVG spinner for price section */
.price-svg-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.price-svg-spinner {
  display: block;
  margin: 0 auto;
}
.spinner-fg {
  transform-origin: 50% 50%;
  animation: price-svg-spin 1s linear infinite;
}
@keyframes price-svg-spin {
  100% { transform: rotate(360deg); }
}

/* Animated loading bar for price section */
.price-bar-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.price-bar-spinner {
  width: 60px;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(0,170,154,0) 0%, #00aa9a 40%, #00aa9a 60%, rgba(0,170,154,0) 100%);
  position: relative;
  overflow: hidden;
}
.price-bar-spinner::before {
  content: '';
  position: absolute;
  left: -60px;
  top: 0;
  width: 60px;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(0,170,154,0) 0%, #00aa9a 40%, #00aa9a 60%, rgba(0,170,154,0) 100%);
  animation: price-bar-move 1.2s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes price-bar-move {
  0% { left: -60px; opacity: 0.7; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { left: 100%; opacity: 0.7; }
}

/* Simple loading text with animated dots for price section */
.price-loading-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  width: 100%;
  position: relative;
  background: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  letter-spacing: 0.5px;
}
.price-loading-dots {
  display: inline-block;
  width: 1.5em;
  text-align: left;
}
.price-loading-dots span {
  opacity: 0;
  animation: price-dots 1.2s steps(3, end) infinite;
}
.price-loading-dots span:nth-child(1) { animation-delay: 0s; }
.price-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.price-loading-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes price-dots {
  0%, 20% { opacity: 0; }
  25%, 100% { opacity: 1; }
}