@charset "utf-8";
#pricinggrid{
	min-height:200px;	
}
#gridcontrols{
	padding:20px 0;	
	margin-bottom:30px;
}
#body .gcntrls a{
	display:inline-block;
	background:var(--sub-color);
	color:white;
	font-size:17px;
	padding:10px 2%;
	width:28%;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
	border:0;
	margin:0 .5%;	
	font-family:'BrandonPrinted-One';
	cursor:pointer;
}
#body .gcntrls a.open{
	background:var(--main-color);
}
#body .gcntrls a:hover{
	background:var(--dark-bg);	
}
#pricinggrid{
	padding-top:0;	
	font-family:Lato;
}
#pricinggrid .extracontrols{
	font-size:14px;	
	margin-top:10px;
	border-bottom:1px dashed var(--accent-color-sub);
}
#pricinggrid .extracontrols .recs{
	white-space:nowrap;
	padding:5px;
	float:left;
	display:table;
}
#pricinggrid .extracontrols .recs .label{
	display:inline-block;
	vertical-align:top;	
	height:40px;
	line-height:40px;
}
#pricinggrid .extracontrols .recs select{
	display:inline-block;
	vertical-align:top;
	width:auto;	
	margin:0 10px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	background:var(--accent-color-sub);
}
#pricinggrid .extracontrols .recs select:focus{
	border:0;
	outline:none;
	box-shadow:none;	
}
#pricinggrid .extracontrols .search{
	white-space:nowrap;
	padding:5px;
	float:right;
	display:table;
	width:30%;
	position:relative;
}
#pricinggrid .extracontrols .search input{
	border-radius:4px;
	height:40px;
	line-height:40px;	
	font-size:14px;
	background:var(--accent-color-sub);
	padding-right:40px;
	width:calc(98% - 40px);
}
#pricinggrid .extracontrols .search a.erase{
	position:absolute;
	border:0;
	top:5px;
	right:5px;
	width:40px;
	line-height:40px;
	text-align:center;
	text-align:center;
	height:40px;	
	cursor:pointer;
	border-radius:4px;
}
#pricinggrid .extracontrols .search a.erase:hover{
	background:var(--warning-color-light);
	color:var(--font-brown);	
}
#pricinggrid .extracontrols .search a.erase.hidden{
	display:none;	
}
#pricinggrid .extracontrols .search input::-webkit-input-placeholder{
   	font-size:14px; 
	font-family:inherit;
	color:white;
}
#pricinggrid .extracontrols .search input:-moz-placeholder{ /* Firefox 18- */
   	font-size:14px; 
	font-family:inherit;
	color:white;
}
#pricinggrid .extracontrols .search input::-moz-placeholder{  /* Firefox 19+ */
   	font-size:14px; 
	font-family:inherit;
	color:white;
}
#pricinggrid .extracontrols .search input:-ms-input-placeholder{  
   	font-size:14px; 
	font-family:inherit;
	color:white;
}
#pricinggrid .info_table{
	width:100%;
	margin:0 auto 40px;
}
#pricinggrid .info_table .row_wrap{
	position:relative;	
	width:100%;
	line-height:50px;
	height:50px;
	font-size:14px;
}
#pricinggrid .info_table .row_wrap.top{
	height:auto;
	line-height:auto;	
	font-weight:600;
}
#pricinggrid .info_table .row_wrap:not(.top){
	border-bottom:1px solid var(--light-bg);
	display:flex;
	flex-direction:row;	
	align-items: center;
  	justify-content: center;
	min-height:50px;
	height:auto
}
#pricinggrid .info_table .row_wrap:not(.top):nth-child(odd){
		
}
#pricinggrid .info_table .row_wrap .row{	
	float:left;
	line-height:50px;
	height:50px;
}
#pricinggrid .info_table .row_wrap:not(.top) .row{
	height:auto;
	line-height:16px;
}
#pricinggrid .info_table .row_wrap:not(.top) .row i.dimmed{
	opacity:.15;	
}
#pricinggrid .info_table .row_wrap.top .row{
	height:auto;	
}
#pricinggrid .info_table .row_wrap.top .row .upper{
	border-bottom:2px solid var(--dark-bg);	
	padding:0 6px;
}
#pricinggrid .info_table .row_wrap.top .row .upper > i{
	display: block;
    text-align: center;
    line-height: 36px;
    font-size: 17px;
    height: 30px;
    vertical-align: bottom;
}
#pricinggrid .info_table .row_wrap.top .row .upper span.label{
	display:block;
	line-height:20px;
	text-align:center;	
}
#pricinggrid .info_table .row_wrap.top .row .sort{
	height:30px;
	line-height:30px;
	border-bottom:1px solid var(--accent-color-sub);
	padding:5px 6px;
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle{
	height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: var(--button-light);
	background:var(--light-bg);
    width: 60%;
    margin: auto;
    max-width: 40px;
    border-radius: 4px;
	cursor:pointer;
	vertical-align:top;
	text-align:center;
	display:inherit;
	border:0;	
	position:relative;
}
#pricinggrid .info_table .row_wrap.top .row .sort.al a.handle{
	margin-left:0;	
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle:after{
	content:'';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	left:0;
	width:100%;
	top:0;
	height:inherit;	
	text-align:center;
	line-height:inherit;
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle[data-type='alpha'][data-dir='1']:after{
	content:'\f15d';
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle[data-type='alpha'][data-dir='2']:after{
	content:'\f881';
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle[data-type='num'][data-dir='1']:after{
	content:'\f884';
}
#pricinggrid .info_table .row_wrap.top .row .sort a.handle[data-type='num'][data-dir='2']:after{
	content:'\f160';
}

#pricinggrid .info_table .row_wrap.top .row .sort.active a.handle{
	background:var(--main-color);
	color:var(--font-brown);	
}

#pricinggrid .info_table .row_wrap.top .row .sort a.handle:hover{
	background:var(--medium-bg);	
}
#pricinggrid .info_table .row_wrap.top .row .sort.active a.handle:hover{
	background:var(--selection-color);
}
#pricinggrid .info_table .row_property{
	width:calc(60% - 420px);	
}
#pricinggrid .info_table .row_wrap:not(.top) .row_property{
	font-weight:600;
	padding-left:10px;
	padding-right:10px;
	width:calc(60% - 440px);
}
#pricinggrid .info_table .row_wrap.dis:not(.top) .row_property a{
	color:var(--button-light);	
	text-decoration:line-through;
	font-weight:400;
}
#pricinggrid .info_table .row_wrap:not(.top) .row_property a{
	color:var(--font-yellow);
	border:0px;	
}
#pricinggrid .info_table .row_wrap:not(.top) .row_property a:hover{
	color:var(--sub-color);	
}
#pricinggrid .info_table .row_wrap:not(.top) .row_property span.quiet{
	color:var(--font-brown);
	font-size:17px;
}
#pricinggrid .info_table .row.ico{
	font-size:12px;	
}
#pricinggrid .info_table .row_wrap.sorting .row.ico{
	text-align:center;	
	font-size:14px;
	line-height:40px;
	height:inherit;
}
#pricinggrid .info_table .row_occ{
	width:6%;
}
#pricinggrid .info_table .row_wrap:not(.top) .row_occ{
	padding-left:10px;
	padding-right:10px;
	width:calc(6% - 20px);
}
#pricinggrid .info_table .row_rooms{
	width:13%;
}
#pricinggrid .info_table .row_wrap:not(.top) .row_rooms{
	padding-left:10px;
	padding-right:10px;
	width:calc(13% - 20px);
}
#pricinggrid .info_table .row_price{
	width:8%;
}
#pricinggrid .info_table .row_wrap:not(.top) .row_price{
	padding-left:10px;
	padding-right:10px;
	width:calc(8% - 20px);
	font-weight:600;
}
#pricinggrid .info_table .row_price span.pp{
	display:block;
	font-size:12px;
	color:var(--button-light);
	font-weight:400;	
}
#pricinggrid .info_table .row_dist{
	width:13%;
}
#pricinggrid .info_table .row_dist.highlight .upper{
	display:table;
	height:50px;
	padding-right:10px !Important;
}
#pricinggrid .info_table .row_dist.highlight .upper span{
	display:table-cell;	
	line-height:14px;
	vertical-align:middle;
}
#pricinggrid .info_table .row_kitchen,
#pricinggrid .info_table .row_tub,
#pricinggrid .info_table .row_pool,
#pricinggrid .info_table .row_sauna,
#pricinggrid .info_table .row_fireplace,
#pricinggrid .info_table .row_laundry{
	width:70px;	
	text-align:center;
	font-size:20px;
}
#pricinggrid .info_table .row_kitchen > span.icon,
#pricinggrid .info_table .row_tub > span.icon,
#pricinggrid .info_table .row_pool > span.icon,
#pricinggrid .info_table .row_sauna > span.icon,
#pricinggrid .info_table .row_fireplace > span.icon,
#pricinggrid .info_table .row_laundry > span.icon{
	display:none;	
}
#pricinggrid .info_table .row i.scc{
	color:var(--success-color);
}
#pricinggrid .info_table .row i.inf{
	color:var(--sub-color-light);
}
#pricinggrid .info_table .row i.scc:hover,
#pricinggrid .info_table .row i.inf:hover{
	color:var(--main-color);	
}
#pricinggrid .info_table .row .tooltip{
	position:absolute;
	min-height:14px;
	line-height:14px;
	padding:5px 6px;
	font-size:12px;
	color:white;
	font-family:inherit;
	background:#343434;
	white-space:nowrap;	
	border-radius:4px;
	z-index:10;
	top:-20px;
	white-space:nowrap;
}
#pricinggrid .info_table .row .tooltip:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #343434 transparent transparent transparent;
	line-height: 0px;
	_border-color: #343434 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
