@charset "utf-8";
/* CSS Document */

/*	
	Custom CSS Document 
	Written as a customization to Bootstrap
	for the Mountain Resorts (mtn-resorts.com) website
*/

/*
********************************************************
GENERAL CUSTOMIZATIONS
*/
html, body {
  height: 100%; 
  margin: 0;
  padding: 0;
}
body {
	font-family: 'MuseoSans300', sans-serif;
	font-size: 14px;
	position: relative;
	background-color: #f0f0f0;
	color: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'MuseoSans500', sans-serif;
}
b,
strong {
	font-family: 'MuseoSans500', sans-serif;
}
a {
	color: #006ab5;
}
a:hover,
a:focus {
	outline: none;
	color: #0294fb;
	text-decoration: none;
}
a:active,
a:hover {
	outline: none;
}

h3 {
	font-size:1.6em;
	margin-top:30px;	
}
.double-text {
	font-size:1.5em;	
}

.fas.pull-left {
	margin-right:.3em;
}
.fas.pull-right {
	margin-left:.3em;
}

.lgi-blue {
  background-color: #fff;
  border: 1px solid #336699;
}



.badge-success {
	background-color: #28a745;
	color:#fff;
}

.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.panel-heading {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;

}
.panel-footer {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}

.panel.collapseable .panel-heading {
	padding:0px;	
}
.panel.collapseable .panel-heading a {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;	
}
.panel.complexDisplay {
	margin-top:20px;
	margin-bottom:0px;	
}
.panel-body {
	padding:20px;
}
/*panel with icon*/
.panel-with-icon {
	display:table;	
	width:100%;
}
.panel-with-icon .panel-body {
	display:table-cell;
	vertical-align:middle;
	padding:15px;
}
.panel-heading-with-icon {
	display:table;	
	width:100%;
	padding:0;
}
.panel-heading-with-icon div {
	display:table-cell;
	vertical-align:middle;
	padding:15px;

}

.panel-with-icon .panel-icon {
	display:table-cell;	
	vertical-align:middle;
	padding:20px;
}
/*panel with icon*/
/*blue panel*/
.panel-blue {
  border-color: #006ab5;
}
.panel-blue > .panel-heading {
  color: #fff;
  background-color: #006ab5;
  border-color: #006ab5;
}
.panel-blue .panel-heading a,
.panel-blue .panel-heading a:hover,
.panel-blue .panel-heading a:focus,
.panel-blue .panel-heading a:active {
	color:#fff;
}
.panel-blue > .panel-body {
  color: #666;
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #006ab5;
}
.panel-blue > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #006ab5;
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #006ab5;
}
.panel-blue > .panel-icon {
	background-color:#006ab5;
	color:#fff;
	padding:20px;
	text-align:center;
}
/*blue panel*/

/*grey panel*/
.panel-grey {
  border-color: #cccccc;
}
.panel-grey > .panel-heading {
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
.panel-grey > .panel-body {
  color: #666;
}
.panel-grey > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cccccc;
}
.panel-grey > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #cccccc;
}
.panel-grey > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cccccc;
}
.panel-grey > .panel-icon {
	background-color:#cccccc;
	color:#fff;
	padding:20px;
	text-align:center;
}
/*grey panel*/

/*room panel*/
.panel-room {
  border-color: #cccccc;
	min-height: 162px;
}

/*green panel*/
.panel-green {
  border-color: #009853;
}
.panel-green > .panel-heading {
  color: #009853;
  background-color: #fff;
  border-color: #009853;
}
.panel-green > .panel-body {
  color: #009853;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #009853;
}
.panel-green > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #009853;
}

.panel-green > .panel-icon {
	background-color:#009853;
	color:#fff;
	padding:20px;
	text-align:center;
}

/*green panel*/
/*red panel*/
.panel-red {
  border-color: #CC0000;
}
.panel-red  > .panel-heading {
  color: #CC0000;
  background-color: #fff;
  border-color: #CC0000;
}
.panel-red > .panel-body {
  color: #CC0000;
}
.panel-red > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #CC0000;
}
.panel-red > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-red > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #CC0000;
}

.panel-red > .panel-icon {
	background-color:#CC0000;
	color:#fff;
	padding:20px;
	text-align:center;
}
/*red panel*/
/*red yellow*/
.panel-yellow {
  border-color: #dca400;
}
.panel-yellow  > .panel-heading {
  color: #dca400;
  background-color: #fff;
  border-color: #dca400;
}
.panel-yellow > .panel-body {
  color: #666;
}
.panel-yellow > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dca400;
}
.panel-yellow > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-yellow > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dca400;
}

.panel-yellow > .panel-icon {
	background-color:#dca400;
	color:#fff;
	padding:20px;
	text-align:center;
}
/*yellow panel*/
.hover-cursor {
	cursor: pointer;
}
.hover-cursor-color {
	border:1px solid #006ab5;
	color:#006ab5
}
.hover-cursor-color:hover {
	border:1px solid #0294fb;
	color:#0294fb
}
.popover {
	max-width: 350px;
}
.popover-title {
	font-family: 'MuseoSans500';
	margin-top:0px !important;
		padding:14px;
}
.popover-content {
	font-family: 'MuseoSans300';
	padding:14px;
}
.m-b-20 {
	margin-bottom: 20px!important;
}
.m-b-30 {
	margin-bottom: 30px!important;
}
.m-t-20 {
	margin-top: 20px!important;
}
.m-t-30 {
	margin-top: 30px!important;
}
.m-r-20 {
	margin-right: 20px!important;
}
.m-l-10 {
	margin-left:10px!important;	
}
.m-t-10 {
	margin-top:10px!important;	
}
.m-b-10 {
	margin-bottom:10px!important;	
}
.m-b-0 {
	margin-bottom: 0px!important;
}
.m-t-0 {
	margin-top: 0px!important;
}
.p-t-0 {
	padding-top:0px!important;	
}
.red {
	color:#cc0000;	
}
.blue {
	color:#006ab5;	
}
.yellow {
	color:#dca400;	
}
/*.img-responsive {
	width:100%;	
}*/


#fakeyDiv { 
	display: none;
}


.table {
	background-color:#fff;	
}
.table-small {
	font-size:.85em;	
}

hr {
border-top-color: #ccc;	
}

/* Line 5 */
.lead {
 font-size: 1.3em; 
 font-family:'MuseoSans100';
}

.blockquote {
	padding-left:20px;
	border-left:4px solid #ccc;	
}

.label-custom {
	background-color: #990000;
	font-family:'MuseoSans100Italic';
	position:relative;
	top:-3px;
	padding-top:.35em;
}
.alert-rest-easy {
  color: #666;
  background-color: #fff;
  border-color: #e5e5e5;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	padding:30px;
}
.alert-rest-easy button.close {
	top:0px;
	right:-10px;
}
.alert-custom {
  color: #666;
  background-color: #fff;
  border-color: #e5e5e5;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
.alert-danger {
	border:none;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
.alert-custom hr {
  border-top-color: #cccccc;
}
.alert-custom .alert-link {
  color: #006ab5;
}

.alert-special
{
	color:#fff;
	background-color:#336699;
	border:none;
	text-align:center;
	margin:0px;
	border-radius: 0px;
	text-transform: uppercase;
}
.alert-special a {
	color:#fff;
}
.alert-special a:hover {
	color:#fff;
}


.alert-special-unit
{
	color:#666;
	background-color:#fff;
	border:1px solid #666;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	padding:5px 10px 3px 10px;
	border-radius: 3px;
	text-transform: uppercase;
	box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 3px 3px -3px rgba(0, 0, 0, 0.25);
}

.alert-bad
{
	color:#fff;
	background-color:#CC0000;
	border:none;
	text-align:center;
	margin:0px;
	border-radius: 0px;
	text-transform: uppercase;
}
.alert-bad a {
	color:#fff;
}
.alert-bad a:hover {
	color:#fff;
}

.alert-warning2
{
	color:#336699;
	background-color:#fcf8e3;
	border:none;
	text-align:center;
	margin:0px;
	border-radius: 0px;
	text-transform: uppercase;
}
.alert-warning2 a {
	color:#336699;
}
.alert-warning2 a:hover {
	color:#336699;
}
.alert-warning2 .btn {
	color:#336699;
	border-color:#336699;
	background-color: transparent;
}

.alert-featured-1 {
	padding:5px;
	text-align: center;
	margin-top:10px;
	margin-bottom:0px;
	color: #336699;
	background-color: #fff;
	border-color: #336699;
	font-size:75%;
}
.alert-featured-2 {
	padding:5px;
	text-align: center;
	margin-top:0px;
	margin-bottom:10px;
	color: #336699;
	background-color: #fff;
	border-color: #336699;
	font-size:75%;
}

.btn-disabled {
  cursor:default;
  pointer-events: none;	
}

.dropdown-menu-sort-display {
	padding:0;
	border-radius:0px;
	font-size:.9em;
	margin-top:-1px;
	border:1px solid #8b8b8b;
}
.dropdown-menu-sort-display > li
{
  border-bottom:1px solid #ccc;
}
.dropdown-menu-sort-display > li:last-child
{
  border-bottom:0px solid #ccc;
}
.dropdown-menu-sort-display > li > a
{
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px;
  font-weight:normal;
  color: #333333;
  white-space: nowrap;
}

/* Line 5 */
.dropdown-menu-sort-display > li > a:focus,
.dropdown-menu-sort-display > li > a:hover
{
  color: #FFF;
  background-color: #0294fb;
}



/*----- interior structure -----*/

.right-col-fixed-width {
	border: 0px solid red;
	position: relative;
	min-height: 1px;
	margin: 15px;
	margin-top: 20px;
}
.left-col-fluid {
	position: relative;
	min-height: 1px;
	margin: 15px;
	margin-top: 30px;
	padding-bottom:0px;
	border-bottom:1px solid #e5e5e5;
}
.left-col-full {
	position: relative;
	min-height: 1px;
	margin: 15px;
	margin-top: 30px;
	padding-bottom:0px;
	border-bottom:1px solid #e5e5e5;
}
#searchandfavorites-sm {
	background-color: #e6e6e6;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
	z-index: 501;
	width: 100%;
	border-bottom: 1px solid #00538d;
}
#searchandfavorites-sm.affix {
	top:0px;	
	position:fixed;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
#searchandfavorites-sm .btn-group-justified a:last-child {
	border-left: 1px solid #e6e6e6;
}
#searchandfavorites-sm .btn-group a {
	font-size: .95em;
}
/*----- interior structure -----*/

