@import "https://fonts.googleapis.com/css?family=Open+Sans&display=swap";
table {
  border-collapse: collapse;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
	color: #FD2928
}

a:hover {
	color: #000
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
	font-family:'Open Sans', sans-serif;
	color:#6E6F6F;
	font-weight: 300;
}

header {
	border-bottom: none;
}

div.logo {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	text-align: center;
	width: 302px;
	margin: 0 auto;
}

div.logo_img img {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}


#phone {
	left:auto;
	top: 25px;
	right: 25px;
}

#phone a {
	color: #7B7B7B;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
}

#phone a:hover {
	color: #7B7B7B;
}

body.scroll #phone {
	top: 8px;
}

nav {
	padding: 40px 0 20px;
	margin-top: 155px;
	text-align: center;
	z-index: 90;
	background: #bbbabb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbabb 0%, #909090 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bbbabb 0%,#909090 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bbbabb 0%,#909090 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbabb', endColorstr='#909090',GradientType=0 );
}

nav ul li a {
	font-size: 18px !important;
	text-transform: uppercase;
	padding-bottom: 0;
	font-weight: bold;
}

nav ul li a span {
	border-right: #FFF solid 1px;
}

nav ul > li > a:hover, nav ul > li.nav_active > a:link, nav ul > li.nav_active > a:visited, nav ul > li.nav_active > a:active, nav ul > li.nav_active > a:hover {
	color: #FBE484;
}

nav ul li a:link, nav ul li a:visited {
	color: #FFF;
}

nav ul > li:hover > a:link, nav ul > li:hover > a:visited {
	color: #FBE484;
}

body.scroll nav {
	margin-top: 65px;
}

#content_container {
	margin: 236px auto 0;
	max-width: 1800px;
}

body.mobile #content_container {
	margin: 100px auto 0;
}

body.home #content_container {
	margin: 36px auto 0;
}

@media screen and (max-width: 481px) {
#mobile_nav {
	top: 55px;
}

#mobile_phone {
	top: 110px;
}

body.mobile #content_container {
	margin: 155px auto 0;
}
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}

h1, h2 {
	color: #FD2928;
	text-align: center
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

/*Begin Listings*/
.TabbedPanelsContentGroup {
	clear:both;
}

.TabbedPanelsContent {
	padding:0;
	min-height:350px;
}

.listings_header {
	float:left;
	width:100%;
}

.listings_footer {
	float:left;
	width:100%;
}

#video_window {
	position:fixed;
	top:0;
	left:0;
	margin:auto;
	width:100%;
	height:auto;
	background:transparent;
	z-index:999;
	border:0;
}

#video {
	position:absolute;
	bottom:10px;
	right:90px;
	margin:auto;
	width:60px;
	height:59px;
	z-index:10;
}

#photos {
	position:absolute;
	bottom:8px;
	right:12px;
	margin:auto;
	width:63px;
	height:61px;
	z-index:10;
}

#email_window {
	position:fixed;
	top:50px;
	left:0;
	margin:auto;
	width:100%;
	background:transparent;
	z-index:999;
	border:0;
}

#share {
	position:absolute;
	top:10px;
	right:10px;
	margin:auto;
	width:68px;
	height:22px;
	z-index:10;
}

/*End Content*/
/*Begin Two Columns*/
.mask_content {
	position:relative;
	overflow:hidden;
	left:0;
	margin:0;
	width:630px;
}

.mask_listing_details {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:100%;
}

.colleft {
	position:relative;
	width:100%;
	right:50%;
}

.col1 {
	position:relative;
	overflow:hidden;
	float:left;
	width:48%;
	left:101%;
}

.col2 {
	position:relative;
	overflow:hidden;
	float:left;
	width:48%;
	left:3%;
}

.col_content {
	padding:30px;
}

/*End Two Columns*/
/*Begin Listings*/
.TabbedPanelsContentGroup {
	clear:both;
}

.TabbedPanelsContent {
	padding:0;
	min-height:350px;
}

.listings_header {
	float:left;
	width:100%;
}

.listings_footer {
	float:left;
	width:100%;
}