#pricinggrid .info_table .row .tooltip.anim{
	animation: showtooltip 0.6s ease-in-out;		
}
@keyframes showtooltip {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100%{
	transform: translateY(0);
    opacity: 1;	  
  }
}
#pricingcontent{
	min-height:500px;	
}
#pricingcontent.loading{
	background:url(/images/loader-yellow-maxi.gif) no-repeat center center !important;
	background-size:100px auto !important;	
}
#pricingcontent .pagination{
	text-align:center;
	padding:10px;
	border-bottom:1px dashed var(--accent-color-sub);	
	font-size:14px;
}
#pricingcontent .pagination a.btn{
	height:30px;
	line-height:30px;
	border:1px dashed var(--main-color-light);
	background:white;
	color:var(--font-color);
	border-radius:4px;
	padding:0 10px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
#pricingcontent .pagination a.btn.dis{
	border-color:var(--medium-bg);
	background:white;
	color:var(--button-light);
	cursor:default;
}
#pricingcontent .pagination a.btn:not(.dis):hover{
	background:var(--accent-color-sub);	
	border:1px solid var(--accent-color-sub);
}
#pricingcontent .pagination a.page{
	height:30px;
	min-width:10px;
	line-height:30px;
	border:1px dashed var(--main-color-light);
	background:white;
	color:var(--font-color);
	border-radius:4px;
	padding:0 10px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