/*----- property page -----*/

#content {
}
#content h1 {
	font-size: 1.75em;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	text-align: center;
	font-family:'MuseoSans300';
}
#content h1.with-btns {

	margin-bottom:15px;
	padding-bottom:0px;
	border-bottom:0px solid #e5e5e5;
}

.panel-property {
	margin-top: 10px;
	margin-bottom: 0px;
}
.panel-property .panel-body H4 {
	font-family: 'MuseoSans500';
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.panel-property .panel-heading {
	background-color: #00538d;
	color: #fff;
	border-color: #00538d;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.panel-property .panel-heading h3 {
	font-family: 'MuseoSans700';
	font-size: 1.2em;
}
.panel-property .panel-heading a:hover,
.panel-property .panel-heading a:active,
.panel-property .panel-heading a:focus {
	color: #fff;
}
.accordionUnits {
	margin-bottom: 0px;
}
.table-unit {
	font-size: .85em;
}
.table-unit thead {
	-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.25);
}
.table-unit th {
	background-color: #006ab5;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center right;
}
.table-unit th.header { 
    background-image: url(https://mtn-resorts.com/img_assets/sort_bg.png); 
    cursor: pointer; 
	color: #fff;
} 
.table-unit th.headerSortUp { 
	background-color:#2793e6;
    background-image: url(https://mtn-resorts.com/img_assets/sort_asc.png); 
} 
.table-unit th.headerSortDown { 
	background-color:#2793e6;
    background-image: url(https://mtn-resorts.com/img_assets/sort_desc.png); 
} 




.table-unit > thead > tr > th {
	border-bottom: 0px;
}
.panel-units {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #006ab5;
	border-radius: 2px;
}
.panel-units .panel-heading {
	padding: 0px;
}
.panel-units .panel-heading a {
	display: block;
	font-size: 1.1em;
	font-family: 'MuseoSans500';
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-color: #006ab5;
	color: #fff;
}
.panel-units .panel-heading a span {
	font-size: .85em;
	font-family: 'MuseoSans300';
}
#property-navigation {
 display:none;
 visibility:hidden;
}
/*nav-pills*/

.prop-nav-pills > li > a {
	color: #00538d;
	background-color: #fff;
	border: 1px solid #00538d;
	font-family: 'MuseoSans500';
	margin-right: 2px;
}

.prop-nav-pills > li > a.test {
	color: #00538d;
	background-color: #fff;
	border: 1px solid #00538d;
	font-family: 'MuseoSans500';
	margin-right: 2px;
	padding:10px 12px;
}


.prop-nav-pills > li > a:focus,
.prop-nav-pills > li > a:hover {
	text-decoration-line: none;
	text-decoration-style: solid;
	color: #fff;
	background-color: #0294fb;
	border-color: #0294fb;
}
.prop-nav-pills > li.active > a,
.prop-nav-pills > li.active > a:focus,
.prop-nav-pills > li.active > a:hover {
	color: #ffffff;
	background-color: #00538d;
	border-color: #00538d;
}
/*nav-pills*/




#right-col-rates-dates {
	width: 100%;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	padding: 30px;
}
#right-col-rates-dates h4 {
	margin-top:0px;
	margin-bottom:20px;
}
#right-col-rates-dates em {
	font-size: 1.2em;
	font-family: 'MuseoSans500Italic';
	font-style: normal;
}
#right-col-mr-booking-guarantee {
	width: 100%;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	padding: 30px;
	margin-top: 10px;
}
#right-col-vacation-protection-services {
	width: 100%;
	border: 1px solid #e6e6e6;
	background-color:transparent;
	padding: 30px;
	margin-top: 10px;
}
#right-col-vacation-protection-services h4 {
	margin-top:0;
	margin-bottom:20px;	
}

/*----- interior search form ------*/
.full-screen {
	position:fixed;
    display: table;
    vertical-align:middle;
	width: 100%;
	height: 100vh;
	z-index: 50000;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
#interior-form {
	width:100%;	
	border:0px solid red;
}
#interior-form h4 {
	font-size:1.15em;
	font-family:'MuseoSans500Italic';
	margin-top:0px;
}
#interior-form h5,
#check-unit-content h5 {
	font-family:'MuseoSans500Italic';
	margin-top:0px;
}
.green1 {
	color:#009853;	
}

.blue1 {
		color:#00538d;
}
#interior-form .row {
	margin-left:-15px;
	margin-right:-15px;	
}
#interior-form .form-col,
#unit-form .form-col  {
	padding: 0px;
	margin:0px;
	margin-bottom: 20px;
	padding-right:15px;
	padding-left:15px;
}
#interior-form .form-col-slider {
	padding: 0px;
	margin:0px;
	margin-top: 0px;
	margin-bottom:10px;
	padding-right:30px;
	padding-left:30px;
}
#interior-form .form-group {
	background-color: #fff;
	margin-bottom:0px;
}
#interior-form .form-group label {
	padding:0;
	margin:0;
	font-family:'MuseoSans300';	
	font-weight:normal;
}
#interior-form .form-col-slider .form-group label {
	margin-left:-15px;
}

#slider-value {
	float:right;
	text-align:right;
	margin-right:-15px;	
}

#interior-form .input-group {
	background-color: #fff;
}
#interior-form input,
#unit-form input,
.prop-body-form input {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
}
/*customize bootstrap select*/
#interior-form .bootstrap-select {
	
}
#interior-form .bootstrap-select .btn {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
}
#interior-form .bootstrap-select.open .btn.dropdown-toggle {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#interior-form .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline: none !important;
	outline-offset: 0px;
}
#interior-form .bootstrap-select .btn-default.active.focus,
#interior-form .bootstrap-select .btn-default.active:focus,
#interior-form .bootstrap-select .btn-default.active:hover,
#interior-form .bootstrap-select .btn-default:active.focus,
#interior-form .bootstrap-select .btn-default:active:focus,
#interior-form .bootstrap-select .btn-default:active:hover {
	color: #666;
	background-color: #fff;
	border-color: #e5e5e5;
}
#interior-form .bootstrap-select.btn-group .dropdown-menu {
	border-radius: 0px;
	margin-top: 0px;
	border: 0px solid #e5e5e5;
}
/* Custom Radio/Checkbox */
#interior-form label.cr-styled {
	display: inline-block;
	margin: 0px 2px;
	line-height: 20px;
	font-weight: normal;
	cursor: pointer;
	padding: 0px;
	padding-left: 5px;
}
#interior-form .cr-styled i {
	display: inline-block;
	height: 18px;
	width: 18px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666;
	border-radius: 0;
	text-align: center;
	padding-top: 1px;
	font-family: 'FontAwesome';
	margin-top: -3px;
	margin-right: 3px;
	font-size: 1em;
	background-color: #f2f2f2;
}
#interior-form .cr-styled input {
	visibility: hidden;
	display: none;
}
#interior-form .cr-styled input[type=checkbox]:checked + i:before {
	content: "\f00c";
}
#interior-form .cr-styled input:checked + i {
	border-color: #666;
	color: #666;
	background-color: #f2f2f2;
}



