/**
 * RNS Original
 * --------------------------------------------------
 */
#rns-style .main-content {max-width:1200px !important}
.rns-container {max-width: 1140px; margin: 0 auto; padding:15px 30px 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; }
#rns-style h2 {font-weight:400}
#rns-style h3 {font-weight:400}
#rns-style h4 {font-weight:400;}
#rns-style h5 {font-weight:400}
#rns-style h6 {font-weight:400}
#rns-style th {font-weight:400}
#rns-style label {word-wrap: break-word}
#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;
}
.display-table h4 {margin: 10px 0 0; padding-bottom: 10px }
.display-table.table>thead>tr>th {padding: 0}

#rns-style .breadcrumb {
    border-radius: 0px;
    border: #eee 1px solid;
}
 /**
 * 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 {
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;

}

#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 .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);    
}
#rns-style input {font-weight: 500; border: none}
#rns-style select {font-weight: 500}
#rns-style .input-group .form-control{float:none}
#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: 1px;}
#rns-style .checkbox .checkbox-material .check{width:14px; height:14px; border: 1px solid}
#rns-style .checkbox .checkbox-material .check:before {margin-left:4px; margin-top:-6px}
#rns-style .checkbox .checkbox-material:before {height:14px; width:14px;}
#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::-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;
     display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
  min-height: calc(100vh - 60px);
}
@media (max-width: 767px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
#rns-style .modal-content  {box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;}
#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} 
 

/*----------------------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: auto; border-radius: 0px!important; text-align: center; width: 36px;}

.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!important; background-color: #009688!important; border: #333 1px solid !important;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:focus { color: #fff!important; background-color: #009688!important; opacity:.8 !important; border-color: #333 }
.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}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled {color: #fff; background-color:#009688; border-color: #009688}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled:hover {color: #fff!important; background-color:#009688!important; border-color: #009688; opacity:.8 !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;}
.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;}

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



.datepicker table tr td, .datepicker table tr th {width:40px}




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

/*----------------------Slider bar Color----------------------*/
#rns-style .noUi-origin-lower { background-color: #009688; height: 18px}





/*.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: -3px;
}

#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}
#rns-style .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: 10px 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);
  }

#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{}
#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;
  }
#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;
}

#rns-style .inex-link {font-weight:400; }


#rns-style .owner-fee-table { max-width: 690px; margin-left:15px; margin-right: 15px}
#rns-style .owner-fee-table.table>tbody>tr>td {vertical-align: middle; }
#rns-style .owner-fee-table.table>tbody>tr>th {vertical-align: middle; }
#rns-style .owner-fee-btn {margin: 0; padding: 10px 20px !important}
#rns-style .owner-fee-table h5 {margin: 5px 0 0; font-weight: 500}
#owner-charges-table{margin-top: 10px; margin-bottom: 40px}

#rns-style .owner-weeks-padding {padding:15px}
#rns-style .owner-weeks-table

#rns-style .tsm-owner-week{
padding-top:20px
}
#rns-style .tsm-owner-week-btn { margin: 12px 0 0; width: 100%}
.week-action {color: #009688; text-transform:uppercase}

#rns-style .doc-table {width: auto; margin-left: 10px}
#rns-style .doc-table.table>tbody>tr>th  {padding: 15px 30px 15px 10px; vertical-align: middle;}
#rns-style .doc-table.table>tbody>tr>td {padding: 0px 30px}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
border:none
}



 /**
 * 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;}
#chargestable.table-hover>tbody>tr:hover {background:#e1e1e1}
#rns-style .optional-services{ padding-bottom: 15px; padding-left: 30px}
#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: 150px;
  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: #eee 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}
#rns-style .advanced-padding { padding-bottom: 15px; padding-left:20px; padding-right: 20px;}
#rns-style .advanced-padding-2 {padding-top: 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 Unit Description transition
 * --------------------------------------------------
 */


#rns-style .caption {
    position: relative;
    overflow: hidden;
}
#rns-style .caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
#rns-style .caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
	z-index:10;
    transition:.7s ease;
	-webkit-transition:.7s ease;
	-moz-transition:.7s ease;
	-ms-transition:.7s ease;
    background: #f5f5f5;

}
#rns-style .caption:hover .caption__overlay {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

#rns-style .caption__overlay__title {
    margin: 0;
    padding: 0px 12px 7px;
    transform: translateY(-100%) translateY(6px); /* +10px overlay padding */
    -ms-transform: translateY(-100%) translateY(6px);
    -webkit-transform: translateY(-100%) translateY(6px);
    -moz-transform: translateY(-100%) translateY(6px);
	width:100%;
    transition:.7s ease;
	-webkit-transition:.7s ease;
	-moz-transition:.7s ease;
	-ms-transition:.7s ease;
    background:#f5f5f5;

}