#pricingcontent .pagination a.page.active{
	border:1px solid var(--main-color-light);
	background:var(--main-color-light);	
	cursor:default;
}
#pricingcontent .pagination a.page:not(.active):hover{
	background:var(--accent-color-sub);	
	border:1px solid var(--accent-color-sub);
}
#pricingcontent .pagination span.filler{
	padding:0 5px;	
	display:inline-block;
	height:30px;
	line-height:23px;
	letter-spacing:1px;
}
#pricinggrid .footnote{
	text-align:center;
	color:var(--font-brown);
	font-style:italic;
	font-size:14px;
	font-family:'AccoladeSerial-Bold';	
	padding:20px 10px 0;
	line-height:18px;
}
#pricinggrid .footnote span.quiet{
	color:var(--font-brown);
	font-size:17px;
}
@media only screen and (max-width: 767px) {
	#pricinggrid .extracontrols .search{
		width:45%;	
	}
	#pricinggrid .info_table .row_wrap.top{
		border-bottom:2px solid var(--sub-color);	
		margin-bottom:5px;
	}
	#pricinggrid .info_table .row_property{
		width:44%;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property a{
		font-size:14px;	
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row{
		min-height:40px;	
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property{
		width:calc(44% - 10px);
		padding-left:5px;
		padding-right:5px;
		display:table;
		position:relative;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property a{
		display:table-cell;
		vertical-align:middle;	
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property span.quiet{
		position:absolute;
		top:3px;
		left:3px;	
	}
	#pricinggrid .info_table .row_occ{
		width:16%;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_occ{
		width:calc(16% - 10px);
		padding-left:5px;
		padding-right:5px;
	}
	#pricinggrid .info_table .row_rooms{
		width:20%;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_rooms{
		width:calc(20% - 10px);
		padding-left:5px;
		padding-right:5px;
	}
	#pricinggrid .info_table .row_price{
		width:20%;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_price{
		width:calc(20% - 10px);
		padding-left:5px;
		padding-right:5px;
	}
	#pricinggrid .info_table .row_wrap.top .row .upper{
		border-bottom:1px solid var(--accent-color-sub);
	}
	#pricinggrid .info_table .row_dist{
		width:calc(100% - 264px);	
		font-size:12px;
		display:table;
	}
	#pricinggrid .info_table .row_dist span{
		display:table-cell;	
		vertical-align:middle;
	}
	#pricinggrid .info_table .row_dist.highlight .upper{
		padding-right:6px !important;
		height:48px;
	}
	#pricinggrid .info_table .row_dist .upper{
		font-size: 11px;
		line-height: 48px;
		line-height:15px;
		display:table;
		height: 48px;
   		width: calc(100% - 12px);
	}
	#pricinggrid .info_table .row_dist .upper span{
		display:table-cell;	
		vertical-align:middle;
	}
	#pricinggrid .info_table .row_kitchen, 
	#pricinggrid .info_table .row_tub, 
	#pricinggrid .info_table .row_pool, 
	#pricinggrid .info_table .row_sauna, 
	#pricinggrid .info_table .row_fireplace, 
	#pricinggrid .info_table .row_laundry{
		width:44px;
	}
	#pricinggrid .info_table .row_wrap.top .row .upper > i{
		height:48px;
		line-height:50px;	
		font-size:15px;
	}	
	#pricinggrid .info_table .row_wrap.top .row .upper span.label{
		display:none;
	}
	#pricinggrid .info_table .row_wrap.top .row .sort a.handle{
		width:100%;	
	}
	#pricinggrid .info_table .row_wrap:not(.top){
		flex-wrap: wrap;
		margin-bottom: 10px;
		border: 1px dashed var(--medium-bg);
		border-radius: 4px;	
		width:calc(100% - 2px);
		align-items: center;
		min-height:120px;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row{
		min-height:0;	
		align-items: center;
		font-size:12px;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_dist{
		width:calc(100% - 274px);	
		padding-left:5px;
		padding-right:5px;
		background:var(--light-bg);
		height:60px;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property,
	#pricinggrid .info_table .row_wrap:not(.top) .row_occ,
	#pricinggrid .info_table .row_wrap:not(.top) .row_rooms,
	#pricinggrid .info_table .row_wrap:not(.top) .row_price{
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_kitchen, 
	#pricinggrid .info_table .row_wrap:not(.top) .row_tub, 
	#pricinggrid .info_table .row_wrap:not(.top) .row_pool, 
	#pricinggrid .info_table .row_wrap:not(.top) .row_sauna, 
	#pricinggrid .info_table .row_wrap:not(.top) .row_fireplace, 
	#pricinggrid .info_table .row_wrap:not(.top) .row_laundry{
		line-height:30px;
		font-size:16px;
		background:var(--light-bg);
	}
	#pricinggrid .info_table .row_kitchen > span.icon,
	#pricinggrid .info_table .row_tub > span.icon,
	#pricinggrid .info_table .row_pool > span.icon,
	#pricinggrid .info_table .row_sauna > span.icon,
	#pricinggrid .info_table .row_fireplace > span.icon,
	#pricinggrid .info_table .row_laundry > span.icon{
		display:block;	
		font-size:12px;
		line-height:30px;
	}
	#pricinggrid .info_table .row .tooltip{
		top:30px;	
	}
	#gridcontrols{
		padding:20px 20px 0;
		margin-bottom:15px;	
	}
	#body .gcntrls a{
		width:96%;	
		margin-bottom:10px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#pricinggrid .info_table .row_wrap:not(.top) .row_property a{
		font-size:16px !important;	
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#pricinggrid .info_table .row_property{
		width:calc(60% - 264px);	
	}
	#pricinggrid .info_table .row_wrap:not(.top) .row_property{
		width:calc(60% - 264px);	
	}
	#pricinggrid .info_table .row_kitchen, 
	#pricinggrid .info_table .row_tub, 
	#pricinggrid .info_table .row_pool, 
	#pricinggrid .info_table .row_sauna, 
	#pricinggrid .info_table .row_fireplace, 
	#pricinggrid .info_table .row_laundry{
		width:44px;
	}
	#pricinggrid .info_table .row_wrap.top .row .upper > i{
		height:50px;
		line-height:50px;	
		font-size:15px;
	}	
	#pricinggrid .info_table .row_wrap.top .row .upper span.label{
		display:none;
	}
	#pricinggrid .info_table .row_wrap.top .row .sort a.handle{
		width:100%;	
	}
	#gridcontrols{
		padding:20px 10px 0;	
		margin-bottom:20px;
		font-size:0;
		text-align:center;
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1144px) {
	
}