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

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900');

body {font:1em 'Fira Sans', sans-serif; color: #111; margin:0; font-size: 1.05em; font-weight: 600; letter-spacing: -.5px; overflow-x: hidden; position: relative;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.red {color:#83171a;}
.blue {color:#28387d;}
.gray {color:#aaa;}
.white {color:#fff;}
.black {color:#111;}

.smaller {font-size: 85%!important;}
.smallest {font-size: 70%!important;}

.reverse {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}

.divider-gray {border-bottom: 1px solid #aaa;}

.bar-h1 {width:150px; border-bottom: 10px solid #83171a;}
h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.25em;
	font-weight: 300;
	color:#28387d;
	letter-spacing: 4px;
}


h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.65em;
	font-weight: 700;
	color:#28387d;
	text-transform: uppercase;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	font-weight: 900;
	color:#111;
	text-transform: uppercase;
	margin-bottom: 0;
}

.border-btm-red {border-bottom: 5px solid #83171a;}
.border-blue {border:1px solid #28387d;}
.sm-image {
    min-height: 71px;
	min-width: 95px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin:0 2% 10px;
	border-radius: 0px;
	width: 20%;
	float: left;
}

.header {
  padding:5px;
  background: #fff;
  z-index:999999;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.bg-top {background:#83171a; color:#fff; font-size:.85em; font-weight:400; letter-spacing: -.25px!important; border-top:4px solid #28387d;}
.bg-top a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #aaa; text-decoration: none;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:'|'; color:#28387d; margin:0 15px; font-weight: 900;}
.bg-top ul li:last-child:after {content:'';}

.navbar-light .navbar-nav .nav-link {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color:#28387d; 
	text-transform: uppercase;
	padding:10px 1rem!important;
	letter-spacing: -.5px!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:5px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {color:#83171a!important; padding:10px 1rem!important; border-bottom:5px solid #aaa;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {height:100%;}
.navbar-brand img {height:125px;}
.navbar-brand.js-scrolling img {
	height: 75px;
	-webkit-transition: height 0.3s ease; 
	-moz-transition: height 0.3s ease; 
	-ms-transition: height 0.3s ease; 
	-o-transition: height 0.3s ease; 
	transition: height 0.3s ease;
}

.dropdown-menu {
	background-color: #fff!important; 
	border-radius: 0!important;
	font-family: 'Fira Sans', sans-serif;
	font-size: .9em!important;
	font-weight: 500!important;
	text-transform: uppercase; 
	line-height: 1.75em;
	top:100%!important; 
	left:15%;
	border:0!important;
	text-align: left!important;
}
.dropdown-menu a {color: #28387d!important; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.dropdown-menu a:hover {color: #aaa!important; text-decoration: none;}

.dropdown-item {color:#28387d!important; font-weight: 500!important; padding:.25rem 1.25rem .25rem .75rem!important; text-align: left!important; }
.dropdown-item:hover {content:"\f0da"; background:#fff!important; color:#aaa!important;}
.dropdown-item::before {content:"\f0da"; color:#fff!important;font-family: 'Font Awesome 6 Pro';}
.dropdown-item:hover::before {content:"\f0da"; color:#aaa!important; padding-right: 3px;}

/*DRONE*/
.video-background-holder {
	position: relative;
	background-color: black;
	height: calc(100vh - 72px);
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}

/*FEATURED LISTINGS*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #28387d;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 0px 20px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.25;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect p {
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  margin-top:150px!important;
}

.hovereffect:hover p {
  color:#aaa;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a {
  font-size: 160%;
  color: #aaa!important; 
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.hovereffect a:hover {
  color:#83171a!important;
}

.hover-title {font-family:'Montserrat', sans-serif; font-size:125%; font-weight:900; color:#fff;}
.hover-location {font-family:'Montserrat', sans-serif; font-size:115%; font-weight:400; color:#fff;}

/*END FEATURED LISTINGS*/

.content {min-height: 500px;}
.content a {color: #28387d; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color: #83171a; text-decoration: none;}

.btn-testimonials {
	background-color:#83171a; 
	font-family: 'Montserrat', sans-serif;
	font-size: 75%!important;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.5px;
	color:#aaa!important;
	border:2px solid #83171a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-testimonials:hover {
	background:transparent; 
	color:#fff!important;
	cursor: pointer;
	border:2px solid #83171a;
}

.bg-realtor-logos {background:#ddd;}

.bg-tagline {background-image:url(graphics/bg-tagline.jpg);}
.tagline-1 {font-size: 2.75em!important; font-weight: 500; color:#aaa; margin-bottom: -10px;}
.tagline-2 {font-family: 'Montserrat', sans-serif; font-size: 3.5em!important; font-weight: 600; color:#fff;}

.btn-tagline {
	background-color:#83171a; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2.5px;
	color:#aaa!important;
	border:2px solid #83171a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-tagline:hover {
	background:transparent; 
	color:#fff!important;
	cursor: pointer;
	border:2px solid #83171a;
}

.bg-footer {background:#111; color:#fff; font-size: 80%; font-weight: 500;}

.footer1 {font-size: 90%; font-weight: 400; line-height: 1.85em;}
.footer1-links {color:#aaa; font-size: 200%; font-weight: 400!important;}
.footer1-links a {color: #fff!important; font-weight: 400; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer1-links a:hover {color: #777!important; font-weight: 400; text-decoration: none; padding-left:0!important;}

.footer-bar {width:50px; border-top:5px solid #28387d;}
.footer-header {font-family: 'Montserrat', sans-serif; font-size: 1.5em; font-weight: 900; color:#83171a;}

.footer-description {font-weight: 500; color:#777; line-height: 2em!important;}

.footer-nav {font-size: 105%; font-weight: 500; line-height: 2.5em;}
.footer-nav a {color: #fff; font-weight: 400; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-nav a:hover {color: #777; font-weight: 400; text-decoration: none; padding-left: 4px;}

.footer-icon {font-size: 125%!important; color:#777;}
.footer-address {line-height: 1.75em!important; font-weight: 400;}

.bg-anchor {background:#28387d; border-bottom:4px solid #83171a; color:#fff; font-weight:400; font-size:70%;}
.bg-anchor a {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#aaa; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:left;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#83171a; margin:0 10px;}
.bg-anchor ul li:last-child:after {content:'';}

.index-text {font-size: 110%; line-height: 2.5em;}

.block-red {background:#83171a; color:#fff;}
.block-blue {background:#28387d; color:#fff;}
.block-header1 {font-size:2.5em; font-weight:300; color:#aaa; margin-bottom: -15px;}
.block-header2 {font-family:'Montserrat', sans-serif; font-size:4em; font-weight:900;}
.block-bar-blue {width:150px; border-bottom:8px solid #28387d;}
.block-bar-red {width:150px; border-bottom:8px solid #83171a;}
.block-text {font-size:90%; font-weight:300; line-height:1.5em;}

.btn-block-blue {
	background-color:#28387d; 
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .5px;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-block-blue:hover {
	background:#111; 
	color:#aaa!important;
	cursor: pointer;
}

.btn-block-red {
	background-color:#83171a; 
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .5px;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-block-red:hover {
	background:#111; 
	color:#aaa!important;
	cursor: pointer;
}

.bg-testimonials {background-image: url(graphics/bg-testimonials.jpg);}
.testimonials-header {font-family: 'Montserrat', sans-serif; font-size: 2.35em; font-weight: 900; color:#83171a;}
.testimonials-bar {width:100px; border-bottom: 4px solid #28387d;}
.testimonials-icon {font-size: 4.5em;}
.testimonials {font-size: 1.25em; color:#fff; font-weight: 500; line-height: 2em;}
.testimonials-name {font-family:'Montserrat', sans-serif; font-size: .925em; font-weight:900; color:#83171a;}

.intro-text {font-size: 105%; line-height: 2em;}

.contact-info {line-height: 1.5em;}	

/*DETAILS*/
.for-sale {color:#005F07;}
.pending {color:#FBAB00;}
.sold {color:#FF0000;}
.price {font-size: 150%; font-weight: 800; color:#83171a;}
.features {font-size: 95%; font-weight: 500;}

.btn-details {
	background-color:#83171a; 
	font-family: 'Montserrat', sans-serif;
	font-size: 85%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.5px;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-details:hover {
	background:#28387d; 
	color:#fff!important;
	cursor: pointer;
}

/*LISTINGS*/
.btn-listings {
	background-color:#83171a; 
	font-family: 'Montserrat', sans-serif;
	font-size: 75%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-listings:hover {
	background:#28387d; 
	color:#fff!important;
	cursor: pointer;
}

.agent-desktop {display:block;}
.agent-mobile {display:none;}

/*================ FORMS ========================*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #83171a;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:5%;
	background-color:#83171a!important;
	color:#fff!important;
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#28387d!important;
	color:#fff!important;
	cursor:pointer;
}

input {padding:5px!important;}


@media (max-width: 1450px) {
.block-header1 {font-size:2.05em; font-weight:300; color:#aaa; margin-bottom: -15px;}
.block-header2 {font-family:'Montserrat', sans-serif; font-size:3em; font-weight:900;}
}

@media (max-width:1300px){
.video-background-holder {
  position: relative;
  background-color: black;
  height: auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
}

@media (max-width: 1200px) {
.hovereffect p {margin-top:50px!important;}
.hover-title {font-size:125%;}
.hover-location {font-size:110%;}
.block-header1 {font-size:2.25em; font-weight:300; color:#aaa; margin-bottom: -15px;}
.block-header2 {font-family:'Montserrat', sans-serif; font-size:3.5em; font-weight:900;}
.bg-footer {font-size: 100%;}
.footer-nav {line-height: 1.5em;}
.footer-address {line-height: 1.5em!important;}
}

@media (max-width: 992px) {
.hovereffect p {margin-top:65px!important;}
.hover-title {font-size:135%;}
.hover-location {font-size:120%;}
.block-header1 {font-size:2.5em; font-weight:300; color:#aaa; margin-bottom: -15px;}
.block-header2 {font-family:'Montserrat', sans-serif; font-size:4em; font-weight:900;}
.block-text {font-size:95%; line-height:1.75em;}
.agent-desktop {display:none;}
.agent-mobile {display:block;}
}

@media (max-width: 768px) {
.bg-top ul {text-align:center; line-height: 1.75em;}
.bg-top ul li {display:block;}
.bg-top ul li:after {content:''; margin:0;}
.hovereffect p {margin-top:65px!important;}
.hover-title {font-size:125%;}
.hover-location {font-size:110%;}
.tagline-1 {font-size: 2.5em!important; margin-bottom: -10px;}
.tagline-2 {font-size: 3.5em!important;}
}

@media (max-width: 576px) {
.hovereffect p {margin-top:150px!important;}
.hover-title {font-size:175%;}
.hover-location {font-size:140%;}
.testimonials {font-size: 1em; line-height: 1.5em;}
.tagline-1 {font-size: 2em!important; margin-bottom: -10px;}
.tagline-2 {font-size: 3em!important;}
.btn-testimonials {font-size: 90%!important;}
}

@media (max-width: 480px) {
.hovereffect p {margin-top:100px!important;}
.hover-title {font-size:150%;}
.hover-location {font-size:120%;}
.block-header1 {font-size:1.85em; font-weight:300; color:#aaa; margin-bottom: -10px;}
.block-header2 {font-family:'Montserrat', sans-serif; font-size:3em; font-weight:900;}
.tagline-1 {font-size: 2.25em!important; margin-bottom: -2px;}
.tagline-2 {font-size: 3.5em!important; line-height: 1em;}
.bg-anchor ul {text-align:center;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
.index-text {font-size: 105%; line-height: 2em;}
}

@media (max-width: 375px) {
.navbar-brand img {height:100px;}
.navbar-brand.js-scrolling img {height: 65px;}
.hovereffect p {margin-top:75px!important;}
.hover-title {font-size:135%;}
.hover-location {font-size:110%;}
}