.preloadPic {
	display:none;
}

.pagination_container {
	background-color:#A4AC85;
	border:1px solid #737F62;
	margin:10px;
	padding:5px;
}

.pagination {
	color:#FFF;
}

.pagination a {
	color:#FFF;
}

.pagination a:visited {
	color:#FFF;
}

/* overlay */
.homeplace-overlay {
	position:absolute;
	top:30%;
	width:100%;
	z-index:90;
	color:#FFF;
	text-shadow: 2px 2px 2px #000;
	padding:15px;
	text-align:center;
}

div.homeplace-overlay div:first-child {
	text-transform: uppercase;
	font-size:48px;
	line-height:54px;
	font-weight: 100;
	margin:0;
	padding:0 0 10px;
}

div.homeplace-overlay div:nth-child(2) {
	font-size:24px;
	line-height:30px;
	font-weight: 100;
	margin:0;
}

@media screen and (max-width: 800px) {
	
	.homeplace-overlay {
		top:15%;
	}
	
	div.homeplace-overlay div:first-child {
		font-size:24px;
		line-height:30px;
		padding:0 0 5px;
	}
	
	div.homeplace-overlay div:nth-child(2) {
		font-size:14px;
		line-height:18px;
	}
}

@media screen and (max-width: 400px) {
	
	.homeplace-overlay {
		top:20%;
	}
	
	div.homeplace-overlay div:first-child {
		font-size:14px;
		line-height:18px;
	}
	
	div.homeplace-overlay div:nth-child(2) {
		display: none;
	}
}

.redbox {
	background-color: #FD2928;
	width:160px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
}

section.gray {
	background:#FFF;
	padding: 5px 15%;
	margin: 0;
}

section.featured {
	background-image: url('../images/featured-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px;
	margin: 0;
}

section.featured td.featured_listing {
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding: 10px;
	background-color:color(srgb 0.612 0.624 0.62 / 0.498);
	border: 1px #cccdcb solid;
}

section.featured td.featured_listing img {
	display: block;
	margin: 0 auto;
}

section.callouts {
	background:#FFF;
	padding: 5px 5%;
	margin: 0;
}

section.callouts td.callout {
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding: 20px;
	background-color:color(srgb 0.949 0.949 0.949 / 0.502);
	border: 1px #F2F2F2 solid;
}





body.mobile nav {
	display: none;
}

body.mobile nav {
	display: none;
}

#homeplace {
	margin-top:236px;position:relative;display:flex;
}

body.mobile #homeplace {
	margin-top:100px;
}


section.testimonials {
	background-color: #FFF1BA;
	color: black;
	padding: 35px;
}

body.mobile section.testimonials {
	padding: 5%;
}

.testimonial_container {
	padding: 25px 50px;
}

.testimonial_container blockquote {
	font-size: 1.5em;
	font-weight: 300
}

.testimonial_container blockquote:before {
	display: none
}

.testimonial_container blockquote:after {
	display: none
}

.testimonials_title {
	text-align: center;
	font-size: 2em;
	color: #FD2928;
	font-weight: 300;
}

.author {
	text-align: center;
}

a.button {
	background: #FD2928;
	border: #FD2928 solid 1px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 30px;
	margin: 5px;
}

a.button:hover {
	color: #FD2928;
}

a.button.gray {
	background: #555454;
	border: #FFF solid 1px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 30px;
	margin: 5px;
}

a.button.gray:hover {
	background: #FFF;
	border: #555454 solid 1px;
	color: #555454
}




section.featured td.featured_listing a{display:block;width:100%;height:auto;overflow:hidden;}
section.featured td.featured_listing a img{width:100%;height:auto;max-width:inherit !Important;margin-bottom:10px;}
section.featured td.featured_listing div a{display:block;height:auto;}
body.mobile #content img{padding-bottom:0;}
@media only screen and (max-width:1366px){
  section.featured td.featured_listing a{height:275px;}  
}

@media only screen and (max-width:1280px){
  section.featured td.featured_listing a{height:250px;}  
}
@media only screen and (max-width:414px){
      section.featured td.featured_listing a{height:200px;}  
}