#filterForm label.cr-styled {
	display: inline-block;
	margin: 0px 2px;
	line-height: 20px;
	font-weight: normal;
	cursor: pointer;
	padding: 0px;
	padding-left: 5px;
}
#filterForm .cr-styled i {
	display: inline-block;
	height: 18px;
	width: 18px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666;
	border-radius: 0;
	text-align: center;
	padding-top: 1px;
	font-family: 'FontAwesome';
	margin-top: -3px;
	margin-right: 3px;
	font-size: 1em;
	background-color: #f2f2f2;
}
#filterForm .cr-styled input {
	visibility: hidden;
	display: none;
}
#filterForm .cr-styled input[type=checkbox]:checked + i:before {
	content: "\f00c";
}
#filterForm .cr-styled input[type=radio] + i {
    border-radius: 18px;
    font-size: 9px;
    line-height: 15px;
}

#filterForm .cr-styled input[type=radio]:checked + i:before {
    content: "\f111";
}
#filterForm .cr-styled input:checked + i {
	border-color: #666;
	color: #666;
	background-color: #f2f2f2;
}
/* */



#interior-form .input-daterange input:first-child,
#unit-form .input-daterange input:first-child {
	border-radius: 0px;
}

#interior-form .input-daterange input:last-child,
#unit-form .input-daterange input:last-child {
	border-radius: 0px;
}

#interior-form .input-group .input-group-addon,
#unit-form .input-group .input-group-addon {
	border-color: #e5e5e5;
	border-left: none;
	border-right:1px solid #e5e5e5;
	background-color: #fff;
	border-radius:0px;
}
#interior-form .btn-submit,
.prop-body-form .btn-submit {
	font-family: 'MuseoSans900', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform: uppercase;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 15px;
	border: 0;
	color: #fff;
	width: 100%;
	background-color: #dc7c00;
	border-radius: 0px;
	font-size: 1em;
}
#interior-form .btn-submit:hover,
 #interior-form .btn-submit:focus,
 #interior-form .btn-submit.focus,
 #interior-form .btn-submit:active,
 #interior-form .btn-submit.active,
.prop-body-form .btn-submit:hover,
.prop-body-form .btn-submit:focus,
.prop-body-form .btn-submit:active,
.prop-body-form .btn-submit.active   {
	background-color: #ff9000;
	color: #fff;
}

.prop-body-form {
	margin-bottom:20px;
	padding:20px;
	background-color:#fff;
	padding-bottom:0px;	
}

/*-----------*/



.premier-star {
	color: #ffbe00;
}
.well.property-details {
	width: 100%;
	float: none;
	margin: 0;
	font-size: .9em;
	margin-bottom: 20px;
}
.well.complex-details {
	width: 100%;
}
.well.complex-details h5 {
	font-family: 'MuseoSans700';
	font-size: 1.1em;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
	margin-top: 0px;
}
.well.complex-details p {
	font-size: 1.1em;
	margin-bottom: 0px;
}
/*.well.complex-details:last-child {
	margin-right:0px;
}*/
.fa-ul {
	padding: 0;
	padding-left: 1.5em;
	margin: 0;
	font-size: 1em;
}
.fa-ul .fa-li {
}
.fa-ul > li {
	line-height: 1.3em;
	margin-bottom: 10px;
}
.fa-ul > li:last-child {
	margin-bottom: 0px;
}
.calendarkey {
	font-size: .7em;
}
.calendarkey div {
	background-image: url(https://mtn-resorts.com/img_assets/availcal-key-sprite.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
}
.calendarkey div.available {
	background-position: -30px 0px;
	width: 30px;
	height: 30px;
}
.calendarkey div.notavailable {
	background-position: -60px 0px;
	width: 30px;
	height: 30px;
}
.calendarkey div.departureok {
	background-position: -90px 0px;
	width: 30px;
	height: 30px;
}
.calendarkey div.arrivalok {
	background-position: -120px 0px;
	width: 30px;
	height: 30px;
}
#property-calendar {
	background-color: transparent;
	padding: 0px;
	width: 100%;
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}
.calendar-col {
	padding: 0px;
	padding-right: 15px;
}
.calendar.row {
	margin: 0px;
	margin-bottom: 15px;
}
.embed-responsive {
  border:1px solid #e5e5e5;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);	
}

/*----- Google Map and Pop Over ------*/
#map_canvas {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
  border:1px solid #e5e5e5;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
.gm-style-iw {
	width: 350px !important;
	top: 0 !important;
	left: 0 !important;
	border-radius: 2px 2px 0 0;
}
.gm-style-iw {
	width: 250px !important;
	top: 15px !important;
	left: 0 !important;
	box-shadow: 0px 0px 5px #333333;
	background-color: #fff;
	border: 0px solid #666;
	border-radius: 2px 2px 0 0;
}
#map_canvas div.mapPop,
#map_canvas_unit div.mapPop,
#map_canvas_compare div.mapPop {
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: auto;
	font-size: .9em;
}
#map_canvas div.mapPop div.mapPop-content {
	padding: 10px;
}
#map_canvas div.mapPop img,
#map_canvas_unit div.mapPop img,
#map_canvas_compare div.mapPop img {
	width: 100%;
	height: auto;
}
#map_canvas div.mapPop div.mapPop-photo {
	width: 250px;
	height: 70px;
	margin-bottom: 10px;
	border: 1px solid #666;
	overflow: hidden;
}
#map_canvas div.mapPop div.mapPop-photo img {
	position: relative;
	width: 250px;
	height: auto;
	margin-top: -25%;
}
#map_canvas div.mapPop p strong,
#map_canvas_unit div.mapPop p strong,
#map_canvas_compare div.mapPop p strong {
	font-family: 'MuseoSans500';
	font-size: 110%;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#map_canvas div.mapPop p,
#map_canvas_unit div.mapPop p,
#map_canvas_compare div.mapPop p {
	font-family: 'MuseoSans300';
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	display: block;
}
#map_canvas div.mapPop a,
#map_canvas_unit div.mapPop a,
#map_canvas_compare div.mapPop a {
	margin-bottom: 5px;
	color: #b32025;
	text-decoration: none;
}
#map_canvas div.mapPop a:hover,
#map_canvas_unit div.mapPop a:hover,
#map_canvas_compare div.mapPop a:hover {
	color: #f42c32;
}
/*----- Google Map and Pop Over ------*/

/*TA widget full width*/
div#CDSWIDSSP {
	width: 100% !important;
}
/*----- property page -----*/



/*----- interior header -----*/
header#interior-header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
	background-color: #fff;
	border-bottom: 5px solid #00538d;
	top: 0;
}
header#interior-header #header-logo {
	max-width: 150px;
	cursor: pointer;
}
header#interior-header #top-phone {
	color: #00538d;
	margin-bottom: 20px;
}
header#interior-header #top-phone span {
	font-family: 'MuseoSans700', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
/*----- interior navbar -----*/
.nav-phone {
	margin: 0;
}
/*----- interior navbar -----*/
/*----- interior header -----*/






/*----- custom buttons -----*/

.heart-grey {
	color:#666666;	
}
.heart-grey:hover,
.heart-grey:active,
.heart-grey:focus
 {
	color:#ff0000;	
}


.property-result-header .heart-grey {
	color:#fff;
}


.heart-red {
	color:#ff0000;	
}


#favorites-saved-container {
	display:table;
	width:100%;	
	border:1px solid #e6e6e6;
	border-radius:2px;
	background-color:#fff;
}
#favorites-saved-container a {
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	color:#cc0000;
	text-align:center;
}
#favorites-saved-container a .badge {
	background-color:#cc0000;
}
#favorites-saved-container a.favorites-saved-container-i {
	background-color:#cc0000;
	color:#fff;
}

.btn-favorites-saved {
	color: #ff0000;
	background-color: #fff;
	border-color: #e6e6e6;
}
.btn-favorites-saved.heart {
	color: #ff0000;
	background-color: #FFF;
	border-color: #e6e6e6;
}
.btn-favorites-group:hover a.btn-favorites-saved,
.btn-favorites-group:focus a.btn-favorites-saved,
.btn-favorites-group:active a.btn-favorites-saved {
	color: #ff0000;
	background-color: #fff;
	border-color: #e6e6e6;
}
.btn-favorites-group:hover a.btn-favorites-saved.heart,
.btn-favorites-group:focus a.btn-favorites-saved.heart,
.btn-favorites-group:active a.btn-favorites-saved.heart {
	color: #FFF;
	background-color: #ff0000;
	border-color: #e6e6e6;
}
.btn-favorite {
	color:#fff;
	background-color: #fff;
	border:1px solid #666;
}
.btn-favorite.heart-grey {
	color:#666;
}


