/* #navmain #burger { display: none; }
#navmain #navmain-links { display: block; } */
#navmain-links-external {
	transition: all 0.2s ease;
}

.anim-toggler {

}

/*  OVERRIDES   */
.container { max-width: 76rem; }

.icon-custom {
	line-height:.75em;
	min-width:21px;
	max-height:21px
}
.fill-dark-gray { fill:#343a40; }
.fill-white { fill:#ffffff; }
.fill-black { fill:#000000; }
.fill-info { fill:#17a2b8; }

a {
  color:#2B333E;
  text-decoration: none;
  transition: 200ms;
  animation: all;
}
a:hover {
  color:#000000;
  /* text-decoration: underline; */
}

a.underline {
	text-decoration:underline;
}

.navbar-toggler { color:#fff;}
.navbar.navbar-expand-sm {
  background-color: rgba(0,0,0,0.05);
}

.bg-black { background-color: #000; }
.bg-off-white { background-color: #fafafa; }
.text-off-white { color: #fafafa; }
.text-black { color: #000; }

/*   tenths    */
.height-100 { height: 100%; }
.height-90 { height: 90%; }
.height-80 { height: 80%; }
.height-70 { height: 70%; }
.height-60 { height: 60%; }
.height-40 { height: 40%; }
.height-30 { height: 30%; }
.height-20 { height: 20%; }
.height-10 { height: 10%; }
/*	quarters  */
.height-75 { height: 75%; }
.height-50 { height: 50%; }
.height-25 { height: 25%; }
/*   thirds   */
.height-67 { height: 67%; }
.height-33 { height: 33%; }

.w-90 { width:90%;}
.w-80 { width:80%;}
.w-75 { width:75%;}
.w-70 { width:70%;}
.w-67 { width:67%;}
.w-60 { width:60%;}
.w-50 { width:50%;}
.w-40 { width:40%;}
.w-33 { width:33%;}
.w-30 { width:30%;}
.w-25 { width:25%;}
.w-20 { width:20%;}
.w-15 { width:15%;}
.w-10 { width:10%;}

.opacity-100 { opacity: 1;}
.opacity-90 { opacity: 0.9;}
.opacity-80 { opacity: 0.8;}
.opacity-70 { opacity: 0.7;}
.opacity-60 { opacity: 0.6;}
.opacity-50 { opacity: 0.5;}
.opacity-40 { opacity: 0.4;}
.opacity-30 { opacity: 0.3;}
.opacity-20 { opacity: 0.2;}
.opacity-10 { opacity: 0.1;}
.opacity-05 { opacity: 0.05;}
.opacity-00 { opacity: 0.0;}

/*  fonts   */
.text-condensed {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

.text-wide { letter-spacing: .1em;}
.text-tight { letter-spacing: -.03em;}

/*  font weights  */
.font-thin { font-weight:200;}
.font-light { font-weight:300;}
.font-normal,
.font-regular { font-weight:400;}
.font-medium { font-weight:600;}
.font-bold { font-weight:700;}

.text-xxl {  font-size: 1.6em; line-height: 1.8em; }
.text-xl {  font-size: 1.3em; line-height: 1.6em; }
.text-lg {  font-size: 1.15em; line-height: 1.6em; }
.text-md, .font-normal {  font-size: 1em; line-height: 1.6em; }
.text-sm {  font-size: .9em; line-height: 1.6em; }
.text-xs {  font-size: .8em; line-height: 1.6em; }
.text-xxs {  font-size: .7em; line-height: 1.6em; }

.lh-3x { line-height: 3em; }
.lh-2x { line-height: 2em; }
.lh-xl,
.lh-normal { line-height:1.6em;}
.lh-lg { line-height:1.5em;}
.lh-md { line-height:1.4em;}
.lh-sm { line-height:1.3em;}
.lh-xs { line-height:1.15em;}
.lh-none { line-height:1em;}

.bg-white-90 {background-color:rgba(255,255,255,.9);}
.bg-white-80 {background-color:rgba(255,255,255,.8);}
.bg-white-70 {background-color:rgba(255,255,255,.7);}
.bg-white-60 {background-color:rgba(255,255,255,.6);}
.bg-white-50 {background-color:rgba(255,255,255,.5);}
.bg-white-40 {background-color:rgba(255,255,255,.4);}
.bg-white-30 {background-color:rgba(255,255,255,.3);}
.bg-white-20 {background-color:rgba(255,255,255,.2);}
.bg-white-10 {background-color:rgba(255,255,255,.1);}
.bg-white-05 {background-color:rgba(255,255,255,.05);}

.color-444 {
  color: #444;
}

.mediaembed-container{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;   /* 16:9 */
}
.mediaembed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Google Maps infowindow */
.info-window {
    display: table;
    table-layout: fixed;
    max-width: 445px;
}

.info-window-image,
.info-window-content {
    display: table-cell;
    vertical-align: middle;
}

.info-window-image {
    /* padding-top: 3px;
    padding-right: 24px; */
}

.info-window-image img {
    /* height: 113px;
    max-width: 113px; */
}

.info-window-address {
    /* margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #000; */
}

.info-window-property-detail {
    /* font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    text-transform: uppercase;
    color: rgba(0,0,0,0.25); */
}

.roadmap, .svmap {
	min-height:400px;
  height: 40vh;
  width: 100%;
}

.gm-style-iw {
 width: auto !important;
 top: 0 !important;
 left: 0 !important;
}




/*		Billboard	 */
html,body{height:100%;margin:0;padding:0; }

body {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:1em;
	line-height: 1.4em;
	font-weight: 300;
}

.cover100,
.cover   { height:100vh;}
.cover90 { height:90vh;}
.cover80 { height:80vh;}
.cover75 { height:75vh;}
.cover70 { height:70vh;}
.cover67 { height:67vh;}
.cover60 { height:60vh;}
.cover50 { height:50vh;}
.cover40 { height:40vh;}
.cover33 { height:33vh;}
.cover30 { height:30vh;}
.cover25 { height:25vh;}
.cover20 { height:20vh;}
.cover15 { height:15vh;}
.cover10 { height:10vh;}
.cover05 { height:5vh;}

.billboard {
	position:relative;
	display:block;
}
.billboard-main {
	  min-height:500px;
    height:100vh;
}

.billboard-openhouse {
  min-height:300px;
  /*height:50vh;*/
}

.billboard-main::after {
    content: "";
    background-image: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.5)), url();
    background-repeat:no-repeat,no-repeat;background-position:center center,center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;opacity:1;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;
}

#navmain {
  position:fixed;
  height:80px;
  background-color: rgba(255,255,255,0);
  z-index: 1190;
}
#navmain .nav-link {
	padding:.4rem .8rem;
  color: rgba(255,255,255,1);
}

#navmain-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  /* color: rgba(0,0,0,1); */
  background-color: rgba(255,255,255,1);
  /* background-color: rgba(0,0,0,1); */
}


.shadow {
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  box-shadow: 0px -10px 160px 0px rgba(0, 0, 0, 0.1);
}

/*		For positioning SVG icon on top of DIV/Image i.e. video play icon		*/
.icon_overlay {
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  left: 15px;
  top: 0;
  background: rgba(0,0,0, 0.0);
}
.icon_overlay:hover { background: rgba(0,0,0, 0.02);}
.icon {position: absolute; right: 50%; bottom: 50%;}

.nav-link {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .nav-link {
    font-size: 16px;
  }
}

#captcha-top {
  max-width: 320px;
}
.cta-form-fields {
  display:none;
}
.btn-info {
  text-transform: uppercase;
}
.img-agent {
  width: 80px;
}
.hero-address {

}
#cta-message {
  max-height: 80px;
}
label.error {
  display: none !important;
}
.form-control.error {
  border: 1px solid #E8A618;
}
.form-control:focus {
  box-shadow: none;
}
.success-msg {
  text-align: center;
  padding: 20px; 
  display: none;
}
.cta-agent-info {

}

#agent-info {
  padding-left: 20px;
}

/* Pushy Menu */
#burger-menu {
    cursor: pointer;
    color: #fafafa;
}

.pushy > ul {
    padding-left: 10px;
    padding-top: 20px;
}
.pushy a {
    font-size: 120%;
}
.pushy-contact {
    font-size: 120%;
    color: #555;
    margin-top: 20px;
    text-align: center;
}
.pushy-image {
    margin-bottom: 10px;
    max-height: 75px;
}
.pushy-contact p {
    color: #555;
    margin-top: 20px;
}
/* End Pushy Menu */

.contact-form input, .mc-form input, #mc-form select {
    height: 50px;
    border-radius: 0;
}
#captcha-top img {
  height: 50px;
}
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
  color: #999;
  font-weight: lighter;
}
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {
  color: #999;
  font-weight: lighter;
}
.contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder {
  color: #999;
  font-weight: lighter;
}
.contact-form input::placeholder, .contact-form textarea::placeholder {
  color: #999;
  font-weight: lighter;
}