#rns-style .caption__overlay__content{
padding-left:12px;
padding-right:12px;
padding-top: 10px
}

#rns-style .caption:hover .caption__overlay__title {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
#rns-style .caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition:.7s ease;
	-webkit-transition:.7s ease;
	-moz-transition:.7s ease;
	-ms-transition:.7s ease;
	
}
#rns-style .caption:hover::before {
	z-index: 5
}
#rns-style .caption {
    transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}
#rns-style .unit-overview-small{}
#rns-style .unit-amenity-small {padding:10px}
#rns-style .unit-amenity-small ul {padding-left:20px}

#rns-style .caption__overlay__title > .col-xs-8 {padding-right:0px}
#rns-style .caption__overlay__title > .col-xs-4 {padding-left:5px}
 
 
/**
 * Search Result Page
 * --------------------------------------------------
 */ 
 

#rns-style .toggle-choice-btn {
        width:165px;
        margin: 0 0 10px;
    }
#rns-style .toggle-choice-icon {
    font-size:18px;
    position: relative;
    top: 2px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
    
#rns-style .toggle-choice1{
    border-right: 1px #ddd solid;
    padding: 12px 8px !important;
}
#rns-style .toggle-choice1:hover{
    border-right: 1px #ddd solid;
}
#rns-style .toggle-choice2{
    border-left: 1px #ddd solid;
    padding: 12px 8px !important;
}
#rns-style .toggle-choice2:hover{
    border-left: 1px #ddd solid;
}

 
 


 
 /**
 * Search Result Boxes
 * --------------------------------------------------
 */


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

#rns-style .thumbnail-search {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  max-height: 375px;
  width: 100%;
  object-fit: cover;
}
#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; 
max-width:520px;
background: #f5f5f5;
float:none;
margin: 0 auto;
}
#rns-style .search-detail {  }
#rns-style .search-detail h4 { margin: 0px; font-weight:500; font-size:16px}
#rns-style .search-detail h5 { margin: 0px; font-weight:500}
#rns-style .search-detail h6 { font-size: 14px; margin: 0px; font-weight:500}
#rns-style .search-detail h4:a { text-decoration:none}
#rns-style .search-detail h5:a { margin: 0px; font-weight:500}
#rns-style .search-detail h6:a { font-size: 14px; margin: 0px; font-weight:500}
#prop-results-container.col-sm-10{padding: 0 5px}


#rns-style .tsm-fluid {}
#rns-style .tsm-row {margin: 0 auto}
#rns-style .btn-view-prop{width:100%; padding: 12px 5px}


#rns-style .flexible-dates{
    color: #009688;
    background-color: #FFEA00;
    padding: 5px;
    width: 100%;
    text-align: center;
    margin: 0;
}

/**
 * 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: 5px 0px; text-decoration:none; color: #333}
#rns-style .search-detail-view3 h5 { 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 Sidebar
 * --------------------------------------------------
 */

#rns-style .search-sidebar-mobile{
display:none;
background: #f5f5f5;
border: #DDD 1px solid;
margin: 0px auto 30px;}
.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);}
#rns-style .search-side-body {padding:10px 10px 5px}
#rns-style .search-side-form {margin-bottom: 5px}
#search-sidebar.col-sm-2{width:225px}
 
#search-fixed-sidebar.affix-top{
	position: static;
	width: 220px;
  }
 

#amenity-top-filter.col-xs-6{}
#search-fixed-sidebar.panel-primary {width:210px; box-shadow:none; background-color:#f5f5f5; border: #ddd 1px solid; margin-bottom:30px}
#search-date-sidebar.input-group {display:block;}
#search-button-sidebar{text-align:center; background-color:}
#search-fixed-sidebar h4 {font-weight:500; text-align:center}
#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-top: 10px; padding-bottom: 10px}
#rns-style .date-range-padding2{padding-bottom:10px !important; padding-top:20px !important}



/**
 * TSM 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}


/**
 * TSM Property Detail NavBar
 * --------------------------------------------------
 */
#rns-style .nav-container {max-width:715px}
#rns-style .navbar-nav {
    width:100%; 
    margin:0; 
    float:left;
    border: #ddd 1px solid;
}
#rns-style .navbar-nav>li  {
    background: #f5f5f5;
    border-right: #ddd 1px solid;
    width: 25%;
    float:left;
}

#topnav.affix-top{
	position: static;
  } 
#topnav.affix {
    position:fixed;
	top:110px;
	width: 715px;
	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
}
#rns-style .navbar-nav>li>a{
  padding: 18px 10px !important;
  text-align: center;
  color:#333333!important;
  font-weight: 400
  } 