.btn-favorite.heart-red {
	color: #ff0000;
	background-color: #fff;
	border:1px solid #ff0000;	
}
.btn-favorite:hover,
.btn-favorite:focus {
	color: #fff;
	background-color: #ff0000;
	border:1px solid #ff0000;	
}


.btn-custom {
	color: #fff;
	background-color: #006ab5;
	border-color:0px solid #e6e6e6;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.open > .dropdown-toggle.btn-custom {
	color: #fff;
	background-color: #0294fb;
	border-color:0px solid #e6e6e6;
}
.btn-custom:active,
.open > .dropdown-toggle.btn-custom {
	background-image: none;
}
.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled.focus,
.btn-custom[disabled].focus,
fieldset[disabled] .btn-custom.focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
	background-color: #0294fb;
	border-color:0px solid #e6e6e6;
}

.btn-red {
	color: #fff;
	background-color: #CC0000;/*871820*/
	border-color:0px solid #e6e6e6;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.open > .dropdown-toggle.btn-red {
	color: #fff;
	background-color: #FF0000;/*bc212d*/
	border-color:0px solid #e6e6e6;
}
.btn-red:active,
.open > .dropdown-toggle.btn-red {
	background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
	background-color: #FF0000;
	border-color:0px solid #e6e6e6;
}


.btn-book {
	border:0px;
	background-color:#CC0000;
	color:#fff;
	font-family:'MuseoSans500';
	border-radius:0px;

}
.btn-book.call {
	font-size:.8em;

}
.btn-book:focus,
.btn-book:hover,
.btn-book:active
{
  color: #fff;
  background-color: #FF0000;
  border-top-color: #FF0000;
  border-right-color: #FF0000;
  border-bottom-color: #FF0000;
  border-left-color: #FF0000;
}
.btn-book.disabled,
.btn-book.disabled:hover,
.btn-book.disabled:active,
.btn-book.disabled:focus
{
  background-color: #e57f7f;
  border-color:#e57f7f;
}

.brBtn {
	margin-right:5px;
}


/*----- custom button -----*/


/*----- home page custom CSS ------*/
#cover-background {
	background-image: linear-gradient(  to bottom,  rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)  ), url(https://mtn-resorts.com/img_assets/cover/mtn-dusk.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
	z-index: 1;
	border-bottom: 2px solid #00538d;
}
header#cover-header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
	position: absolute;
	top: 0;
}
header#cover-header #header-logo {
	max-width: 150px;
	cursor: pointer;
}
header#cover-header #top-phone {
	color: #fff;
	margin-bottom: 20px;
}
header#cover-header #top-phone span {
	font-family: 'MuseoSans700', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
/*----- mega menu custom CSS ------*/
.navbar-container {
	z-index: 400;
	position: fixed;
	overflow: auto;
	width: 250px;
	height: 100%;
	left: 0;
	top: 0;
	right: auto;
	padding: 0px;
	background-color: #f2f2f2;
	box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.25);
}
.navbar-cover {
	margin: 0px;
	text-transform: uppercase;
	font-family: 'MuseoSans500', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 1em;
	background-color: #f2f2f2;
	padding: 0px;
	width: 100%;
	height: 100%;
}
#offcanvas-logo {
	width: 150px;
	height: auto;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.navbar-cover .mega-dropdown {
	position: static !important;
}
.navbar-cover .mega-dropdown-menu {
	width: 100%;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	padding: 0px;
	font-family: 'MuseoSans300', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform: capitalize;
	border: 1px solid #e5e5e5;
}
.navbar-cover .mega-dropdown-menu-not-mega {
	width: auto;
}
.navbar-cover .open .mega-dropdown-menu {
	background-color: #fff;
	background-image: url(https://mtn-resorts.com/img_assets/mega-drop-back.gif);
	background-repeat: repeat-x;
}
.navbar-cover .open .mega-dropdown-menu-not-mega {
	background-image:none;
}
.navbar-cover .mega-dropdown-menu > li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	list-style: none;
	background-color: #fff;
}
.navbar-cover > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	border-top: 1px solid #e5e5e5;
}
.navbar-cover > li:last-child > a {
	border-bottom: 1px solid #e5e5e5;
}
.navbar-cover > li > a:focus,
 .navbar-cover > li > a:hover {
	text-decoration-line: none;
	text-decoration-style: solid;
	background-color: #0294fb;
	color: #fff;
}
.navbar-cover > li > a:focus,
 .navbar-cover > li > a:hover {
	text-decoration-line: none;
	text-decoration-style: solid;
	background-color: #0294fb;
	color: #fff;
}
.navbar-cover .open > a,
 .navbar-cover .open > a:focus,
 .navbar-cover .open > a:hover {
	background-color: #0294fb;
	color: #e5e5e5;
	color: #fff;
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
}
.navbar-cover .mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.navbar-cover .mega-dropdown-menu > li > ul > li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navbar-cover .mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 5px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #666;
	white-space: normal;
	font-size: .9em;
}
.navbar-cover .mega-dropdown-menu > li ul > li > a:hover,
 .navbar-cover .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	color: #fff;
	background-color: #0294fb;
}
.navbar-cover .open .mega-dropdown-menu .dropdown-header {
	color: #006ab5;
	text-transform: uppercase;
	font-family: 'MuseoSlab700';
	padding: 0px;
	margin: 0px;
}
.navbar-cover .mega-dropdown-menu .divider {
	height: 1px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #e5e5e5;
}
nav#sm-screen {
	position: relative;
	width: 100%;
	text-align: right;
	height: 100%;
	margin-top: 6px;
}
nav#sm-screen a.btn-icon,
 nav#sm-screen a.btn-icon:focus {
	font-size: 2em;
	position: relative;
	float: right;
	padding: 7px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 17px;
	border: solid 1px rgba(255,255,255,.15);
	background-color: transparent;
	background-image: none;
	border-radius: 4px;
	color: #fff;
}
nav#sm-screen a.btn-icon:hover,
 nav#sm-screen a.btn-icon:active {
	background-color: #0294fb;
	border: solid 1px #0294fb;
	color: #fff;
}
nav#sm-screen.sm-screen-interior a.btn-icon,
 nav#sm-screen.sm-screen-interior a.btn-icon:focus {
	border: solid 1px #00538d;
	background-color: transparent;
	background-image: none;
	border-radius: 4px;
	color: #00538d;
}
nav#sm-screen.sm-screen-interior a.btn-icon:hover,
 nav#sm-screen.sm-screen-interior a.btn-icon:active {
	background-color: #0294fb;
	border: solid 1px #0294fb;
	color: #fff;
}
.navbar-container:before,
 .navbar-container:after {
	display: table;
	content: " ";
}
.navbar-container:after {
	clear: both;
}
.canvas-sliding {
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
/*----- mega menu custom CSS ------*/
	
	/*-------- cover search form custom CSS -------*/
#cover-form-container {
	width: 100%;
	margin-top: 20px;
}
#cover-form-container h1,
 #cover-form-container p {
	font-family: 'MuseoSans100', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #fff;
}
#cover-form-container h1 {
	font-size: 1.7em;
	margin-bottom: 20px;
}
#cover-form-container p {
	font-size: 1em;
	margin-top: 20px;
}
#cover-form {
	background: rgba(0,0,0,0.50);
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 0px;
	width: 100%;
	font-size: 1em;
}
#cover-form {
	margin-right: auto;
	margin-left: auto;
	max-width: 950px;
}
#cover-form .btn-submit {
	font-family: 'MuseoSans900', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform: uppercase;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 15px;
	border: 0;
	color: #fff;
	width: 100%;
	background-color: #dc7c00;
	border-radius: 0px;
	font-size: 1em;
}
#cover-form .btn-submit:hover,
 #cover-form .btn-submit:focus,
 #cover-form .btn-submit.focus,
 #cover-form .btn-submit:active,
 #cover-form .btn-submit.active {
	background-color: #ff9000;
	color: #fff;
}
#cover-form .form-col {
	padding: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
}
#cover-form .form-group {
	margin-bottom: 0px;
}
#cover-form .input-group {
	background-color: #fff;
}
#cover-form input {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
}
/*customize bootstrap select*/
#cover-form .bootstrap-select {
}
#cover-form .bootstrap-select .btn {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
}
#cover-form .bootstrap-select.open .btn.dropdown-toggle {
	color: #666;
	font-family: 'MuseoSans300', sans-serif;
	border-radius: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin: 0px;
	border: 1px solid #e5e5e5;
	text-align: left;
	width: 100%;
	border-radius: 0px;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#cover-form .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline: none !important;
	outline-offset: 0px;
}
#cover-form .bootstrap-select .btn-default.active.focus,
 #cover-form .bootstrap-select .btn-default.active:focus,
 #cover-form .bootstrap-select .btn-default.active:hover,
 #cover-form .bootstrap-select .btn-default:active.focus,
 #cover-form .bootstrap-select .btn-default:active:focus,
 #cover-form .bootstrap-select .btn-default:active:hover {
	color: #666;
	background-color: #fff;
	border-color: #e5e5e5;
}
#cover-form .bootstrap-select.btn-group .dropdown-menu {
	border-radius: 0px;
	margin-top: 0px;
	border: 0px solid #e5e5e5;
}
/* Custom Radio/Checkbox */
#cover-form label.cr-styled {
	display: inline-block;
	margin: 0px 2px;
	line-height: 20px;
	font-weight: normal;
	cursor: pointer;
	padding: 0px;
	padding-left: 5px;
}
#cover-form .cr-styled i {
	display: inline-block;
	height: 18px;
	width: 18px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666;
	border-radius: 0;
	text-align: center;
	padding-top: 1px;
	font-family: 'FontAwesome';
	margin-top: -3px;
	margin-right: 3px;
	font-size: 1em;
	background-color: #f2f2f2;
}
#cover-form .cr-styled input {
	visibility: hidden;
	display: none;
}
#cover-form .cr-styled input[type=checkbox]:checked + i:before {
	content: "\f00c";
}
#cover-form .cr-styled input:checked + i {
	border-color: #666;
	color: #666;
	background-color: #f2f2f2;
}
/* */
	