.vertical-text-right { /*For status banner in header*/
  position: absolute;
  top: 0px;
  bottom: 0;
  height: 50px;
  margin: auto 0;
  right: 0;
  -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
     -ms-transform-origin: 100% 50%;
      -o-transform-origin: 100% 50%;
         transform-origin: 100% 50%;
  -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%, 50%);
     -ms-transform: rotate(90deg) translate(50%, 50%);
      -o-transform: rotate(90deg) translate(50%, 50%);
         transform: rotate(90deg) translate(50%, 50%);
}
@media screen and (max-width: 500px) {
  .vertical-text-right {
    margin: 0;
    top: 150px;
  }
}


.select-rounded-0 {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23555555'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 25px;
  background-position: bottom 5px right 8px;
  background-repeat: no-repeat;
  background-color: #fff;
}

.btn-h-50 {
  height: 50px;
}

.video-container {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

.video-container iframe {
  width: 100vw;
  height: 100vh;
  transform: scale(1.5);
}
.video-controls .fa-volume-up, .video-controls .fa-play, .min-max-toggle .fa-info-circle {
  display: none;
}
.overlay-content {
  min-width: 325px;
  z-index: 99;
}
.overlay-content a {
  cursor: pointer;
}

a.nav-address {
  color:#2B333E;
  text-decoration: none;
  transition: 200ms;
  animation: all;
}
a.nav-address:hover {
  color:#2B333E;
  text-decoration: none;
}

.key-info {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 544px) {  
  .text-xs-90 {font-size: 90% !important;}
  .text-xs-80 {font-size: 80% !important;}
  .text-xs-75 {font-size: 75% !important;}
  .text-xs-70 {font-size: 70% !important;}
  .px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .key-info {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

a.no-hover:hover {
  text-decoration: none;
  cursor: pointer;
}

.cabin-regular {
  font-family: 'Cabin', sans-serif;
  font-weight: 400;
}

.cabin-bold {
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
}

.cabin-bold-italic {
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  font-style: italic;
}