#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 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: 180px;
    text-align: center;
    left: -55px;
	box-shadow:none;
	padding: 0px;
	}
#rns-style #facebook { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-facebook-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #twitter  { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-twitter-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #google { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-google-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #pinterest { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-pinterest-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #email { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-email-gray.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #facebook:hover { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-facebook-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #twitter:hover { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-twitter-color.png');
background-size: contain;
background-position: center;
height: 25px;
width: 25px;
}
#rns-style #google:hover { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-google-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #pinterest:hover { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-pinterest-color.png');
background-size: contain;
height: 25px;
width: 25px;
}
#rns-style #email:hover { 
background-image: url('https://rentals.aspentimeshares.org/rns/images/template-email-color.png');
background-size: contain;
height: 25px;
width: 25px;
}


/**
 * 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-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}

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

#rns-style .new-search-btn {
    margin-top: 20px;
    background-color: #bbb !important;
    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;}
#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 Carousel
 * --------------------------------------------------
 */
#main-photo-carousel.carousel-inner {
    position: relative;
    overflow: hidden;
	text-align:center;
	max-width:100%;
	height: 475px;
	vertical-align: middle;
	margin: 0 auto
	 }
#main-photo-carousel.carousel-inner>.item>img{
height: 475px;
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 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: hidden;
		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%;}
#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}
#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; 
}

.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;}
#prop-results-container.col-sm-10{padding-left: 30px}


 /**
 * TSM Search Result Boxes
 * --------------------------------------------------
 */	
    
#rns-style .unit-overview-small{font-size: 12px}
#rns-style .unit-amenity-small {font-size: 12px}
#result-box.col-xs-6{float:left;}
#price-section.col-sm-3 {width: 100%;}


/**
 * 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;
  }



/**
 * Property Detail Sidebar
 * --------------------------------------------------
 */
#detail-sidebar {width:200px}
#detail-fixed-sidebar.affix{width: 200px}


}




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

.rns-container{
    max-width:740px;
    padding: 15px 0px 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}


 /**
 * 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;
  }


 /**
 * TSM Search Result Boxes
 * --------------------------------------------------
 */	
    
#rns-style .unit-overview-small{font-size: 12px}
#rns-style .unit-amenity-small {font-size: 12px}
#result-box.col-xs-6{float:left;}
#price-section.col-sm-3 {width: 100%;}


/**
 * 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;
  }



/**
 * Property Detail Sidebar
 * --------------------------------------------------
 */
#detail-sidebar {width:180px}
#detail-fixed-sidebar.affix{width: 180px}




}









 /**
 * 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}
#rns-style .owner-fee-table { max-width: 690px; margin-left:auto; margin-right: auto}
#rns-style .owner-weeks-table h4 {text-align: center}

 /**
 * checkout
 * --------------------------------------------------
 */	
#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}


 /**
 * TSM Search Result Boxes
 * --------------------------------------------------
 */	
 
#rns-style .unit-overview-small{font-size: 14px}
#rns-style .unit-amenity-small {font-size: 14px}
#result-box.col-xs-6 {width: 50%; float:left; margin: 0 auto 20px}
#rns-style .search-detail h4 {padding-bottom:2px}


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

#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}
#mobile-form.col-xs-2 {padding:5px}
#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}



 /**
 * 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 20px}
#rns-style .tsm-row {
  margin-right: -15px;
  margin-left: -15px;
  }


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

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


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



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




 


#top-map {display:none}
#review-prop.col-xs-3{ width: 50% !important}
#review-prop{margin-bottom:0px; margin-top:0px}
#review-prop h5{margin:5px 0}
#prop-header.col-xs-3 {width:50% !important}
#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%}


 /**
 * 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%}

#rns-style .owner-weeks-padding {padding:15px 0}
#rns-style .tsm-owner-header {font-size:20px}
#rns-style .owner-fee-btn {font-size:smaller}

 /**
 * 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%}
 
 
/**
 * TSM Search Result Boxes
 * --------------------------------------------------
 */	
 
#rns-style .unit-overview-small{font-size: 12px}
#rns-style .unit-amenity-small {font-size: 12px}

 


 /**
 * 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: 5px !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 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: 45% !important; }
#photo-arrows.carousel-control .glyphicon-chevron-right { top: 45% !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}
  
}



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

    
}







#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}   
}


@media (max-width:991px) {

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




/*Removes the slide up on the results page*/
#rns-style .caption::before {
    position: relative !important;
}

#rns-style .caption::before {
     position: relative !important;
}

#rns-style .caption__overlay {
    position: relative !important;
        transform: none !important;
}

#rns-style .caption__overlay__content {
 display:none !important;
}

#rns-style .caption:hover .caption__overlay {
    transform: none;
}

#rns-style .caption__overlay__title {
    transform: none;
}