#cover-form .input-daterange input:first-child {
	border-radius: 0px;
}
#cover-form .input-daterange input:last-child {
	border-radius: 0px;
}
#cover-form .input-group .input-group-addon {
	border-color: #e5e5e5;
	border-left: none;
	border-right: none;
	background-color: #fff;
}
/*-------- cover search form custom CSS -------*/

/*----- home page custom CSS ------*/




/*----- custom pop over for about us ------*/
header .popover {
	border-radius: 0px;
	font-family: 'MuseoSans300', sans-serif;
	font-size: 1em;
	line-height: 1.6;
	color: #666;
	/*	left:20px !important;*/
	min-width: 290px !important;
	max-width: 400px !important;
	margin-right: 15px;
	border: 0px;
}
header .popover.bottom > .arrow {
	top: -9px !important;
	left: 26px !important;
	border-bottom: 0px;
}
header .popover-content {
	padding: 20px;
}
header .popover-content img {
	float: right;
	margin-bottom: 20px;
	margin-top: 20px;
}

/*----- custom pop over for about us ------*/
#trigger {
	float:left;
	/*color:red;*/
}


/*----- unit display search results ------*/

.property-result {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	background-color:#fff;
	padding:0px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	position:relative;
}


.property-result-header {
	background-color:#006ab5;
	display:table;
	width:100%;
	color:#fff;
	padding:0px;
	
}
.property-result-header h2 {
	font-size:.9em;
	display:table-cell;
	vertical-align:middle;
	padding:15px;
	font-family:'MuseoSans700';
}
.property-result-header h2 a {
	color:#fff;
}
.property-result-header h2 a:hover,
.property-result-header h2 a:active,
.property-result-header h2 a:focus {
	color:#fff;
}
span.prop-icon {
	font-size:.9em;
	padding: 15px;
	margin:0px;
	vertical-align: middle;
	display: table-cell;
	position: relative;
}
span.prop-icon.remove {
	background-color:#cc0000;
}
span.prop-icon.premier-star {
	background-color:#0294fb;
}

.property-result-photo-box {
	width:100%;
	display: inline-block;
	position: relative;
	overflow:hidden;
    /* crop if image is larger than container */
	background-color: #dddddd;
	padding:0px;
	margin:0px;
}
.property-result-photo-box:after {
	padding-top: 45%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.property-result-photo-box img {
	height:150%;
	position: absolute;
	top: -999px;            /* use sufficiently large number */
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;           /* center horizontally and vertically */
}

.property-result .btn.details {
	position:relative;
	float:right;
	margin:15px;
	z-index:500;
}

a.property-result-slides {
	position:absolute;
	font-size:1.5em;
	bottom:0.4em;
	right:.85em;
	color:#fff;
}
a:hover.property-result-slides {
	color:#fff;
}

a.mapIcon {
	position:absolute;
	top:-125px;
	left:5px;
	z-index:500;
}
.property-result-rate-box {
	display:table;
	position:absolute;
	top:-47px;
	left:0;
}
.property-result-rate-box .rate-alert {
	display:table-cell;
	padding:11px;
	vertical-align:middle;
	background-color:#dca400;
	color:#fff;
}

.property-result-rate-box i {
	display:table-cell;
	padding:10px;
	background-color:#009853;
	color:#fff;
}
.property-result-rate-box i.cal {
	
	background-color:#b76700;
}
.property-result-rate-box .property-result-rates {
	display:table-cell;
	padding:10px;
	background-color:#dc7c00;
	color:#fff;
	font-family:'MuseoSans900';
	font-size:1.1em;
	white-space: nowrap;	
}
.property-result-rate-box .property-result-rates span {
	font-family:'MuseoSans300';
	font-size:.85em;	
}
.property-result-rate-box .property-result-rates sup {
	font-family:'MuseoSans300';
	font-size:.85em;	
	vertical-align: baseline;
	position: relative;
	top: -0.3em;
}

.property-result-rate-box form {
	display:table-cell;
	background-color:#CC0000;
	color:#fff;
	vertical-align:middle;
	padding:0;
	margin:0;
}

.property-result-rate-box form .btn-book {
	font-family:'MuseoSans500';
	font-size:1em;
	width:100%;
	border-radius:0px;	
  padding-top: 11px;
  padding-bottom: 11px;

}
.unit-result-rate-box form .btn-book {
	width:100%;
	height:100%;
  padding-top: 16px;
  padding-bottom: 16px;
}


.property-result-details {
	padding:15px;
	padding-top:10px;
	border-top:0px;	
	margin:0px;
	position:relative;
}
.property-result-details strong {
	font-size:.9em;
	font-family:'MuseoSans700';
	font-weight:normal;
}
.property-result-details p {
	margin-top:5px;
	margin-bottom:0px;
	font-size:.9em;
}
/*-----------*/



.bedding-guide {
	padding:10px;
	font-size:.75em;
	background-color:#006ab5;
	color:#fff;	
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}


.complexDisplay {
	margin-bottom:30px;	
}
.panel.complexDisplay .panel-heading
{
  background-color: #00538d;
  color: #ffffff;
  border-top-color: #00538d;
  border-right-color: #00538d;
  border-bottom-color: #00538d;
  border-left-color: #00538d;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel.complexDisplay .panel-heading h3.panel-title {
	margin-top:0px;
	font-size:1.3em;
}
a.complex-photo {
	width:100%;
	display: inline-block;
	position: relative;
	overflow:hidden;
    /* crop if image is larger than container */
	background-color: #dddddd;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

a.complex-photo:after {
	padding-top: 60%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
a.complex-photo img {
	height:150%;
	position: absolute;
	top: -999px;            /* use sufficiently large number */
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;           /* center horizontally and vertically */
}

.complexPhoto-col {
	float:none;	
}
.wait-message {
	width: 100%;
	height: 100vh;
    display: table;
    text-align: center;
	background-color:#336699;
	position:fixed;
	top:-20px;
	left:0px;
    z-index: 10000; /* Just to keep it at the very top */
	background:url(https://mtn-resorts.com/img_assets/wait-background.jpg);	
	background-size: cover;
	background-position: center;
	overflow:hidden;
}
.wait-message div {
	display: table-cell;
    vertical-align: middle;
	font-size:2em;
	padding:30px;
	color:#fff;
}
.complex-photo-col a.btn.details {
	position:absolute;
	bottom:25px;
	right:30px;
}


#filterForm-container {
	padding:20px;
	background-color:#fff;
}
#filterForm-container h2 {
	font-size:1.2em;
	margin:0;
	padding:20px;	
	background-color:#00538d;
	color:#fff;
	margin-left:-20px;
	margin-top:-20px;
	margin-right:-20px;
	margin-bottom:20px;
}
#filterForm-container h2 span {
	background-color:#0294fb;
	padding:20px;
	margin:-20px;
	display:inline-block;
	margin-right:20px;	
}
#filterForm-container form {
	font-size:.8em;
}
#filterForm-container strong {
	text-transform:uppercase;
	display:block;
	padding-bottom:10px;	
	border-bottom:1px solid #ccc;
}



.unit-result-rate-box {
	display:table;
	width:100%;
}
.unit-result-rate-box i {
	display:table-cell;
	padding:10px;
	background-color:#009853;
	color:#fff;
	font-size:1.8em;
	text-align:center;
}
.unit-result-rate-box .unit-result-rates {
	display:table-cell;
	padding:10px;
	background-color:#dc7c00;
	color:#fff;
	font-family:'MuseoSans900';
	font-size:1.8em;
	white-space: nowrap;
	text-align:left;	
}
.unit-result-rate-box .unit-result-rates span {
	font-family:'MuseoSans300';
	font-size:.75em;	
}
.unit-result-rate-box .unit-result-rates sup {
	font-family:'MuseoSans300';
	font-size:.75em;	
	vertical-align: baseline;
	position: relative;
	top: -0.2em;
}

.unit-result-rate-box form {
	display:table-cell;
	background-color:#CC0000;
	color:#fff;
	vertical-align:middle;
	padding:0;
	margin:0;
}


#rate-details,
#rate-details2 {
	margin-top:20px;
border-top:1px solid #e6e6e6;
}
.table-rate-details {
	border-top:0px solid #e6e6e6;
	border-bottom:0px solid #e6e6e6;
	margin-top:5px;
	margin-bottom:5px;
	font-size:.85em;
}
.table-rate-details > tbody > tr > td {
	border:0px;
	padding:5px;
}
.table-rate-details > tbody > tr > th {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:5px;
}
.save-red {
	color:#cc0000
}



.img-head {
	margin-bottom:20px;
	width:100%;
}


.panel-with-image {
  border-color: #ddd;
}
.panel-with-image > .panel-heading {
  color: #fff;
  background-color: #006ab5;
  border-color: #006ab5;
}

.panel-with-image > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #006ab5;
}
.panel-with-image > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-with-image > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}	

.panel-image {
	width:100%;
	display:block;
	position: relative;
	overflow:hidden;
	background-color: #dddddd;
	height:150px;
}
.panel-image:after {
	padding-top: 50%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.panel-image img {
	width:100%;
	position: absolute;
	top: -999px;
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;
}	



h3.panel-title  {
		font-family:'MuseoSlab700';
		text-transform:uppercase;
}
h3.panel-title a  {
		color:#fff;
}
h3.panel-title a:hover,
h3.panel-title a:active,
h3.panel-title a:focus {
		color:#fff;
		text-decoration:underline;
}
.img-responsive.full {
	border:20px solid #e5e5e5;
	margin-top:5px;
}
.img-responsive.half {
	width: 100%;
	border:20px solid #e5e5e5;
	margin-top:5px;
}
.img-responsive.quarter {
	width: 100%;
	border:20px solid #e5e5e5;
	margin-top:5px;
}

.img-responsive.full.no-border {
	border:none;
}
.img-responsive.half.no-border {
	border:none;
}
.img-responsive.quarter.no-border {
	border:none;
}
.img-responsive.left {
	float:none;	
	margin-right:0px;
	margin-bottom:20px;
}
.img-responsive.right {
	float:none;	
	margin-left:0px;
	margin-bottom:20px;
}


/***************************************************/
/* MR Complex Star Rating */

i.MR-Star-1 {
	position: relative;
	top:2px;
	display:inline-block;
	height:1em;
	width:1em;
	background-image: url("https://mtn-resorts.com/img_assets/MR-Star-1.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
i.MR-Star-0 {
	position: relative;
	top:2px;
	display:inline-block;
	height:1em;
	width:1em;
	background-image: url("https://mtn-resorts.com/img_assets/MR-Star-0.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
i.MR-Star-Half {
	position: relative;
	top:2px;
	display:inline-block;
	height:1em;
	width:1em;
	background-image: url("https://mtn-resorts.com/img_assets/MR-Star-Half.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/***************************************************/


/***************************************************/
/* FORMS */

form.contentForm {
	padding:20px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background-color:#f2f2f2;	
}


form.contentForm .form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 1em;
  line-height: 1.42857143;
  color: #666;
  background-color: #fff;
  background-image: none;
 /* border: 1px solid #ccc;*/
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: -15px;
}

.form-horizontal .has-feedback div.radio .form-control-feedback {
    right: -45px;
}
.form-horizontal .has-feedback div.radio.radio-full .form-control-feedback {
    right: -30px;
	top:-30px;
}

small.help-block {
	display: none;
}



form.contentForm label {
  display: inline-block;
  font-family:'MuseoSans500';
  font-weight:normal;
}

form.contentForm input[type="checkbox"],
form.contentForm input[type="radio"] {
	width:auto;
}
form.contentForm .form-control.error {
	border:1px solid #cc0000;	
}
form.contentForm span.required {
	font-size:.8em;
	color:#cc0000;	
}
form.contentForm .help-block {
 font-size:.85em;		
}
p.form-alert {
 color:#cc0000;	
 font-size:.85em;
}
.error {
 color:#fff;	
 font-size:.75em;
 padding:5px;
 background-color:#cc0000;
 width:100%;	
}
form.contentForm .form-section {
	padding:10px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:10px;
}
form.contentForm .form-section h4 {
	margin-bottom:20px;
	margin-top:0px;
}

/***************************************************/


.noscroll {
	overflow:hidden;
}



#footer {
	background-color:#cccccc;
	border-top:2px solid #004271;
	padding-top:30px;
	color:#4d4d4d;
	margin-top:0px;
}
ul.footer-nav {
	font-size:.85em;
}
ul.footer-nav > li.navhead {
	font-size:1.25em;
	font-family:'MuseoSans500';
	margin-bottom:10px;
	color:#004271;
}
ul.footer-nav > li.navhead,
ul.footer-nav > li {
	margin-bottom:4px;
	line-height:1.3;
}
img.footer-logo,
img.ICAStarbanner {
	margin-left:20px;
	margin-bottom:20px;	
	margin-top:5px;
}
/*footer .about-us ul > li.navhead {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;	
}*/
#footer ul.about-us {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #999999;
}

#rglinks {
	margin-top:30px;
	padding-top:30px;
	width:100%;
	background-color:#004271;
	padding-bottom:30px;
	color:#fff;	
}
#rglinks .footer-links {
	font-size:.8em;
}
#rglinks .footer-links a {
	color:#e5e5e5;
}
#rglinks .footer-links h5 {
	font-size:1.4em;
	font-weight:200;
	margin-bottom:10px;
	color:#fff;
}

#clock {
	font-family: monospace;
}

.copyright {
	color:#eee;
}
p.footer-links {
font-size:.8em;
margin-top:30px;	
}

h3.h3-special {
	text-align:center;
	font-size:1.5em;
	font-family:'MuseoSans300';
	color:#006ab5;
	margin-top:20px;
	margin-bottom:20px;
	line-height:1.25em;
}
h3.h3-special span {
	font-size:.9em;
	font-family:'MuseoSans100Italic';
}




#recentUnitsContainer.container {
  
}

.panel-recentunits .panel-body .table-responsive {
	padding:10px;
	
	border:0px;
	
}
.panel-recentunits .panel-body .recent {
	border-right:20px solid #fff;
	display:table-cell;
	margin-right:20px;
	position:relative;
}
.panel-recentunits .panel-body .recent img {
	width:auto;
	float:none;
	border:0px;
	height:100px;
	margin: 0 auto;
}
.panel-recentunits .panel-body .recent .recentContent {
	padding:10px;	
	font-size:.8em;
	border:1px solid #eee;
	border-top:0px;
	background-color:#fafafa;
}
.panel-recentunits .panel-body .recent span.xRecent {
	display:block;
	position:absolute;
	font-size:2.5em;
	color:#b32025;
	top:-19px;
	right:-26px;
	cursor:pointer;
}
.panel-recentunits .panel-body .recent span.xRecent i.fa-circle {
	font-size:.9em;
}



.fa-stack.remove
 {
	background-color:transparent;
/*	font-size:1.1em;*/
	color:#cc0000;
	font-size:2.5em;
	position:absolute;
	top:-24px;
	right:-32px;
	float:right;
}
.remove:hover,
.remove:focus {
	color:#f42c32;
}

#stopAffixed {
	border:1px solid red;
	width:100%;
	height:10px;
	margin:0;
	padding:0;
}


.modal-header {
  background-color:#006ab5;
}
.modal-header .close {

}
.modal-title {
  color:#fff;
}
.modal-body {
  
}
.modal-body.VT {
  padding:0px;
}
.modal-footer {
  
}
.modal-full {
	width: 85%;
}



#slideOut {
  position: fixed;
  width: 250px;
  height: 800px;
  top: 30px;
  right: -250px;
  /* Animation  */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 1000;
}


/* Display slideOut */

.showSlideOut {
  right: 0px !important;
}


/* Tab */

.slideOutTab {
  margin-top: 150px;
  position: absolute;
  left: -40px;
  height: 265px;
  width: 40px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  background: #CC0000;
  border-radius: 10px 0px 0px 10px
}

.slideOutTab div {
  text-align: center;
  position: relative;
  right: 98px;
  top: 120px;
  background: #CC0000;
	color:#ffffff;
  width: 240px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
transform: rotate(270deg);
  writing-mode: lr-tb;
	border:0px solid #ccc;
}
	
.slideout {
	border-radius: 0px;
	border:0px;
	height: 265px;
	margin-top:150px;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
	border-top:1px solid #cc0000;
	border-bottom:1px solid #cc0000;
}





/*  -------- small screens - phones, etc -------  */
@media (min-width: 580px) {
/*----- home page custom CSS ------*/
#cover-background {
	height: 680px;
}
/*----- home page custom CSS ------*/

#searchandfavorites-sm .btn-group a {
	font-size: 1em;
}
}

/*  -------- medium screens - tablets, netbooks, etc -------  */
@media (min-width: 768px) {
.panel-body {
	padding:30px;
}
.well-half {
	width:50%;	
}
.well-right {
	float:right;
	margin-left:30px;
}
	
#footer ul.about-us {
	margin-top:0px;
	padding-top:0px;
	padding-left:30px;
	border-top:0px solid #ccc;
	border-left:1px solid #999999;
}
.img-responsive.half {
	max-width: 50%;
	margin-top:5px;
}
.img-responsive.quarter {
	max-width: 25%;
	margin-top:5px;
}
.img-responsive.left {
	float:left;	
	margin-right:20px;
	margin-bottom:20px;
}
.img-responsive.right {
	float:right;	
	margin-left:20px;
	margin-bottom:20px;
}	
	
#content h1.with-btns {
	text-align: left;
	margin-bottom:15px;
	padding-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}

.panel-with-image-content {
	display:table;
	width:100%;
}

.panel-with-image-content .panel-body {
	display:table-cell;
	width:65%;
}

.panel-image {
	width:35%;
	display:table-cell;
	position: relative;
	overflow:hidden;
	background-color: #dddddd;
	height:auto;
	vertical-align:middle;
}
.panel-image:after {
	padding-top: 0px;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.panel-image img {
	height:100%;
	width:auto;
	min-width:100%;
	position: absolute;
	top: -999px;
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;
	padding-top:auto;
	height:auto\0; /* ie8, ie9, ie10 only */
	width:210%\0; /* ie8, ie9, ie10 only */
	padding-top:115%\0; /* ie8, ie9, ie10 only */
}
.panel-image img.prop-browse {
	width:120%\0; /* ie8, ie9, ie10 only */
	padding-top:65%\0; /* ie8, ie9, ie10 only */
}


/* this is for IE but I gotta figure out how to apply it only in IE
.panel-image img {
	height:auto;
	min-height:100%!important;        
	padding-top:160%;
}
*/

.complex-photo-col a.btn.details {
	position:absolute;
	bottom:20px;
	right:-83px;	
}
.wait-message {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
	background-color:#336699;
	position:relative;
    z-index: 1000; /* Just to keep it at the very top */
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);	
	 border:1px solid #cccccc;
	 border-radius:4px;
	 margin-top:20px;
}
.wait-message div {
	display:block;
    vertical-align: middle;
	font-size:1.3em;
	padding:30px;
    text-align: center;
	width:100%;
	border:0px solid red;
}


#search-results h1 {
text-align:left;		
}	
	
.complex-photo-col {
	padding-right:10px; 
 }


.complexDisplay h3 {
	margin-top:10px;
}
	
a.complex-photo:after {
	padding-top: 50%;
	/* 16:9 ratio */
	display: block;
	content: '';
}	
/*.prop-nav-pills > li > a {
	font-size:.65em;
	
}*/
#trigger {
	float:none;	
	/*color:green;*/
}
	
.well.property-details {
	width: 35%;
	float: right;
	margin-left: 30px;
	font-size: 1em;
}
.well.complex-details {
	width: 35%;
	margin-left: 20px;
	clear: both;
}
.calendarkey {
	font-size: .8em;
}
#map_canvas {
	height: 500px;
}
/*-------- home page custom CSS -------*/
/*#cover-background {
	height: 580px;
}*/
#top-phone {
	font-size: 1em;
}
#top-phone span {
	font-size: 1.1em;
}
header#cover-header #header-logo {
	width: 100%;
	min-width: 120px;
	max-width: none;
	margin-top: 10px;
}
header#interior-header #header-logo {
	width: 100%;
	min-width: 120px;
	max-width: 213px;
	margin-top: 10px;
}
/*-------- mega menu cover custom CSS -------*/
.navbar-container {
	padding: 0px;
	margin: 0px;
	position: relative;
	overflow: visible;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: 100%;
}
.navbar-cover {
	font-size: .65em;
	overflow: visible;
	background-color: transparent;
	padding: 0px;
	width: auto;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.navbar-cover > li:last-child > a {
	border-bottom: solid 1px rgba(255,255,255,.15);
}
.navbar-cover .mega-dropdown {
	position: static !important;
}
.navbar-cover .mega-dropdown a.dropdown-toggle {
	color: #fff;
}
.navbar-cover .mega-dropdown-menu {
	width: 100%;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	padding: 10px;
	text-transform: capitalize;
	font-size: .95em;
	border: none;
}
.navbar-cover .mega-dropdown-menu-not-mega {
	width:auto;	
}
.navbar-cover .mega-dropdown-menu > li {
	padding: 10px;
	margin: 0;
	list-style: none;
	background-color: transparent;
}
.navbar-cover .mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.navbar-cover .mega-dropdown-menu > li > ul > li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navbar-cover .mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 5px 10px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #666;
	white-space: normal;
	font-size: 1.1em;
}
.navbar-cover .mega-dropdown-menu > li ul > li > a:hover,
 .navbar-cover .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	color: #fff;
	background-color: #0294fb;
}
.navbar-cover .mega-dropdown-menu .dropdown-header {
	color: #006ab5;
	text-transform: uppercase;
	font-family: 'MuseoSlab700';
	padding: 0px;
}
.navbar-cover .mega-dropdown-menu .dropdown-header > a,
 .navbar-cover .mega-dropdown-menu .dropdown-header > a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #5a1114;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
}
.navbar-cover .mega-dropdown-menu .dropdown-subheader {
	color: #5a1114;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
}
.navbar-cover .mega-dropdown-menu .dropdown-subheader > a,
 .navbar-cover .mega-dropdown-menu .dropdown-subheader > a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #5a1114;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
}
.navbar-cover .mega-dropdown-menu .divider {
	height: 1px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: transparent;
}
nav#sm-screen {
	position: relative;
	width: 100%;
	text-align: right;
	height: 100%;
	margin-top: 6px;
}
nav#sm-screen a.btn-icon,
 nav#sm-screen a.btn-icon:focus {
	font-size: 1.1em;
	position: relative;
	float: right;
	padding: 7px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 17px;
	border: solid 1px rgba(255,255,255,.15);
	background-color: transparent;
	background-image: none;
	border-radius: 4px;
	color: #fff;
}
nav#sm-screen a.btn-icon:hover,
 nav#sm-screen a.btn-icon:active {
	background-color: #0294fb;
	border: solid 1px #0294fb;
	color: #fff;
}
.navbar-cover > li {
	float: left;
	border: 0px;
	padding: 0px;
}
.navbar-cover > li + li {
	margin-left: 3px;
}
.navbar-cover > li > a {
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	border: solid 1px rgba(255,255,255,.15);
	color: #fff;
}
.navbar-cover > li > a:hover,
 .navbar-cover > li > a:focus {
	background-color: #0294fb;
	border: solid 1px #0294fb;
	color: #fff;
}
.navbar-cover .open > a,
 .navbar-cover .open > a:focus,
 .navbar-cover .open > a:hover {
	border: 1px solid #0294fb;
	border-bottom: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-image: url(https://mtn-resorts.com/img_assets/arrow-01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.navbar-interior > li > a
{
  border: 1px solid #00538d;
  color: #00538d;
}





/*-------- mega menu cover custom CSS -------*/
		
		/*-------- cover search form custom CSS -------*/
#cover-form-container h1 {
	font-size: 2em;
}
#cover-form-container p {
	font-size: 1em;
}
#cover-form-container {
	margin-top: 100px;
}
/*-------- cover search form custom CSS -------*/
	
	/*-------- home page custom CSS -------*/

	/*-------- interior custom CSS -------*/
		/*-------- mega menu interior custom CSS -------*/
.navbar-interior > li:last-child > a {
	border: solid 1px #00538d;
}
.navbar-interior .mega-dropdown a.dropdown-toggle {
	color: #00538d;
}
.navbar-interior > li > a {
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	border: solid 1px #00538d;
	color: #00538d;
}
.navbar-interior > li > a:hover {
	color: #fff;
}
.navbar-interior .mega-dropdown a.dropdown-toggle:active,
 .navbar-interior .mega-dropdown a.dropdown-toggle:focus,
 .navbar-interior .mega-dropdown a.dropdown-toggle:hover,
 .navbar-interior .open > a,
 .navbar-interior .open > a:focus,
 .navbar-interior .open > a:hover,
 .navbar-interior > li:last-child > a:hover,
 .navbar-interior > li:last-child > a:focus,
 .navbar-interior > li:last-child > a:active {
	background-color: #0294fb;
	color: #ffffff;
	border-color: #0294fb;
}
/*-------- mega menu interior custom CSS -------*/
	/*-------- interior custom CSS -------*/

}

/*  -------- large screens - laptops, small desktops, etc -------  */
@media (min-width: 992px) {
a.mapIcon {
	top:-155px;
	left:5px;
}
.panel-with-image-content {
	display:block;	
	width:100%;
}

.panel-with-image-content .panel-body {
	display:block;
	width:100%;
}


.panel-image {
	width:100%;
	display:block;
	position: relative;
	overflow:hidden;
	/* crop if image is larger than container */
	background-color: #dddddd;
	height:150px;
}
.panel-image:after {
	padding-top: 50%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.panel-image img {
	width:100%;
	height:auto;
	position: absolute;
	top: -999px;            /* use sufficiently large number */
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;           /* center horizontally and vertically */
	padding-top:0;
}


a.complex-photo:after {
	padding-top: 60%;
	/* 16:9 ratio */
	display: block;
	content: '';
}	
	
#trigger {
	float:right;
	/*color:blue;*/	
}
#property-navigation {
	display: block;
	visibility: visible;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 10px;
	border: 0px solid #e6e6e6;
	text-align: center;
	background-color: trasparent;
}
#property-navigation.affix {
	top: 0px;
	margin-top: 0px;
	background-color: #f5f5f5;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	z-index: 1000;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
#property-navigation.affix-bottom {
	position: absolute;
	background-color: #f5f5f5;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	z-index: 1000;
	box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  0px 5px 5px -5px rgba(0, 0, 0, 0.25);
}
#property-navigation li.favoriteinnav {
	vertical-align: middle;
}
.panel-property .panel-heading a {
	cursor: default;
	pointer-events: none;
}
/* styling the property display in larger screens - without accordian */
.panel-property .panel-collapse.collapse {
	display: block;
	visibility: visible;
}
.prop-nav-pills > li > a {
	font-size:.65em;
	
}
	
	
.well.property-details {
	width: 40%;
	font-size: .9em;
}
.well.complex-details {
	width: 40%;
}
#map_canvas {
	height: 500px;
}
.right-col-fixed-width {
	float: right;
	width: 350px;
	margin-left: 15px;
	display: block !important;
	visibility: visible !important;
	min-height: 690px;
}
#right-col-rates-dates {
	width: 350px;
}
#right-col-rates-dates.affix {
	top:0px;	
	position:fixed;
	margin-top:0px;
}
#right-col-rates-dates.affix-bottom {
		position: absolute;
}
.left-col-fluid {
	float: left;
	margin-left: 15px;
	width: 560px;
	padding-bottom:0px;
	border-bottom:0px solid #e5e5e5;
}
.left-col-full {
	float: none;
	margin-left: 15px;
	width: 100%;
	margin-right:30px;
	padding-bottom:0px;
	border-bottom:0px solid #e5e5e5;
}
/*----- property page -----*/
	
#content h1 {
	text-align: left;
}

/*----- property page -----*/	
	
	/*-------- home page custom CSS -------*/
header#interior-header #header-logo {
	margin-top: 0px;
}
#cover-form-container form {
	margin-right: auto;
	margin-left: auto;
	max-width: 950px;
}
/*-------- mega menu cover custom CSS -------*/
.navbar-cover {
	font-size: .75em;
}
.navbar-cover > li > a {
	padding: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 4px;
}
/*-------- mega menu cover custom CSS -------*/
		
	/*-------- home page custom CSS -------*/
	
	/*----- interior header -----*/
		/*----- interior nav bar -----*/
.nav-phone {
	margin-top: 20px;
}
/*----- interior nav bar -----*/	
	/*----- interior header -----*/
	
	

/*----- unit display search results ------*/	
.property-result-header h2 {
	font-size:1.1em;
}
span.prop-icon
{
	font-size:1.1em;
}
.property-result-photo-box {
	width:50%;
	display: inline-block;
	position: relative;
	overflow:hidden;
    /* crop if image is larger than container */
	background-color: #dddddd;
	float:left;
	margin-right:0px;
}
.property-result-photo-box:after {
	padding-top:68%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.property-result-photo-box img {
	height:150%;
	position: absolute;
	top: -999px;            /* use sufficiently large number */
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;           /* center horizontally and vertically */
}

.property-result .btn.details {
	float:none;
	margin:0;
	position:absolute;
	bottom:1em;
	left:1em;
	z-index:5000;
}

a.mapIcon {
	top:10px;
	left:-40px;
}

.property-result-rate-box {
	position:relative;
	top:auto;
	left:auto;
	margin-top:20px;
}

.property-result-details {
	position:relative;
	width:50%;
	float:right;
}
/*-----------*/	
	
}

/*  -------- Xlarge screens - medium and large desktops, etc -------  */
@media (min-width: 1200px) {
a.mapIcon {
	position:absolute;
	top:-155px;
	left:5px;
}

.panel-with-image-content {
	display:table;
	width:100%;	
}



.panel-with-image-content .panel-body {
	display:table-cell;
	width:65%;
}


.panel-image {
	width:35%;
	display:table-cell;
	position: relative;
	overflow:hidden;
	background-color: #dddddd;
	height:auto;
}
.panel-image:after {
	padding-top: 0px;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.panel-image img {
	height:100%;
	width:auto;
	position: absolute;
	top: -999px;
	bottom: -999px;
	left: -999px;
	right: -999px;
	margin: auto;
	padding-top:auto;
	height:auto\0; /* ie8, ie9, ie10 only */
	width:210%\0; /* ie8, ie9, ie10 only */
	padding-top:115%\0; /* ie8, ie9, ie10 only */
}
.panel-image img.prop-browse {
	width:120%\0; /* ie8, ie9, ie10 only */
	padding-top:65%\0; /* ie8, ie9, ie10 only */
}


/* this is for IE but I gotta figure out how to apply it only in IE
.panel-image img {
	height:auto;
	min-height:100%!important;        
	padding-top:160%;
}
*/

	
a.complex-photo:after {
	padding-top: 50%;
}		
	

.prop-nav-pills > li > a {
	font-size:.8em;
	
}
	
.well.property-details {
	width: 40%;
	font-size: 1em;
}
.well.complex-details {
	width: 40%;
}
#map_canvas {
	height: 500px;
}
.left-col-fluid {
	width: 760px;
}

/*----- unit display search results ------*/
.property-result-header h2 {
	font-size:1em;
}

span.prop-icon
{
	font-size:1em;
}

.property-result-photo-box {
    width: 100%;
    padding: 0px;
    margin: 0px;
	float:none;
}

.property-result-photo-box:after {
	padding-top: 45%;
	display: block;
	content: '';
}

.property-result .btn.details {
	float:right;
	margin:15px;
	position:relative;
	top:0;
	left:0;
	z-index:5000;
}

.property-result-rate-box {
	position:absolute;
	top:-47px;
	left:0;
	margin:0;
}

.property-result-details {
	position:relative;
	padding:15px;
	padding-top:10px;
	border:0px solid red;	
	margin:0px;
	width:100%;
	float:none;
}
/*-----------*/

}

@media (max-width:767px) {
.offcanvas-xs {
	display: none
}
.offcanvas-xs.in {
	display: block
}

.btn-group.stretch-on-xs {
	width:100%;	
	display:block;
	margin-bottom:10px;
}
.btn-group.stretch-on-xs .btn {
	width:100%;	
	display:block;
}

.stretch-on-xs-2 {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  margin-bottom:20px;
}
.stretch-on-xs-2 > .btn,
.stretch-on-xs-2 > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.stretch-on-xs-2 > .btn-group .btn {
  width: 100%;
}
.stretch-on-xs-2 > .btn-group .dropdown-menu {
  left: auto;
}




.btn-group-results-nav {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  margin-bottom:10px;
}
.btn-group-results-nav > .btn,
.btn-group-results-nav > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-results-nav > .btn-group .btn {
  width: 100%;
}

}


