/* ease */
/* numbers */
/* paths */
/* mixins */
/* typography */
html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  font-weight: 300;
  height: 100%;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

h1, div.h1 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 580px) {
  h1, div.h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  h1, div.h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  h1, div.h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}

h2, div.h2 {
  font-size: 30px;
  font-size: 3rem;
  margin: 0 0 15px 0;
  font-weight: 300;
  color: #333;
}
@media screen and (min-width: 580px) {
  h2, div.h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  h2, div.h2 {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  h2, div.h2 {
    font-size: 60px;
    font-size: 6rem;
  }
}

h3, .map-wrapper div.h3, div.h3 {
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0 0 20px 0;
  font-weight: 300;
}
h3.pad, div.h3.pad {
  margin: 0 0 40px 0;
}
@media screen and (min-width: 1024px) {
  h3.pad, div.h3.pad {
    margin: 0 0 80px 0;
  }
}
@media screen and (min-width: 1024px) {
  h3, .map-wrapper div.h3, div.h3 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  h3, .map-wrapper div.h3, div.h3 {
    font-size: 37px;
    font-size: 3.7rem;
  }
}
h3 span, .map-wrapper div.h3 span, div.h3 span {
  color: #999;
}

h4, .map-wrapper div.h4, div.h4 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 1024px) {
  h4, .map-wrapper div.h4, div.h4 {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

h5, div.h5 {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 15px 0;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  h5, div.h5 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

p {
  line-height: 1.8;
  margin: 0 0 15px 0;
}

ul, ol {
  line-height: 1.8;
  margin: 0 0 15px 15px;
  padding: 0;
}

table {
  width: 100%;
  border-top: 1px solid #efefef;
}

td {
  padding: 8px 0;
  border-bottom: 1px solid #efefef;
  line-height: 1.6;
  vertical-align: top;
}

a {
  color: #333;
}

hr {
  border: none;
  height: 1px;
  margin: 60px 0;
  background-color: #ccc;
}

strong, b {
  font-weight: 700 !important;
}

/* form overrides */
.gform_wrapper .gform_body .top_label .gfield_label {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}

.gform_wrapper .gform_body ul li.gfield {
  margin-bottom: 25px;
}

.gform_wrapper .gform_body input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
  border: none;
  padding: 15px 8px 15px 8px;
  color: #999;
  font-size: 14px;
  font-size: 1.4rem;
}

.gform_wrapper .gform_body textarea {
  border: none;
  padding: 15px 8px 15px 8px;
  color: #999;
  font-size: 14px;
  font-size: 1.4rem;
}

.gform_wrapper .gform_button, .gform_wrapper .gform_next_button, .gform_wrapper .gform_previous_button {
  float: left;
  width: 100%;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  margin-top: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  border: 0;
  -webkit-appearance: none;
}
@media screen and (min-width: 1024px) {
  .gform_wrapper .gform_button, .gform_wrapper .gform_next_button, .gform_wrapper .gform_previous_button {
    width: 50%;
  }
}

.gform_wrapper .gform_button {
  padding: 30px 30px !important;
}

.gform_wrapper .gform_previous_button {
  background-color: #999;
}

.gform_wrapper .gform_body .ginput_complex .ginput_right, .gform_wrapper .gform_body .ginput_complex .ginput_left {
  width: 100%;
}
@media screen and (min-width: 580px) {
  .gform_wrapper .gform_body .ginput_complex .ginput_right, .gform_wrapper .gform_body .ginput_complex .ginput_left {
    width: 49%;
  }
}

.gform_wrapper .gform_body .top_label input.medium, .gform_wrapper .gform_body .top_label select.medium {
  width: 100%;
}
@media screen and (min-width: 580px) {
  .gform_wrapper .gform_body .top_label input.medium, .gform_wrapper .gform_body .top_label select.medium {
    width: 49%;
  }
}

.visually-hidden {
  font-size: 0;
  line-height: 0;
  color: transparent;
  position: absolute;
  overflow: hidden;
  height: 0px;
  width: 0px;
}

/*///////////////////////*/
/* susy grid setup */
/*///////////////////////*/
html {
  border-box: inherit;
  overflow: auto;
}

.magic-container {
  max-width: 85%;
  width: 85%;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: auto;
  margin-right: auto;
}
.magic-container:after {
  content: "";
  display: table;
  clear: both;
}
.award-container {
  max-width: 100%;
  float: left;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  text-align: center;
}
.award-container .column-award {
  float: left;
  width: 90%;
  padding: 0 5%;
}
@media screen and (min-width: 1024px) {
  .award-container .column-award {
    width: 45%;
    padding: 0 2.5%;
  }
}
.award-container .column-award img {
  width: 100%;
  max-width: 350px;
}
.award-container:after {
  content: "";
  display: table;
  clear: both;
}
.award-highlight-container {
  max-width: 100%;
  float: left;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 50px;
  padding-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  text-align: center;
}
.award-highlight-container .column-award {
  float: left;
  width: 90%;
  padding: 0 5%;
}
.award-highlight-container .column-award img {
  width: 100%;
  max-width: 350px;
}
/*///////////////////////*/
/* reusable elements */
/*///////////////////////*/
.full {
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.fullspacer {
  position: relative;
  height: 100%;
  float: left;
  width: 100%;
}

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

.hidden {
  display: none;
}

html.hidden {
  display: block !important;
}

#preload-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
  display: block;
  background: #fff url("../img/preloader-main.gif") no-repeat center center;
}

@media screen and (min-width: 580px) {
  select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
    font-size: 16px;
  }
}

a img {
  border: none;
}

.more-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 50px;
  background-repeat: no-repeat;
  opacity: 0.65;
  transition: opacity 0.25s;
  cursor: pointer;
  z-index: 100;
}
.more-arrow.light {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22100px%22%20height%3D%2250px%22%20viewBox%3D%220%200%20100%2050%22%20enable-background%3D%22new%200%200%20100%2050%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M50%2C3c25.089%2C0%2C45.5%2C20.411%2C45.5%2C45.5S75.089%2C94%2C50%2C94S4.5%2C73.589%2C4.5%2C48.5S24.911%2C3%2C50%2C3%20M50%2C1%0D%0A%09%09%09C23.767%2C1%2C2.5%2C22.267%2C2.5%2C48.5S23.767%2C96%2C50%2C96s47.5-21.267%2C47.5-47.5S76.233%2C1%2C50%2C1L50%2C1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2259.5%2C23.061%2050%2C32.561%2040.5%2C23.061%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.more-arrow.dark {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22100px%22%20height%3D%2250px%22%20viewBox%3D%220%200%20100%2050%22%20enable-background%3D%22new%200%200%20100%2050%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M50%2C3c25.089%2C0%2C45.5%2C20.411%2C45.5%2C45.5S75.089%2C94%2C50%2C94S4.5%2C73.589%2C4.5%2C48.5S24.911%2C3%2C50%2C3%20M50%2C1%0D%0A%09%09%09C23.767%2C1%2C2.5%2C22.267%2C2.5%2C48.5S23.767%2C96%2C50%2C96s47.5-21.267%2C47.5-47.5S76.233%2C1%2C50%2C1L50%2C1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2259.5%2C23.061%2050%2C32.561%2040.5%2C23.061%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.more-arrow:hover {
  opacity: 1;
}

.more-arrow-top {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 50px;
  background-repeat: no-repeat;
  opacity: 0.9;
  transition: opacity 0.25s;
  cursor: pointer;
  z-index: 100;
}
.more-arrow-top.light {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22100px%22%20height%3D%2250px%22%20viewBox%3D%220%200%20100%2050%22%20enable-background%3D%22new%200%200%20100%2050%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M50%2C3c25.089%2C0%2C45.5%2C20.411%2C45.5%2C45.5S75.089%2C94%2C50%2C94S4.5%2C73.589%2C4.5%2C48.5S24.911%2C3%2C50%2C3%20M50%2C1%0D%0A%09%09%09C23.767%2C1%2C2.5%2C22.267%2C2.5%2C48.5S23.767%2C96%2C50%2C96s47.5-21.267%2C47.5-47.5S76.233%2C1%2C50%2C1L50%2C1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2240.499%2C31.061%2049.999%2C21.56%20%0D%0A%09%0959.499%2C31.061%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.more-arrow-top.dark {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22100px%22%20height%3D%2250px%22%20viewBox%3D%220%200%20100%2050%22%20enable-background%3D%22new%200%200%20100%2050%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M50%2C3c25.089%2C0%2C45.5%2C20.411%2C45.5%2C45.5S75.089%2C94%2C50%2C94S4.5%2C73.589%2C4.5%2C48.5S24.911%2C3%2C50%2C3%20M50%2C1%0D%0A%09%09%09C23.767%2C1%2C2.5%2C22.267%2C2.5%2C48.5S23.767%2C96%2C50%2C96s47.5-21.267%2C47.5-47.5S76.233%2C1%2C50%2C1L50%2C1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2240.499%2C31.061%2049.999%2C21.56%20%0D%0A%09%0959.499%2C31.061%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}
.more-arrow-top:hover {
  opacity: 1;
}

/*///////////////////////*/
/* Big Header Image */
/*///////////////////////*/
.big-image {
  height: 100%;
  background-color: #fff;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 1200px) {
  .big-image {
    background-attachment: fixed;
  }
}

/*///////////////////////*/
/* Title */
/*///////////////////////*/
.darktitle {
  padding-top: 100px;
  background-color: #fff;
  /*.agentinfo {

  	float: left;
  	text-align: left;
  	margin-left: 10px;
  	width: 180px;

  	@include media($medium) {
  		margin-left: 30px;
  		width: auto;
  	}

  	@include media($medium){
  		float: right;
  		text-align: right;
  		margin-right: 30px;
  		margin-left: 0;
  	}

  	p {
  		@include font-size(1.3);
  		line-height: 1.6;
  		color: $darkgray;

  		b {
  			color: $darkgray;
  		}

  		a {
  			color: $blue;
  			text-decoration: underline;
  		}

  		a:hover {
  			text-decoration: none;
  		}

  	}

  } */
}
@media screen and (min-width: 1024px) {
  .darktitle {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .darktitle {
    padding-top: 170px;
  }
}
.darktitle h1 {
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 300;
  letter-spacing: 1px;
}
.darktitle p {
  color: #999;
  line-height: 1.5;
}
.darktitle .title-left {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.darktitle .title-left:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .darktitle .title-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .darktitle .title-left:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .darktitle .title-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%;
  }
  .darktitle .title-left:last-child {
    margin-right: 0;
  }
}
.darktitle .title-right {
  width: auto;
  max-width: 100%;
  margin-top: 30px;
  text-align: left;
  display: flex;
  align-items: start;
  float: left;
}
@media screen and (min-width: 1024px) {
  .darktitle .title-right {
    max-width: 50%;
    margin-top: 0;
    text-align: right;
    float: right;
  }
}
@media screen and (min-width: 1200px) {
  .darktitle .title-right {
    max-width: 23.2317613015%;
  }
}
.darktitle .agentcontact {
  float: left;
}
.darktitle .agentcontact p {
  font-size: 12px;
  color: #333;
  text-align: left;
}
.darktitle .agentcontact .agentbutton {
  float: left;
  width: 100%;
  height: auto;
  border: 1px solid #999;
  border-radius: 100px;
  padding: 5px;
}
.darktitle .agentcontact .agentbutton .agentimage {
  float: left;
  width: 30px;
}
.darktitle .agentcontact .agentbutton .agentimage img {
  width: 100%;
  border-radius: 100px;
}
.darktitle .agentcontact .agentbutton .agenttext {
  float: left;
  display: inline-block;
  padding: 0 0 0 10px !important;
  margin: 16px 0 16px 0;
  background-color: yellow;
}
.darktitle .agentcontact .agentbutton .agenttext h6, .darktitle .agentcontact .agentbutton .agenttext .listing-specs .listing-specs-detail div.h6, .listing-specs .listing-specs-detail .darktitle .agentcontact .agentbutton .agenttext div.h6 {
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.darktitle .agentimage {
  float: left;
  width: 50px;
  margin-right: 25px;
}
.darktitle .agentimage img {
  width: 100%;
  border-radius: 100px;
}
.darktitle .agentinfo {
  width: auto;
}

@media (max-width: 600px) {
  .agentimage {
    display: none;
  }
}
.title-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.title-wrapper .title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}
.title-wrapper h1 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  display: inline-block;
  padding: 15px 0;
  border: 2px solid #fff;
  width: 80%;
}
@media screen and (min-width: 580px) {
  .title-wrapper h1 {
    padding: 30px 125px;
    width: auto;
  }
}

/*///////////////////////*/
/* standard content 2 */
/*///////////////////////*/
#content-standard {
  padding-top: 30px;
  padding-bottom: 70px;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  #content-standard {
    padding-top: 40px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #content-standard {
    padding-top: 60px;
    padding-bottom: 140px;
  }
}
#content-standard .content-left {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 30px;
}
#content-standard .content-left:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  #content-standard .content-left {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  #content-standard .content-left {
    padding-top: 0px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1024px) {
  #content-standard .content-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%;
  }
  #content-standard .content-left:last-child {
    margin-right: 0;
  }
}
#content-standard .sidebar-right {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
#content-standard .sidebar-right:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  #content-standard .sidebar-right {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  #content-standard .sidebar-right:last-child {
    margin-right: 0;
  }
}
#content-standard .sidebar-right .sidebar {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 20px;
}
#content-standard .sidebar-right .sidebar:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  #content-standard .sidebar-right .sidebar {
    padding-top: 0px;
    padding-bottom: 26.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  #content-standard .sidebar-right .sidebar {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}

/*///////////////////////*/
/* Carousel */
/*///////////////////////*/
.carousel {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .carousel .owl-item {
    height: calc(100vh - 93px) !important;
    max-height: 900px !important;
  }
  .carousel .owl-item .item {
    height: 100%;
  }
  .carousel .owl-item .item img {
    height: 100%;
    object-fit: cover;
  }
}

#carousel-images .item, #carousel-images-single .item, #carousel-images-areas .item {
  margin: 0;
  padding: 0 3px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
  #carousel-images .item, #carousel-images-single .item, #carousel-images-areas .item {
    height: 100%;
  }
}

#carousel-images .item img, #carousel-images-single .item img, #carousel-images-areas .item img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1200px) {
  #carousel-images .item img, #carousel-images-single .item img, #carousel-images-areas .item img {
    height: 100%;
    object-fit: cover;
  }
}

#carousel-div .item {
  margin-right: 30px;
}

.full-carousel .carousel-images-full .item {
  padding: 0;
}

.full-carousel .carousel-images-full .item img,
.full-carousel .item img {
  width: 100%;
}

.full-carousel .owl-theme .owl-controls {
  position: static;
}

.full-carousel .owl-pagination {
  bottom: 10px;
  left: 0;
  margin: 10px 0;
  position: absolute;
  width: 100%;
  display: none;
}
@media screen and (min-width: 1200px) {
  .full-carousel .owl-pagination {
    bottom: 80px;
    display: block;
  }
}

.full-carousel .owl-theme .owl-controls .owl-page {
  opacity: 0.7;
}

.full-carousel .owl-theme .owl-controls .owl-page.active {
  border: 2px solid #fff;
  opacity: 1;
}

.full-carousel .owl-theme .owl-controls .owl-page span,
.full-carousel .owl-theme .owl-controls .owl-page.active span,
.full-carousel .owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #fff;
}

.full-carousel .owl-theme .owl-controls .owl-buttons {
  margin: 0;
  position: absolute;
  text-align: center;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
}
.full-carousel .owl-theme .owl-controls .owl-buttons .owl-next {
  position: absolute;
  right: 50px;
  top: 0;
}
.full-carousel .owl-theme .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  left: 50px;
  top: 0;
}
.full-carousel .owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

/*///////////////////////*/
/* Quote Block */
/*///////////////////////*/
.quote {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
}
@media screen and (min-width: 1200px) {
  .quote {
    background-attachment: fixed;
  }
}
.quote .quote-icon {
  margin-top: 10px;
  margin-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.quote .quote-icon:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .quote .quote-icon {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .quote .quote-icon:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .quote .quote-icon {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .quote .quote-icon:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .quote .quote-icon {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .quote .quote-icon:last-child {
    margin-right: 0;
  }
}
.quote .quote-text {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.quote .quote-text:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .quote .quote-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .quote .quote-text:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .quote .quote-text {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .quote .quote-text:last-child {
    margin-right: 0;
  }
}
.quote .quote-text h2 {
  color: #fff;
  line-height: 1.4;
}
.quote .quote-text ul {
  list-style-type: none;
  margin: 20px 0 0 0;
}
.quote .quote-text li {
  float: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 1px;
}
@media screen and (min-width: 1024px) {
  .quote .quote-text li {
    width: auto;
    margin-right: 20px;
  }
}
.quote .quote-text a {
  color: #fff;
}
.quote .quote-text a:hover {
  text-decoration: none;
}

/*///////////////////////*/
/* header video */
/*///////////////////////*/
#big-video {
  float: left;
  width: 100%;
  height: 568px;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 1;
}
#big-video iframe {
  position: absolute;
}

/*///////////////////////*/
/* down arrow */
/*///////////////////////*/
.arrow-down {
  position: absolute;
  z-index: 9999;
  bottom: 60px;
  left: 0;
}

/*///////////////////////*/
/* box slider */
/*///////////////////////*/
.box-holder {
  background-color: #333;
  position: relative;
  z-index: 999;
}

.box {
  float: left;
  width: 100%;
}
.box h4, .box .map-wrapper div.h4, .map-wrapper .box div.h4 {
  line-height: 1.4;
}
.box h4 a, .box .map-wrapper div.h4 a, .map-wrapper .box div.h4 a {
  color: #333;
  text-decoration: none;
}
.box h4 a:hover, .box .map-wrapper div.h4 a:hover, .map-wrapper .box div.h4 a:hover {
  text-decoration: underline;
}

/*///////////////////////*/
/* standard box */
/*///////////////////////*/
.box {
  background-color: #fff;
  margin-bottom: 30px;
}
.box .image {
  float: left;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 0;
  position: relative;
}
.box .image.lazy {
  background: #fff url("../img/preloader-small.gif") center center no-repeat;
}
.box .image.lazy img {
  display: block;
  min-width: 100%;
}
.box .image img {
  width: 100%;
  height: auto;
}
.box .info {
  float: left;
  width: 90%;
  padding: 15px 5%;
}
@media screen and (min-width: 1024px) {
  .box .info {
    width: 94%;
    padding: 20px 3%;
  }
}
@media screen and (min-width: 1024px) {
  .box .info {
    width: 92%;
    padding: 30px 4%;
  }
}
.box .info-left {
  float: left;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.box .info-left:last-child {
  margin-right: 0;
}
.box .info-right {
  float: right;
  text-align: right;
  display: block;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.box .info-right:last-child {
  margin-right: 0;
}
.box .info-right img {
  width: 100%;
  max-width: 55px;
}
.box h4, .box .map-wrapper div.h4, .map-wrapper .box div.h4 {
  margin-bottom: 2px;
}
.box h5 {
  margin-bottom: 0;
  color: #999;
}

.box-grid {
  background-color: #fff;
  margin-bottom: 30px;
}
.box-grid .image {
  float: left;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 0;
  position: relative;
}
.box-grid .image.lazy {
  background: #fff url("../img/preloader-small.gif") center center no-repeat;
}
.box-grid .image.lazy img {
  display: block;
  min-width: 100%;
}
.box-grid .image img {
  width: 100%;
  height: auto;
}
.box-grid .info {
  float: left;
  width: 90%;
  padding: 15px 0px;
}
@media screen and (min-width: 1024px) {
  .box-grid .info {
    width: 94%;
    padding: 20px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .box-grid .info {
    width: 92%;
    padding: 30px 0px;
  }
}
.box-grid .info-left {
  float: left;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.box-grid .info-left:last-child {
  margin-right: 0;
}
.box-grid .info-right {
  float: right;
  text-align: right;
  display: block;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.box-grid .info-right:last-child {
  margin-right: 0;
}
.box-grid .info-right img {
  width: 100%;
  max-width: 55px;
}
.box-grid h4, .box-grid .map-wrapper div.h4, .map-wrapper .box-grid div.h4 {
  margin-bottom: 2px;
}
.box-grid h5 {
  margin-bottom: 0;
  color: #999;
}

.under-contract-banner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 200px;
}

.under-contract-mobile {
  background-color: #0B53AB;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

/*///////////////////////*/
/* squares */
/*///////////////////////*/
.squares {
  padding-top: 70px;
  padding-bottom: 0px;
  background-color: rgba(239, 239, 239, 0.96);
  z-index: 3;
}
@media screen and (min-width: 580px) {
  .squares {
    padding-top: 93.3333333333px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .squares {
    padding-top: 140px;
    padding-bottom: 0px;
  }
}
.squares h2 {
  color: #333;
  margin-bottom: 80px;
}
@media screen and (min-width: 580px) {
  .squares h2 {
    text-align: center;
  }
}

.squares-container {
  float: left;
  width: 100%;
}
.squares-container .square {
  position: relative;
  background-color: #333;
  margin-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.squares-container .square:nth-child(3n) {
  margin-right: 0;
}
.squares-container .square:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .squares-container .square {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    margin-bottom: 60px;
  }
  .squares-container .square:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .squares-container .square {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-bottom: 60px;
  }
  .squares-container .square:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 580px) {
  .squares-container .square {
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: -moz-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
  }
}
@media screen and (min-width: 580px) {
  .squares-container .square:hover {
    z-index: 99;
    -webkit-transform: scale(1.075, 1.075);
    -moz-transform: scale(1.075, 1.075);
  }
}
.squares-container .square-header {
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.squares-container .square-header:hover .square-info {
  bottom: 40px;
}
.squares-container .square-header .square-info {
  transition: all 0.25s ease;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 84%;
  padding: 0 8%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .squares-container .square-header .square-info {
    bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .squares-container .square-header .square-info {
    bottom: 40px;
  }
}
.squares-container .square-header .square-info h3, .squares-container .square-header .square-info div.h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1;
  margin-bottom: 6px;
}
@media screen and (min-width: 1024px) {
  .squares-container .square-header .square-info h3, .squares-container .square-header .square-info div.h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .squares-container .square-header .square-info h3, .squares-container .square-header .square-info div.h3 {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.squares-container .square-header .square-info h4, .squares-container .square-header .square-info div.h4 {
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 1;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .squares-container .square-header .square-info h4, .squares-container .square-header .square-info div.h4 {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1200px) {
  .squares-container .square-header .square-info h4, .squares-container .square-header .square-info div.h4 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.squares-container .square-header .square-image {
  float: left;
  width: 100%;
  overflow: hidden;
}
.squares-container .square-header .square-image img {
  float: left;
  width: 100%;
}
.squares-container .square-header .square-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70%;
  width: 100%;
  z-index: 1;
  opacity: 0.8;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
.squares-container .square-xtra {
  position: relative;
  float: left;
  height: 0;
  width: 84%;
  padding: 0 8%;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 580px) {
  .squares-container .square-xtra {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.squares-container .square-xtra p {
  margin: 30px 0;
  float: left;
  width: 100%;
}
.squares-container .square-xtra ul {
  list-style-type: none;
  margin: 30px 0;
  float: left;
  width: 100%;
}
.squares-container .square-xtra ul li {
  float: left;
  width: 100%;
  line-height: 1.3;
}
.squares-container .square-xtra ul a, .squares-container .square-xtra ul span {
  float: left;
  width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 10px 0;
}
.squares-container .square-xtra ul span {
  color: #999;
  font-weight: 700;
}
.squares-container .square-xtra ul a:hover {
  text-decoration: underline;
}
.squares-container .square-more {
  float: left;
  width: 100%;
}
.squares-container .square-more a {
  font-weight: 700;
  float: left;
  width: 84%;
  border-top: 1px solid #efefef;
  background-color: #fff;
  padding: 30px 8%;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1;
  font-size: 13px;
  font-size: 1.3rem;
}

/*///////////////////////*/
/* highlight style */
/*///////////////////////*/
.highlight {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #efefef;
  background-position: 1000% center;
  background-size: 90%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 580px) {
  .highlight {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .highlight {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
@media screen and (min-width: 580px) {
  .highlight {
    background-position: 150% center;
    background-size: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .highlight {
    background-size: 50%;
    background-position: right center;
  }
}
.highlight .highlight-container {
  float: left;
  width: 100%;
  display: table;
}
.highlight .highlight-left {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.highlight .highlight-left:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .highlight .highlight-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .highlight .highlight-left:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .highlight .highlight-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .highlight .highlight-left:last-child {
    margin-right: 0;
  }
}
.highlight .highlight-right {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  line-height: 0;
}
.highlight .highlight-right:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .highlight .highlight-right {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .highlight .highlight-right:last-child {
    margin-right: 0;
  }
}
.highlight .highlight-right img {
  width: 100%;
  height: auto;
  line-height: 0;
  position: relative;
  bottom: 0;
}

/*///////////////////////*/
/* grid */
/*///////////////////////*/
.grid {
  background-color: #efefef;
}
.grid .box {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.grid .box:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .grid .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .grid .box:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .grid .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .grid .box:last-child {
    margin-right: 0;
  }
  .grid .box:nth-child(3n) {
    margin-right: 0;
  }
}

/*///////////////////////*/
/* share */
/*///////////////////////*/
.share {
  float: left;
  width: 100%;
}
.share ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}
.share li {
  float: left;
  margin-right: 10px;
}
.share li.share-title {
  display: none;
  text-transform: uppercase;
  margin-right: 30px;
  padding-top: 13px;
}
@media screen and (min-width: 580px) {
  .share li.share-title {
    display: block;
  }
}

/*///////////////////////*/
/* standard columns */
/*///////////////////////*/
.column {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-bottom: 40px;
}
.column:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .column {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .column:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .column {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .column:last-child {
    margin-right: 0;
  }
}

.column-half {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-bottom: 40px;
}
.column-half:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .column-half {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .column-half:last-child {
    margin-right: 0;
  }
}
.column-half table {
  border: 0 !important;
}

/* dots */
.dots {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.dots:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .dots {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .dots:last-child {
    margin-right: 0;
  }
}

.dots ul {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0;
}
.dots ul .dot {
  display: inline-block;
  list-style-type: none;
  border-radius: 100px;
  margin-right: 3px;
}
.dots ul .dot.active {
  border: 1px solid #fff;
}
.dots ul .dot.active span {
  margin: 4px;
}
.dots ul .dot span {
  float: left;
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin: 6px;
  border-radius: 100px;
}

/* arrows */
.dot-arrows {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
  margin-top: -50px;
  display: none;
  position: relative;
  z-index: 999;
}
.dot-arrows:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .dot-arrows {
    display: inline;
  }
}

.arrow {
  float: right;
  width: 55px;
  height: 55px;
  margin-left: 10px;
  cursor: pointer;
}

/* text nav */
.textnav {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0;
}
.textnav.haslogo {
  text-align: center;
  margin-top: 0px;
}
@media screen and (min-width: 1200px) {
  .textnav.haslogo {
    text-align: right;
  }
}
.textnav li {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  margin-bottom: 10px;
  width: 50%;
}
@media screen and (min-width: 580px) {
  .textnav li {
    float: none;
    width: auto;
  }
}
.textnav li.active a {
  background-color: #efefef;
  color: #333;
}
.textnav li button {
  background-color: #fff;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  appearance: none;
  cursor: pointer;
  line-height: 1.8;
}
.textnav li a, .textnav li button {
  padding: 10px 10px;
  color: #333;
  margin-right: 10px;
  border-radius: 100px;
  border: 2px solid #efefef;
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  transition: all 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 9px;
  box-sizing: border-box;
  width: 96%;
}
.textnav li a#contact-btn, .textnav li button#contact-btn {
  border: 2px solid #171796;
  background: #171796;
  color: #fff;
}
.textnav li a#contact-btn:hover, .textnav li button#contact-btn:hover {
  background-color: #fff;
  color: #171796;
}
@media screen and (min-width: 580px) {
  .textnav li a, .textnav li button {
    padding: 25px 25px;
    font-size: 11px;
  }
}
.textnav li a span, .textnav li button span {
  color: #999;
}
.textnav li a:hover, .textnav li button:hover {
  border-color: #999;
}
.textnav a {
  color: #fff;
  text-decoration: none;
}

/* buttons */
.button-medium {
  display: inline-block;
  padding: 15px 60px;
  margin-top: 10px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* post edit link */
.post-edit-link {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 20px 40px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  z-index: 999;
}
.post-edit-link:hover {
  color: #999;
}

/* WPpaginate */
.wp-paginate {
  padding: 0;
  margin: 0;
}

.wp-paginate li {
  display: inline;
  list-style: none;
}

.wp-paginate a {
  color: #666;
  text-align: center;
  text-decoration: none;
  border: 2px solid #000000;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}

.wp-paginate a:hover, .wp-paginate a:active {
  background: #fff;
}

.wp-paginate .title {
  color: #555;
  margin-right: 10px;
}

.wp-paginate .gap {
  margin-right: 15px;
  margin-left: 5px;
}

.wp-paginate .current {
  color: #ffffff;
  background: #000000;
  border: 2px solid #000000;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}

.prev {
  margin-right: 10px;
}

.wp-paginate .next, .wp-paginate .prev {
  position: relative;
  top: 21px;
  border: none;
  padding-right: 4px;
  padding-bottom: 2px;
}

.pagination {
  text-align: center;
}

.page-wrap {
  overflow-x: hidden;
  padding-top: 64px;
}
@media screen and (min-width: 1024px) {
  .page-wrap {
    padding-top: 90px;
  }
}

#sfdc-web-to-lead *.field-error {
  border: 1px solid red !important;
  background-color: rgba(255, 0, 0, 0.1);
}
#sfdc-web-to-lead.loading {
  opacity: 0.5;
  pointer-events: none;
}

body {
  overflow-x: hidden;
}

.home-arrow {
  z-index: 4;
  height: 100%;
}
.home-arrow .arrow-image {
  display: none;
  position: absolute;
  bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .home-arrow .arrow-image {
    bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .home-arrow .arrow-image {
    bottom: 80px;
  }
}

#home-video {
  display: none;
  position: absolute;
}
@media screen and (min-width: 580px) {
  #home-video {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  #home-video {
    position: fixed;
  }
}

#quote-home {
  background-attachment: scroll;
}

#top-video {
  position: relative;
}

.mobile-home {
  position: absolute;
  display: block;
}
@media screen and (min-width: 1024px) {
  .mobile-home {
    display: none;
  }
}
.mobile-home .play-button {
  display: none;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  top: 46%;
}

.tablet-home {
  position: absolute;
  display: none;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .tablet-home {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .tablet-home {
    display: none;
    position: fixed;
  }
}
.tablet-home .play-button {
  display: none;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  top: 46%;
}

#video-fallback-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#squares-home {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (min-width: 580px) {
  #squares-home {
    padding-top: 106.6666666667px;
    padding-bottom: 106.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  #squares-home {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

.header-home {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media screen and (min-width: 1024px) {
  .header-home {
    max-height: none;
  }
}
.header-home .vide-wrapper {
  background-color: #000 !important;
  background-image: url("../img/preloader_home.svg") !important;
  background-size: 32px 32px !important;
  background: #000 url("../img/preloader_home.svg") no-repeat center center !important;
  position: fixed !important;
  height: 700px;
}
.header-home .vide-wrapper video {
  visibility: visible !important;
  opacity: 1 !important;
}

.video-home {
  width: 100%;
  object-fit: cover;
}
/*///////////////////////*/
/* global header */
/*///////////////////////*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8000;
  padding: 12px 0;
  transition: all 0.2s ease;
  height: auto;
  background-color: #efefef;
}
@media screen and (min-width: 1024px) {
  header {
    background-color: rgba(239, 239, 239, 0.96);
  }
}
header.not-pinned {
  margin-top: -100px;
}
header .header-nav {
  float: right;
  width: 80%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 12px 0 0 0;
  gap: 1rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  header .header-nav {
    width: 90%;
    gap: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  header .header-nav {
    flex-wrap: nowrap;
  }
}
header .header-nav .menu-main-menu-container {
  order: 3;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  header .header-nav .menu-main-menu-container {
    order: 2;
    width: auto;
  }
}
header .header-nav ul {
  display: none;
  float: left;
  width: 100%;
  margin: 50px 0 30px 0;
  list-style-type: none;
  text-align: right;
  padding: 0;
  background-color: #efefef;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul {
    background-color: transparent;
  }
}
@media screen and (min-width: 1024px) {
  header .header-nav ul {
    display: block;
    margin: 0;
  }
  header .header-nav ul.menu {
    display: block !important;
  }
}
header .header-nav ul li {
  display: inline-block;
  letter-spacing: 1px;
  width: 100%;
  text-align: right;
  position: relative;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li {
    width: auto;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.current-menu-item {
    background: url("../img/nav-active-dot.png") no-repeat top center;
  }
}
header .header-nav ul li.menu-link {
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.menu-link {
    margin-bottom: 0;
  }
}
header .header-nav ul li ul.dropdown-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
}
header .header-nav ul li.active ul.dropdown-menu {
  display: flex;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
  background-color: #efefef;
  top: 0px;
  box-shadow: none;
  position: relative;
  max-width: none;
  margin: 0 0 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.active ul.dropdown-menu {
    margin: 10px;
  }
}
header .header-nav ul li.active ul.dropdown-menu li:hover {
  background-color: none;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.active ul.dropdown-menu li:hover {
    background-color: #d7d7d7;
  }
}
header .header-nav ul li.active ul.dropdown-menu li {
  padding: 0px;
  display: block;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.active ul.dropdown-menu li a {
    padding: 10px 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li.active ul.dropdown-menu {
    box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 200px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}
header .header-nav ul li button {
  background: url("../img/icon-dropdown.svg") no-repeat;
  background-size: 15px 8px;
  background-position: center;
  width: 15px;
  height: 15px;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li button {
    top: 55%;
    transform: translateY(-50%);
  }
}
header .header-nav ul li button:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}
header .header-nav ul li a, header .header-nav ul li span {
  padding: 5px 0;
  width: 100%;
  color: #999;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
}
@media screen and (min-width: 1024px) {
  header .header-nav ul li a, header .header-nav ul li span {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 1200px) {
  header .header-nav ul li a, header .header-nav ul li span {
    padding: 15px 12px;
  }
}
header .header-nav ul li.dropdown-link {
  padding-right: 25px;
  box-sizing: border-box;
}
header .header-nav ul li.dropdown-link a, header .header-nav ul li.dropdown-link span {
  padding-right: 0;
}
@media screen and (min-width: 1200px) {
  header .header-nav ul li.dropdown-link.header-button {
    margin-left: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 25px;
    color: white;
    background: #171796;
  }
  header .header-nav ul li.dropdown-link.header-button .dropdown-top-link, header .header-nav ul li.dropdown-link.header-button span {
    color: white;
    padding-right: 10px;
  }
  header .header-nav ul li.dropdown-link.header-button button {
    background: url("../img/icon-dropdown-white.svg") no-repeat;
    top: 57%;
    right: unset;
  }
}
header .header-nav ul li a:hover {
  text-decoration: underline;
}
header .header-nav .hamburger {
  display: block;
  cursor: pointer;
  border: none;
  padding: 0;
  order: 1;
  float: right;
  width: 100px;
}
@media screen and (min-width: 1024px) {
  header .header-nav .hamburger {
    display: none;
  }
}
header .header-nav .hamburger .hamburger-lines {
  float: right;
  width: 30px;
}
header .header-nav .hamburger .hamburger-line {
  float: left;
  width: 100%;
  height: 2px;
  margin-bottom: 4px;
  background-color: #999;
}
header .header-nav .hamburger .hamburger-line:last-child {
  margin: 0;
}
header .header-nav .hamburger .hamburger-text {
  float: left;
  text-align: right;
  color: #999;
  font-size: 11px;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 60px;
  margin-right: 10px;
}
header .header-nav .search {
  width: 20px;
  height: 20px;
  border: none;
  background-image: url("../img/icon-search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  order: 2;
}
@media screen and (min-width: 1200px) {
  header .header-nav .search {
    order: 3;
  }
}
header .search-panel {
  position: absolute;
  top: 75px;
  right: -100%;
  width: 100%;
  max-width: 350px;
  padding: 10px 25px;
  box-sizing: border-box;
  background: #efefef;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 2rem;
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  transition: right 0.25s ease-out;
}
@media screen and (min-width: 580px) {
  header .search-panel {
    max-width: 450px;
    padding: 15px 25px;
  }
}
@media screen and (min-width: 1024px) {
  header .search-panel {
    top: 100px;
  }
}
header .search-panel form {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 2rem;
}
header .search-panel form input[type=search] {
  border: 2px solid #999;
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
  font-size: 1.25rem;
}
@media screen and (min-width: 580px) {
  header .search-panel form input[type=search] {
    padding: 10px 14px;
    font-size: 1.5rem;
  }
}
header .search-panel form input[type=submit] {
  padding: 7px 15px;
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  border: 0;
  cursor: pointer;
}
@media screen and (min-width: 580px) {
  header .search-panel form input[type=submit] {
    padding: 13px 25px;
    font-size: 1.5rem;
  }
}
header .search-panel .search-close {
  width: 30px;
  height: 30px;
  border: none;
  background-image: url("../img/icon-close-dark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
header .search-panel.active {
  right: 0%;
  visibility: visible;
}
header .logo {
  float: left;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20opacity%3D%220.97%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M8.383%2C27.089h0.83c0.917%2C3.926%2C3.977%2C6.221%2C7.387%2C6.221c2.205%2C0%2C4.509-0.975%2C5.512-2.945%0D%0A%09%09%09%09%09c0.154-0.301%2C0.276-0.628%2C0.365-0.974c0.099-0.4%2C0.154-0.827%2C0.154-1.287c0-1.973-1.371-3.529-3.261-4.968%0D%0A%09%09%09%09%09c-0.609-0.464-1.271-0.916-1.959-1.365c-0.007-0.007-0.013-0.012-0.023-0.016c-0.222-0.146-0.45-0.291-0.676-0.437%0D%0A%09%09%09%09%09c-3.913-2.504-8.322-5.047-8.322-9.345c0-0.196%2C0.012-0.389%2C0.031-0.578C6.633%2C13.797%2C5.574%2C16.774%2C5.574%2C20%0D%0A%09%09%09%09%09c0%2C3.344%2C1.141%2C6.422%2C3.053%2C8.869L8.383%2C27.089z%20M12.826%2C29.762h0.737c2.631%2C0%2C3.144-0.614%2C3.144-2.648l0%2C0v-4.602%0D%0A%09%09%09%09%09c0.972%2C0.631%2C1.89%2C1.259%2C2.663%2C1.908v1.673c0%2C1.896%2C0.583%2C2.838%2C2.101%2C3.167c-0.121%2C0.415-0.304%2C0.787-0.535%2C1.116h-8.11V29.762%0D%0A%09%09%09%09%09z%22/%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M20%2C5.572c-0.761%2C0-1.506%2C0.06-2.235%2C0.174c2.508%2C0.229%2C3.246%2C1.041%2C4.56%2C1.041%0D%0A%09%09%09%09%09c0.348%2C0%2C0.525-0.087%2C0.788-0.44h0.699l0.744%2C5.606l-0.995-0.05c-0.169-0.44-0.392-0.868-0.655-1.277%0D%0A%09%09%09%09%09c-0.066-0.104-0.138-0.207-0.212-0.312c-0.007-0.007-0.012-0.015-0.018-0.022c-0.072-0.101-0.146-0.198-0.22-0.295%0D%0A%09%09%09%09%09c-1.494-1.904-3.84-3.253-5.68-3.253c-2.886%2C0-4.896%2C1.677-4.896%2C4.147c0%2C2.472%2C2.184%2C4.23%2C4.827%2C5.95%0D%0A%09%09%09%09%09c0.426%2C0.278%2C0.863%2C0.556%2C1.307%2C0.833c0.445%2C0.28%2C0.894%2C0.561%2C1.342%2C0.848c0.004%2C0.004%2C0.007%2C0.007%2C0.013%2C0.008%0D%0A%09%09%09%09%09c0.055%2C0.036%2C0.109%2C0.07%2C0.164%2C0.104c0%2C0%2C0%2C0%2C0.002%2C0c3.282%2C2.116%2C6.379%2C4.509%2C6.379%2C8.324c0%2C1.242-0.316%2C2.395-0.889%2C3.405%0D%0A%09%09%09%09%09c0%2C0%2C0%2C0-0.001%2C0c-1.179%2C2.089-3.446%2C3.569-6.281%2C4.003c0.416%2C0.038%2C0.833%2C0.06%2C1.256%2C0.06c7.967%2C0%2C14.426-6.459%2C14.426-14.426%0D%0A%09%09%09%09%09S27.968%2C5.572%2C20%2C5.572z%20M19.37%2C10.7v6.64c-0.208-0.13-0.414-0.26-0.619-0.39c-0.704-0.438-1.395-0.873-2.044-1.312v-1.933%0D%0A%09%09%09%09%09c0-1.84-0.225-2.81-2.472-2.81h-1.121v-0.614c0.898-0.03%2C3.11-0.16%2C4.04-0.192c1.291-0.049%2C2.94-0.078%2C3.971-0.09%0D%0A%09%09%09%09%09c0.188%2C0.193%2C0.369%2C0.398%2C0.535%2C0.61C20.941%2C10.627%2C19.998%2C10.674%2C19.37%2C10.7z%20M26.211%2C30.237%0D%0A%09%09%09%09%09c0.278-0.614%2C0.481-1.265%2C0.597-1.948c1.237-0.999%2C1.669-2.535%2C1.669-4.029c0-2.474-1.892-5.011-5.643-5.011h-0.638%0D%0A%09%09%09%09%09c-0.28-0.21-0.563-0.413-0.853-0.614h1.523c3.078%2C0%2C4.618-1.221%2C4.618-3.724c0-1.446-0.559-2.812-2.003-3.605l-0.143-1.08%0D%0A%09%09%09%09%09c1.33%2C0.207%2C2.415%2C0.549%2C3.074%2C1.025c1.313%2C0.937%2C1.955%2C2.034%2C1.955%2C3.586c0%2C1.841-1.505%2C3.552-3.656%2C3.94v0.068%0D%0A%09%09%09%09%09c3.013%2C0.901%2C4.778%2C2.873%2C4.778%2C5.391C31.491%2C26.496%2C30.108%2C29.562%2C26.211%2C30.237z%22/%3E%0D%0A%09%09%09%3C/g%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M20%2C37.87c-9.853%2C0-17.871-8.016-17.871-17.87S10.148%2C2.13%2C20%2C2.13c9.853%2C0%2C17.869%2C8.016%2C17.869%2C17.87%0D%0A%09%09%09%09S29.854%2C37.87%2C20%2C37.87z%20M20%2C2.974C10.612%2C2.974%2C2.974%2C10.611%2C2.974%2C20c0%2C9.388%2C7.639%2C17.025%2C17.027%2C17.025%0D%0A%09%09%09%09c9.389%2C0%2C17.026-7.638%2C17.026-17.025C37.026%2C10.611%2C29.39%2C2.974%2C20%2C2.974z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M20%2C39.001C9.523%2C39.001%2C1%2C30.476%2C1%2C20C1%2C9.522%2C9.523%2C0.999%2C20%2C0.999c10.475%2C0%2C19%2C8.523%2C19%2C19.001%0D%0A%09%09%09%09C39%2C30.476%2C30.476%2C39.001%2C20%2C39.001z%20M20%2C1.398C9.744%2C1.398%2C1.399%2C9.743%2C1.399%2C20S9.744%2C38.602%2C20%2C38.602%0D%0A%09%09%09%09C30.256%2C38.602%2C38.6%2C30.257%2C38.6%2C20S30.256%2C1.398%2C20%2C1.398z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  header .logo {
    width: 65px;
    height: 65px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2265px%22%20height%3D%2265px%22%20viewBox%3D%220%200%2065%2065%22%20enable-background%3D%22new%200%200%2065%2065%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20opacity%3D%220.97%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M13.24%2C44.252h1.375c1.521%2C6.51%2C6.593%2C10.314%2C12.248%2C10.314c3.655%2C0%2C7.474-1.616%2C9.138-4.883%0D%0A%09%09%09%09%09c0.255-0.5%2C0.457-1.041%2C0.604-1.615c0.164-0.664%2C0.256-1.371%2C0.256-2.133c0-3.27-2.272-5.851-5.406-8.236%0D%0A%09%09%09%09%09c-1.009-0.77-2.107-1.52-3.249-2.264c-0.011-0.011-0.022-0.019-0.038-0.025c-0.368-0.241-0.745-0.482-1.121-0.725%0D%0A%09%09%09%09%09C20.56%2C30.534%2C13.25%2C26.319%2C13.25%2C19.193c0-0.325%2C0.019-0.644%2C0.052-0.958c-2.963%2C3.982-4.719%2C8.918-4.719%2C14.265%0D%0A%09%09%09%09%09c0%2C5.544%2C1.891%2C10.646%2C5.062%2C14.704L13.24%2C44.252z%20M20.606%2C48.684h1.221c4.363%2C0%2C5.213-1.019%2C5.213-4.391l0%2C0v-7.629%0D%0A%09%09%09%09%09c1.611%2C1.046%2C3.133%2C2.087%2C4.415%2C3.164v2.773c0%2C3.142%2C0.967%2C4.705%2C3.482%2C5.25c-0.199%2C0.689-0.502%2C1.306-0.886%2C1.851H20.606%0D%0A%09%09%09%09%09V48.684z%22/%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M32.501%2C8.58c-1.262%2C0-2.497%2C0.099-3.706%2C0.289c4.157%2C0.379%2C5.381%2C1.726%2C7.561%2C1.726%0D%0A%09%09%09%09%09c0.576%2C0%2C0.871-0.145%2C1.306-0.73h1.159l1.234%2C9.294l-1.65-0.083c-0.28-0.73-0.649-1.439-1.086-2.117%0D%0A%09%09%09%09%09c-0.111-0.172-0.229-0.343-0.352-0.516c-0.012-0.011-0.019-0.024-0.029-0.037c-0.119-0.167-0.242-0.329-0.364-0.489%0D%0A%09%09%09%09%09c-2.479-3.157-6.367-5.393-9.417-5.393c-4.784%2C0-8.118%2C2.78-8.118%2C6.875c0%2C4.098%2C3.62%2C7.015%2C8.003%2C9.866%0D%0A%09%09%09%09%09c0.706%2C0.46%2C1.431%2C0.92%2C2.167%2C1.38c0.738%2C0.465%2C1.482%2C0.929%2C2.226%2C1.406c0.006%2C0.006%2C0.012%2C0.011%2C0.021%2C0.013%0D%0A%09%09%09%09%09c0.091%2C0.059%2C0.181%2C0.116%2C0.271%2C0.172c0%2C0%2C0%2C0%2C0.003%2C0c5.441%2C3.508%2C10.576%2C7.474%2C10.576%2C13.8c0%2C2.06-0.525%2C3.97-1.472%2C5.646%0D%0A%09%09%09%09%09c0%2C0%2C0%2C0-0.002%2C0c-1.955%2C3.463-5.715%2C5.918-10.414%2C6.637c0.689%2C0.062%2C1.382%2C0.098%2C2.083%2C0.098%0D%0A%09%09%09%09%09c13.208%2C0%2C23.917-10.709%2C23.917-23.917S45.709%2C8.58%2C32.501%2C8.58z%20M31.455%2C17.082V28.09c-0.345-0.216-0.686-0.43-1.026-0.646%0D%0A%09%09%09%09%09c-1.167-0.727-2.312-1.448-3.389-2.174v-3.204c0-3.05-0.373-4.658-4.098-4.658h-1.859V16.39c1.489-0.051%2C5.157-0.266%2C6.698-0.32%0D%0A%09%09%09%09%09c2.141-0.08%2C4.875-0.129%2C6.584-0.148c0.312%2C0.32%2C0.611%2C0.66%2C0.887%2C1.011C34.061%2C16.961%2C32.497%2C17.038%2C31.455%2C17.082z%0D%0A%09%09%09%09%09%20M42.798%2C49.473c0.461-1.019%2C0.798-2.098%2C0.988-3.23c2.052-1.657%2C2.767-4.204%2C2.767-6.68c0-4.102-3.136-8.308-9.354-8.308%0D%0A%09%09%09%09%09h-1.058c-0.464-0.348-0.934-0.685-1.412-1.017h2.524c5.104%2C0%2C7.656-2.024%2C7.656-6.175c0-2.397-0.925-4.662-3.319-5.976%0D%0A%09%09%09%09%09l-0.236-1.791c2.205%2C0.343%2C4.004%2C0.909%2C5.095%2C1.699c2.178%2C1.554%2C3.243%2C3.372%2C3.243%2C5.946c0%2C3.052-2.496%2C5.888-6.062%2C6.533v0.112%0D%0A%09%09%09%09%09c4.994%2C1.495%2C7.922%2C4.764%2C7.922%2C8.938C51.552%2C43.27%2C49.259%2C48.354%2C42.798%2C49.473z%22/%3E%0D%0A%09%09%09%3C/g%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M32.501%2C62.127c-16.335%2C0-29.629-13.29-29.629-29.627S16.166%2C2.874%2C32.501%2C2.874%0D%0A%09%09%09%09S62.125%2C16.163%2C62.125%2C32.5S48.836%2C62.127%2C32.501%2C62.127z%20M32.501%2C4.272C16.936%2C4.272%2C4.272%2C16.935%2C4.272%2C32.5%0D%0A%09%09%09%09c0%2C15.564%2C12.664%2C28.227%2C28.229%2C28.227c15.565%2C0%2C28.228-12.662%2C28.228-28.227C60.729%2C16.935%2C48.066%2C4.272%2C32.501%2C4.272z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M32.501%2C64.001C15.13%2C64.001%2C1%2C49.868%2C1%2C32.5C1%2C15.13%2C15.13%2C0.999%2C32.501%2C0.999%0D%0A%09%09%09%09C49.867%2C0.999%2C64%2C15.13%2C64%2C32.5C64%2C49.868%2C49.867%2C64.001%2C32.501%2C64.001z%20M32.501%2C1.661C15.496%2C1.661%2C1.662%2C15.495%2C1.662%2C32.5%0D%0A%09%09%09%09s13.834%2C30.839%2C30.839%2C30.839c17.003%2C0%2C30.836-13.834%2C30.836-30.839S49.504%2C1.661%2C32.501%2C1.661z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
  }
}

#logo-white {
  display: none;
}

/* home page nav overrides */
@media screen and (min-width: 1024px) {
  header.home-nav {
    background-color: transparent;
    position: absolute;
  }
  header.home-nav .logo {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2015.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2265px%22%20height%3D%2265px%22%20viewBox%3D%220%200%2065%2065%22%20enable-background%3D%22new%200%200%2065%2065%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20opacity%3D%220.97%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.24%2C44.252h1.375c1.521%2C6.51%2C6.593%2C10.314%2C12.248%2C10.314c3.655%2C0%2C7.474-1.616%2C9.138-4.883%0D%0A%09%09%09%09%09c0.255-0.5%2C0.457-1.041%2C0.604-1.615c0.164-0.664%2C0.256-1.371%2C0.256-2.133c0-3.269-2.272-5.85-5.406-8.236%0D%0A%09%09%09%09%09c-1.009-0.77-2.107-1.52-3.249-2.264c-0.011-0.01-0.022-0.018-0.038-0.025c-0.368-0.241-0.745-0.482-1.121-0.725%0D%0A%09%09%09%09%09C20.56%2C30.534%2C13.25%2C26.319%2C13.25%2C19.193c0-0.325%2C0.019-0.644%2C0.052-0.958c-2.963%2C3.982-4.719%2C8.918-4.719%2C14.265%0D%0A%09%09%09%09%09c0%2C5.544%2C1.891%2C10.646%2C5.062%2C14.704L13.24%2C44.252z%20M20.606%2C48.684h1.221c4.363%2C0%2C5.213-1.019%2C5.213-4.391l0%2C0v-7.629%0D%0A%09%09%09%09%09c1.611%2C1.046%2C3.133%2C2.087%2C4.415%2C3.164v2.773c0%2C3.142%2C0.967%2C4.705%2C3.482%2C5.25c-0.199%2C0.69-0.502%2C1.306-0.885%2C1.851H20.606V48.684%0D%0A%09%09%09%09%09z%22/%3E%0D%0A%09%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M32.501%2C8.58c-1.262%2C0-2.497%2C0.099-3.706%2C0.289c4.157%2C0.379%2C5.381%2C1.726%2C7.561%2C1.726%0D%0A%09%09%09%09%09c0.576%2C0%2C0.871-0.145%2C1.305-0.73h1.16l1.234%2C9.294l-1.65-0.083c-0.281-0.73-0.65-1.439-1.086-2.117%0D%0A%09%09%09%09%09c-0.112-0.172-0.229-0.343-0.352-0.516c-0.012-0.011-0.019-0.024-0.029-0.037c-0.119-0.167-0.242-0.329-0.365-0.489%0D%0A%09%09%09%09%09c-2.479-3.157-6.367-5.393-9.417-5.393c-4.784%2C0-8.118%2C2.78-8.118%2C6.875c0%2C4.098%2C3.62%2C7.015%2C8.003%2C9.866%0D%0A%09%09%09%09%09c0.706%2C0.46%2C1.431%2C0.92%2C2.167%2C1.38c0.738%2C0.465%2C1.482%2C0.929%2C2.226%2C1.406c0.006%2C0.006%2C0.012%2C0.011%2C0.021%2C0.013%0D%0A%09%09%09%09%09c0.091%2C0.059%2C0.181%2C0.116%2C0.271%2C0.172c0%2C0%2C0%2C0%2C0.003%2C0c5.441%2C3.508%2C10.575%2C7.474%2C10.575%2C13.8c0%2C2.06-0.525%2C3.97-1.471%2C5.646%0D%0A%09%09%09%09%09c0%2C0%2C0%2C0-0.002%2C0c-1.955%2C3.463-5.715%2C5.918-10.414%2C6.637c0.689%2C0.061%2C1.382%2C0.097%2C2.083%2C0.097%0D%0A%09%09%09%09%09c13.208%2C0%2C23.917-10.709%2C23.917-23.917S45.709%2C8.58%2C32.501%2C8.58z%20M31.455%2C17.082V28.09c-0.345-0.216-0.686-0.43-1.026-0.646%0D%0A%09%09%09%09%09c-1.167-0.727-2.312-1.448-3.389-2.174v-3.204c0-3.05-0.373-4.658-4.098-4.658h-1.859V16.39c1.489-0.051%2C5.157-0.266%2C6.698-0.32%0D%0A%09%09%09%09%09c2.141-0.08%2C4.875-0.129%2C6.584-0.148c0.312%2C0.32%2C0.611%2C0.66%2C0.887%2C1.011C34.061%2C16.961%2C32.497%2C17.038%2C31.455%2C17.082z%0D%0A%09%09%09%09%09%20M42.798%2C49.473c0.461-1.019%2C0.798-2.098%2C0.988-3.231c2.052-1.657%2C2.767-4.204%2C2.767-6.679c0-4.102-3.136-8.308-9.355-8.308%0D%0A%09%09%09%09%09h-1.057c-0.464-0.348-0.934-0.685-1.412-1.017h2.524c5.104%2C0%2C7.656-2.024%2C7.656-6.175c0-2.397-0.925-4.662-3.319-5.976%0D%0A%09%09%09%09%09l-0.236-1.791c2.205%2C0.343%2C4.004%2C0.909%2C5.094%2C1.699c2.178%2C1.554%2C3.244%2C3.372%2C3.244%2C5.946c0%2C3.052-2.496%2C5.888-6.062%2C6.533v0.112%0D%0A%09%09%09%09%09c4.994%2C1.495%2C7.922%2C4.764%2C7.922%2C8.938C51.552%2C43.27%2C49.259%2C48.354%2C42.798%2C49.473z%22/%3E%0D%0A%09%09%09%3C/g%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M32.501%2C62.127c-16.335%2C0-29.629-13.29-29.629-29.627S16.166%2C2.874%2C32.501%2C2.874%0D%0A%09%09%09%09S62.125%2C16.163%2C62.125%2C32.5S48.836%2C62.127%2C32.501%2C62.127z%20M32.501%2C4.272C16.936%2C4.272%2C4.272%2C16.935%2C4.272%2C32.5%0D%0A%09%09%09%09c0%2C15.564%2C12.664%2C28.227%2C28.229%2C28.227c15.565%2C0%2C28.228-12.662%2C28.228-28.227C60.729%2C16.935%2C48.066%2C4.272%2C32.501%2C4.272z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M32.501%2C64.001C15.13%2C64.001%2C1%2C49.868%2C1%2C32.5C1%2C15.13%2C15.13%2C0.999%2C32.501%2C0.999%0D%0A%09%09%09%09C49.867%2C0.999%2C64%2C15.13%2C64%2C32.5C64%2C49.868%2C49.867%2C64.001%2C32.501%2C64.001z%20M32.501%2C1.661C15.496%2C1.661%2C1.662%2C15.495%2C1.662%2C32.5%0D%0A%09%09%09%09s13.834%2C30.839%2C30.839%2C30.839c17.003%2C0%2C30.836-13.834%2C30.836-30.839S49.504%2C1.661%2C32.501%2C1.661z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
    background-repeat: no-repeat;
  }
  header.home-nav .header-nav ul li a {
    color: #fff;
  }
}

/*///////////////////////*/
/* About Page Styles */
/*///////////////////////*/
#testimonials {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #0055A5;
  color: #fff;
}
@media screen and (min-width: 580px) {
  #testimonials {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #testimonials {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

#completed {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  #completed {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #completed {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
#completed .column {
  margin-bottom: 0;
}

#information-company {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (min-width: 580px) {
  #information-company {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #information-company {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

#staff {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (min-width: 580px) {
  #staff {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #staff {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
#staff.shortened .magic-container {
  max-height: 2000px;
  overflow: hidden;
}
@media screen and (min-width: 580px) {
  #staff.shortened .magic-container {
    max-height: none;
  }
}
#staff .box {
  position: relative;
  overflow: hidden;
}
#staff .image {
  overflow: hidden;
  position: relative;
}
#staff .image img {
  transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
#staff .image.scaleup img {
  transform: scale(1.1, 1.1);
}
#staff .image-overlay {
  display: none;
  position: absolute;
  top: -600px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: table;
  z-index: 999;
}
#staff .image-overlay .image-overlay-text {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
}
#staff .image-overlay .image-overlay-text img {
  margin-bottom: 10px;
}
#staff .bio {
  display: none;
}
#staff .bio p {
  font-size: 12px;
  font-size: 1.2rem;
}
#staff .readbio {
  margin: 10px 0;
  float: left;
  width: 100%;
  padding: 14px 0;
  background-color: #efefef;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}

.show-more-btn {
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 580px) {
  .show-more-btn {
    display: none;
  }
}
.show-more-btn a {
  float: left;
  background: #efefef;
  text-decoration: none;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 12px;
  font-size: 1.2rem;
  transition: all 0.3s ease;
  box-shadow: 0px -15px 15px rgba(0, 0, 0, 0.2), 0 0 0 #888, 0 0 0 #888, 0 0 0 #888;
}

.title-left-testimonial {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.title-left-testimonial:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .title-left-testimonial {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .title-left-testimonial:last-child {
    margin-right: 0;
  }
}

.title-right-testimonial {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  text-align: left;
}
.title-right-testimonial a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  text-decoration: none;
}
.title-right-testimonial:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .title-right-testimonial {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-top: 20px;
    margin-bottom: 100px;
    text-align: right;
  }
  .title-right-testimonial:last-child {
    margin-right: 0;
  }
}

/*///////////////////////*/
/* Staff Panel */
/*///////////////////////*/
#staff-panel {
  background-color: rgba(255, 255, 255, 0.96);
  height: 100%;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 9999999;
}
#staff-panel .staff-close {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}
#staff-panel .staff-image {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
#staff-panel .staff-image:last-child {
  margin-right: 0;
}
#staff-panel .staff-image img {
  width: 80%;
}
#staff-panel .staff-text {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
#staff-panel .staff-text:last-child {
  margin-right: 0;
}
#staff-panel .info-icon {
  display: none;
}

.hasbio {
  cursor: pointer;
}

.readbio {
  display: block;
}
@media screen and (min-width: 580px) {
  .readbio {
    display: none;
  }
}

#process-title {
  padding: 125px 0 40px;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  #process-title {
    padding: 200px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  #process-title {
    padding: 250px 0 0;
  }
}
#process-title h1 {
  color: #333;
  border-color: #333;
}

.process-step {
  padding: 25px 0;
  background-size: 0% auto;
  background-repeat: no-repeat;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  .process-step {
    background-size: 45% auto;
    padding: 100px 0;
  }
}
@media screen and (min-width: 1200px) {
  .process-step {
    padding: 200px 0;
  }
}
.process-step:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
}
@media screen and (min-width: 580px) {
  .process-step:after {
    border-left: 2px solid #333;
  }
}
.process-step .number {
  text-align: center;
}
@media screen and (min-width: 580px) {
  .process-step .number {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .process-step .number:last-child {
    margin-right: 0;
  }
}
.process-step .number span {
  border-radius: 200px;
  color: #fff;
  display: none;
  height: 38px;
  width: 55px;
  padding-top: 17px;
  background-color: #333;
  border: 5px solid #efefef;
}
@media screen and (min-width: 580px) {
  .process-step .number span {
    display: inline-block;
  }
}
.process-step.right {
  background-position: left center;
}
@media screen and (min-width: 580px) {
  .process-step.right .number {
    margin-left: 42.6490214991%;
  }
}
@media screen and (min-width: 580px) {
  .process-step.right .content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .process-step.right .content:last-child {
    margin-right: 0;
  }
}
.process-step.left {
  background-position: right center;
}
@media screen and (min-width: 580px) {
  .process-step.left .content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .process-step.left .content:last-child {
    margin-right: 0;
  }
}
.process-step.last {
  padding-bottom: 0;
  background-position: bottom center;
}
.process-step.last .number {
  margin-left: 42.6490214991%;
}
@media screen and (min-width: 580px) {
  .process-step.last .number {
    margin-bottom: 40px;
  }
}
.process-step.last .content {
  padding-bottom: 50px;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  .process-step.last .content {
    text-align: center;
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .process-step.last .content {
    margin-left: 17.0596085997%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .process-step.last .content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 580px) {
  .process-image-mobile {
    display: none;
  }
}
.process-image-mobile img {
  width: 100%;
}

/*///////////////////////*/
/* Listings */
/*///////////////////////*/
.carousel-container {
  width: 90%;
  float: left;
  padding: 40px 5%;
  background-color: #efefef;
  margin-top: 40px;
}
@media screen and (min-width: 580px) {
  .carousel-container {
    width: 60%;
    padding: 60px 20%;
  }
}
@media screen and (min-width: 1024px) {
  .carousel-container {
    width: 50%;
    padding: 60px 25%;
  }
}
.carousel-container .carousel-images-wrapper {
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .carousel-container .carousel-images-wrapper {
    display: none;
  }
}
.carousel-container .carousel-images-wrapper .owl-pagination {
  display: none;
}

.featured-image-wrapper {
  display: none;
}
@media screen and (min-width: 1024px) {
  .featured-image-wrapper {
    display: block;
  }
}

#listing-information {
  padding-top: 20px;
  padding-bottom: 40px;
}
@media screen and (min-width: 580px) {
  #listing-information {
    padding-top: 26.6666666667px;
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #listing-information {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
#listing-information .share {
  margin-top: 40px;
}

.listing-specs {
  background-color: #fff;
  width: 100%;
  float: left;
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .listing-specs {
    padding: 80px 0;
  }
}
.listing-specs .listing-specs-detail {
  width: 40%;
  float: left;
  text-align: center;
  padding: 5%;
}
@media screen and (min-width: 1024px) {
  .listing-specs .listing-specs-detail {
    width: 24.5%;
    float: left;
    padding: 0;
    border-right: 1px solid #ccc;
  }
  .listing-specs .listing-specs-detail:last-child {
    border-right: none;
  }
}
.listing-specs .listing-specs-detail a {
  text-decoration: none;
}
.listing-specs .listing-specs-detail h2, .listing-specs .listing-specs-detail h3, .listing-specs .listing-specs-detail div.h2, .listing-specs .listing-specs-detail div.h3 {
  color: #666;
  line-height: 0;
  padding: 25px 0 0px 0;
}
@media screen and (min-width: 1024px) {
  .listing-specs .listing-specs-detail h2, .listing-specs .listing-specs-detail h3, .listing-specs .listing-specs-detail div.h2, .listing-specs .listing-specs-detail div.h3 {
    padding: 45px 0 15px 0;
  }
}
.listing-specs.five-col .listing-specs-detail {
  width: 40%;
}
.listing-specs.five-col .listing-specs-detail.attachments {
  width: 90%;
}
.listing-specs.five-col .listing-specs-detail.attachments .h3 {
  padding-top: 25px;
  line-height: 1;
  margin: 0;
}
.listing-specs.five-col .listing-specs-detail.attachments p {
  margin-bottom: 0;
}
.listing-specs.five-col .listing-specs-detail.attachments p a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .listing-specs.five-col .listing-specs-detail.attachments {
    width: 19.5%;
  }
}
@media screen and (min-width: 1024px) {
  .listing-specs.five-col .listing-specs-detail {
    width: 19.5%;
  }
}

#listing-nextprev {
  padding-top: 40px;
  padding-bottom: 0px;
}
@media screen and (min-width: 580px) {
  #listing-nextprev {
    padding-top: 53.3333333333px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  #listing-nextprev {
    padding-top: 80px;
    padding-bottom: 0px;
  }
}

.listingnextprev {
  background-color: #efefef;
}
.listingnextprev .content {
  float: left;
  width: 100%;
  padding: 80px 15%;
  width: 70%;
}
.listingnextprev .content .thumb {
  float: left;
  margin-right: 10%;
  width: 30%;
}
.listingnextprev .content .thumb img {
  width: 100%;
}
.listingnextprev .content .info {
  float: left;
  width: 60%;
}
.listingnextprev .content .info p {
  color: #999;
}
.listingnextprev#listing-next .thumb {
  float: right;
  margin-right: 0;
  margin-left: 10%;
}
.listingnextprev#listing-next .info {
  float: left;
  text-align: right;
}

#image-featured {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#image-featured img {
  width: 100%;
}
#image-featured .image-magnify {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 999;
}

#image-strip {
  float: left;
  width: 100%;
}
#image-strip .item {
  opacity: 0.85;
  float: left;
  width: 8%;
  margin-right: 2%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
#image-strip .item img {
  width: 100%;
}
#image-strip .item:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(100%);
  opacity: 1;
}

.listing-item-small {
  line-height: 1.4;
}
.listing-item-small a {
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.listing-item-small a:hover {
  text-decoration: underline;
}

.listing-item-med {
  font-size: 1.7rem;
}
.listing-item-med.extra-bottom {
  margin-bottom: 10px;
}

.card-link {
  text-decoration: none !important;
}
.card-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.listing-columns {
  background-color: #fff;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.listing-columns:last-child {
  margin-right: 0;
}
.listing-columns h3, .listing-columns .map-wrapper div.h3, .map-wrapper .listing-columns div.h3 {
  padding-bottom: 30px;
}

.agent-image-contact {
  float: left;
  width: 70px;
}
.agent-image-contact img {
  width: 100%;
  border-radius: 100px;
}

.agent-contact-text {
  float: left;
  padding: 0 0 40px 25px;
}
.agent-contact-text p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #333;
}

.listing-form {
  width: 100% !important;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
#listing-embed {
  padding: 50px 0 0;
}
#listing-embed h2, #listing-embed p {
  margin: 0 auto;
  max-width: 650px;
  text-align: center;
}
#listing-embed .listing-embed-wrapper {
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  #listing-embed .listing-embed-wrapper {
    flex-wrap: nowrap;
  }
}
#listing-embed .listing-embed-wrapper div {
  width: 100%;
  margin: 0 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
  #listing-embed .listing-embed-wrapper div {
    width: 50% !important;
  }
}
#listing-embed .listing-embed-wrapper div iframe {
  width: 100%;
}

#additional-attachments {
  padding: 12px 0;
}
#additional-attachments p {
  color: black;
  padding-bottom: 8px;
}
#additional-attachments .button {
  background-color: #171796;
  border: 2px solid #171796;
  color: white;
  border-radius: 100px;
  padding: 12px 20px;
  text-decoration: none;
  font-size: 1.2rem;
  transition: all 250ms;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-right: 6px;
  display: inline-block;
}
#additional-attachments .button:hover {
  background-color: white;
  color: #171796;
}

#news {
  background-color: #efefef;
  padding-top: 30px;
  padding-bottom: 0px;
}
@media screen and (min-width: 580px) {
  #news {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  #news {
    padding-top: 60px;
    padding-bottom: 0px;
  }
}
#news .box {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
#news .box:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  #news .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  #news .box:last-child {
    margin-right: 0;
  }
  #news .box:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1800px) {
  #news .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  #news .box:nth-child(even) {
    margin-right: 2.3576515979%;
  }
  #news .box:nth-child(3n) {
    margin-right: 0;
  }
  #news .box:last-child {
    margin-right: 0;
  }
}

#pagination {
  background-color: #efefef;
  padding-top: 30px;
  padding-bottom: 60px;
}
@media screen and (min-width: 580px) {
  #pagination {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  #pagination {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}

.pagination {
  float: left;
  width: 100%;
}
.pagination a {
  text-decoration: none;
  color: #333;
}
.pagination .prev-link {
  text-align: left;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.pagination .prev-link:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .pagination .prev-link {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .pagination .prev-link:last-child {
    margin-right: 0;
  }
}
.pagination .next-link {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.pagination .next-link:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .pagination .next-link {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    text-align: right;
  }
  .pagination .next-link:last-child {
    margin-right: 0;
  }
}

.article-wrapper {
  float: left;
  width: 100%;
  background-color: #efefef;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (min-width: 580px) {
  .article-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .article-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.article-featured-image {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 30px;
}
.article-featured-image:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .article-featured-image {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .article-featured-image {
    padding-top: 0px;
    padding-bottom: 60px;
  }
}
.article-featured-image img {
  width: 100%;
  height: auto;
}

.article-sidebar {
  padding-top: 0px;
  padding-bottom: 10px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .article-sidebar {
    padding-top: 0px;
    padding-bottom: 13.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  .article-sidebar {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}
.article-sidebar:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .article-sidebar {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .article-sidebar:last-child {
    margin-right: 0;
  }
}
.article-sidebar .tags {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.article-sidebar .tags a {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  background-color: #fff;
  padding: 10px;
  text-decoration: none;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  background: url("../img/tag.png") no-repeat right center;
  padding-right: 30px;
}
.article-sidebar .social {
  float: left;
  width: 100%;
  display: none;
}

.article {
  padding-top: 0px;
  padding-bottom: 30px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .article {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .article {
    padding-top: 0px;
    padding-bottom: 60px;
  }
}
.article:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .article {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .article:last-child {
    margin-right: 0;
  }
}

.single-post h1 {
  text-transform: none;
}

.single-post .article p img, .single-post .article div img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .single-post .article p img.alignleft, .single-post .article div img.alignleft {
    float: left;
    width: auto;
    margin-right: 40px;
  }
  .single-post .article p img.alignright, .single-post .article div img.alignright {
    float: right;
    width: auto;
    margin-left: 40px;
  }
}

.single-post .article div {
  width: 100% !important;
}

#news .box {
  transition: box-shadow 0.25s ease;
}
#news .box:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}
#news .box .image iframe {
  width: 100%;
  display: block;
  height: 300px;
}
@media screen and (min-width: 580px) {
  #news .box .image iframe {
    height: 450px;
  }
}
@media screen and (min-width: 1024px) {
  #news .box .image iframe {
    height: 400px;
  }
}

.single-post .article div.post-gallery {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.single-post .article div.post-gallery .post-gallery-item {
  float: left;
  width: 31%;
  margin-right: 2%;
}
.single-post .article div.post-gallery .post-gallery-item img {
  width: 100% !important;
}
@media screen and (min-width: 580px) {
  .single-post .article div.post-gallery .post-gallery-item {
    width: 23% !important;
  }
}
@media screen and (min-width: 1024px) {
  .single-post .article div.post-gallery .post-gallery-item {
    width: 18% !important;
  }
}

.blog .title-left {
  width: 100%;
  text-align: center;
}
.blog .grid .info-full a {
  text-decoration: none;
}

#faq {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #efefef;
}
@media screen and (min-width: 580px) {
  #faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  #faq {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 580px) {
  #faq {
    padding-top: 0;
  }
}
#faq .question-wrapper {
  float: left;
  width: 100%;
  border-bottom: 1px solid #999;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media screen and (min-width: 580px) {
  #faq .question-wrapper {
    padding-top: 53.3333333333px;
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (min-width: 1024px) {
  #faq .question-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
#faq .question-wrapper .question {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
#faq .question-wrapper .question:last-child {
  margin-right: 0;
}
#faq .question-wrapper .question h3, #faq .question-wrapper .question .map-wrapper div.h3, .map-wrapper #faq .question-wrapper .question div.h3 {
  margin-bottom: 0;
}
#faq .question-wrapper .question-arrow {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  text-align: right;
}
#faq .question-wrapper .question-arrow:last-child {
  margin-right: 0;
}
#faq .question-wrapper .answer {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  display: none;
}
#faq .question-wrapper .answer:last-child {
  margin-right: 0;
}

#community-nav {
  padding-top: 20px;
  padding-bottom: 0px;
}
@media screen and (min-width: 580px) {
  #community-nav {
    padding-top: 26.6666666667px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  #community-nav {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}

#community-info {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media screen and (min-width: 580px) {
  #community-info {
    padding-top: 26.6666666667px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  #community-info {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

#community-forsale, #community-build, .community-section.map, .community-section.amenities, .community-section.preferred-partners {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media screen and (min-width: 580px) {
  #community-forsale, #community-build, .community-section.map, .community-section.amenities, .community-section.preferred-partners {
    padding-top: 26.6666666667px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  #community-forsale, #community-build, .community-section.map, .community-section.amenities, .community-section.preferred-partners {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

.amenities-list {
  margin: 0 auto;
  display: grid;
  list-style: none;
  gap: 1rem;
}
@media screen and (min-width: 580px) {
  .amenities-list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 980px;
    gap: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .amenities-list {
    gap: 3rem;
  }
}
.amenities-list .amenity-item {
  padding-left: 3rem;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}
.amenities-list .amenity-item::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border: 1.5px solid #686868;
  border-radius: 100%;
  top: 0.75rem;
  left: 0;
}
@media screen and (min-width: 1200px) {
  .amenities-list .amenity-item::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.listings .box {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.listings .box:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .listings .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
  }
  .listings .box:last-child {
    margin-right: 0;
  }
  .listings .box:nth-child(2n) {
    margin-right: 0;
  }
  .listings .box:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 1200px) {
  .listings .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .listings .box:last-child {
    margin-right: 0;
  }
  .listings .box:nth-child(2n) {
    margin-right: 2.3576515979%;
  }
  .listings .box:nth-child(2n+1) {
    clear: none;
  }
  .listings .box:nth-child(3n) {
    margin-right: 0;
  }
  .listings .box:nth-child(3n+1) {
    clear: both;
  }
}
@media screen and (min-width: 580px) {
  .listings .box:hover {
    z-index: 99;
    -webkit-transform: scale(1.075, 1.075);
    -moz-transform: scale(1.075, 1.075);
  }
}

.preferred-partners .partners-wrapper {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.preferred-partners .partners-wrapper .partner-item {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #efefef;
  padding: 32px 20px;
}
@media screen and (min-width: 580px) {
  .preferred-partners .partners-wrapper .partner-item {
    width: calc(50% - 16px);
  }
}
@media screen and (min-width: 1200px) {
  .preferred-partners .partners-wrapper .partner-item {
    width: calc(25% - ((32px / 4) * 3));
  }
}
.preferred-partners .partners-wrapper .partner-item .partner-item-img {
  width: 80%;
  aspect-ratio: 16/9;
  margin: 0 auto 32px;
}
.preferred-partners .partners-wrapper .partner-item .partner-item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.preferred-partners .partners-wrapper .partner-item .partner-item-info {
  text-align: center;
}
.preferred-partners .partners-wrapper .partner-item .partner-item-info .partner-item-title {
  font-weight: 600;
  margin: 0 0 12px;
}
.preferred-partners .partners-wrapper .partner-item .partner-item-info .partner-item-contact {
  margin: 0;
  font-size: 14px;
}

/* sort */
.search-bar {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-bottom: 30px;
}
.search-bar:last-child {
  margin-right: 0;
}

.sort {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-bottom: 10px;
}
.sort:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .sort {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-bottom: 0;
  }
  .sort:last-child {
    margin-right: 0;
  }
}

.search {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  text-align: left;
}
.search:last-child {
  margin-right: 0;
}
.search .search-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 40px 0;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .search .search-header {
    padding: 60px;
    gap: 3rem;
  }
}
.search .search-header h1 {
  margin: 0;
}
.search .search-header form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media screen and (min-width: 580px) {
  .search .search-header form {
    gap: 3rem;
  }
}
.search .search-header form input[type=search] {
  border: 2px solid #999;
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
}
@media screen and (min-width: 580px) {
  .search .search-header form input[type=search] {
    padding: 10px 14px;
  }
}
.search .search-header form input[type=submit] {
  padding: 8px 15px;
  font-size: 1em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  border: 0;
  cursor: pointer;
}
@media screen and (min-width: 580px) {
  .search .search-header form input[type=submit] {
    padding: 13px 25px;
  }
}
.search .search-header .type-list {
  margin: 0 auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .search .search-header .type-list {
    gap: 2rem;
  }
}
.search .search-header .type-list li {
  display: block;
  width: auto;
  text-align: center;
}
.search .search-header .type-list li a:hover {
  text-decoration: none;
}
.search .search-results .results-grid-container {
  max-width: 900px;
  margin: 0 auto 4rem;
  scroll-margin-top: 75px;
}
@media screen and (min-width: 580px) {
  .search .search-results .results-grid-container {
    margin-bottom: 5rem;
    scroll-margin-top: 100px;
  }
}
.search .search-results .results-grid-container h2 {
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
.search .search-results ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
}
@media screen and (min-width: 580px) {
  .search .search-results ul {
    gap: 3rem;
  }
}
.search .search-results ul li article {
  position: relative;
}
.search .search-results ul li article h3, .search .search-results ul li article .map-wrapper div.h3, .map-wrapper .search .search-results ul li article div.h3 {
  font-size: 2rem;
  margin-bottom: 0;
}
@media screen and (min-width: 580px) {
  .search .search-results ul li article h3, .search .search-results ul li article .map-wrapper div.h3, .map-wrapper .search .search-results ul li article div.h3 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .search .search-results ul li article h3, .search .search-results ul li article .map-wrapper div.h3, .map-wrapper .search .search-results ul li article div.h3 {
    font-size: 3rem;
  }
}
.search .search-results ul li article h3 a:hover, .search .search-results ul li article .map-wrapper div.h3 a:hover, .map-wrapper .search .search-results ul li article div.h3 a:hover {
  text-decoration: none;
}
.search .search-results ul li article h3 a::after, .search .search-results ul li article .map-wrapper div.h3 a::after, .map-wrapper .search .search-results ul li article div.h3 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.search .search-results ul li article time {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.search .search-results ul li article *:last-child {
  margin: 0;
}
.search .search-results .navigation {
  max-width: 900px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
}
@media screen and (min-width: 1024px) {
  .search .search-results .navigation {
    padding-top: 60px;
  }
}
.search .search-results .navigation .next-posts, .search .search-results .navigation .prev-posts {
  font-weight: bold;
}
.search .search-results .navigation .next-posts a:hover, .search .search-results .navigation .prev-posts a:hover {
  text-decoration: none;
}
.search .search-results .no-results {
  text-align: center;
}
.search .search-results .no-results h2 {
  font-size: 2rem;
  margin-bottom: 0;
}
@media screen and (min-width: 580px) {
  .search .search-results .no-results h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .search .search-results .no-results h2 {
    font-size: 3rem;
  }
}

/* map */
.firstHeading {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  margin-bottom: 5px;
}
@media screen and (min-width: 580px) {
  .firstHeading {
    font-size: 20px;
    font-size: 2rem;
  }
}

#bodyContent {
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
}
#bodyContent p {
  line-height: 1.5;
}

.marker-content-wrapper {
  width: 300px;
}

.marker-content {
  float: left;
  width: 180px;
  padding-bottom: 15px;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
}
.marker-content p {
  line-height: 1.5;
}

.marker-image {
  float: left;
  padding-right: 20px;
}

#content {
  padding: 10px;
  text-align: left;
}
@media screen and (min-width: 580px) {
  #content {
    padding: 30px 20px 20px;
  }
}

#map-canvas {
  width: 100%;
  height: 300px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 580px) {
  #map-canvas {
    height: 700px;
  }
}

#communities {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 580px) {
  #communities {
    padding-top: 66.6666666667px;
    padding-bottom: 66.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  #communities {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
#communities h3, #communities .map-wrapper div.h3, .map-wrapper #communities div.h3 {
  color: #fff;
  margin-bottom: 50px;
}

.markerLabel {
  background: #fff;
  color: #333;
  padding: 20px;
  font-size: 1.3em;
  margin-top: -180px;
  margin-left: -100px;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: 0px 0px 4px #ccc;
  text-align: center;
}

#squares-communities {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #efefef;
  z-index: 3;
}
@media screen and (min-width: 580px) {
  #squares-communities {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #squares-communities {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
#squares-communities:nth-child(odd) {
  background-color: #fff;
}
#squares-communities h2 {
  color: #333;
  margin-bottom: 80px;
}
@media screen and (min-width: 580px) {
  #squares-communities h2 {
    text-align: center;
  }
}

.community-section .search-results-title {
  display: none;
}

#completed p a:hover {
  text-decoration: none;
}

.community-logo {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .community-logo {
    text-align: left;
  }
}

.single-communities .title-left p {
  margin-bottom: 5px;
}
.single-communities .title-left p:last-of-type {
  margin-bottom: 15px;
}
.single-communities .owl-controls {
  margin-bottom: 40px;
}
.single-communities .owl-theme .owl-controls .owl-buttons {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .single-communities .owl-theme .owl-controls .owl-buttons {
    margin-top: -30px;
  }
  .single-communities .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 50px;
  }
  .single-communities .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 50px;
  }
}

/*dark theme*/
.dark-theme .darktitle {
  background-color: #333;
}
.dark-theme .darktitle h1 {
  color: #fff;
}
.dark-theme .full {
  background-color: #333;
}
.dark-theme .textnav li a, .dark-theme .textnav li button {
  color: #999;
  border-color: #999;
}
.dark-theme .textnav li a#contact-btn, .dark-theme .textnav li button#contact-btn {
  border: 2px solid #fff;
  background: #fff;
  color: #333;
}
.dark-theme .textnav li.active a {
  background-color: #999;
  color: #333;
}
.dark-theme .textnav li.active a span {
  color: #333;
}
.dark-theme .owl-theme .owl-controls .owl-page {
  border-color: #333;
}
.dark-theme .owl-theme .owl-controls .owl-page.active {
  border-color: #666;
}
.dark-theme .owl-theme .owl-controls .owl-page span {
  background-color: #666;
}
.dark-theme .owl-theme .owl-controls .owl-page.active span {
  background-color: #fff;
}
.dark-theme .owl-theme .owl-controls .owl-buttons div {
  background-color: #999;
  color: #333;
}
.dark-theme .sort label {
  color: #fff;
}
.dark-theme .feature-text h2, .dark-theme .feature-text p, .dark-theme .feature-text h3, .dark-theme .feature-text .map-wrapper div.h3, .map-wrapper .dark-theme .feature-text div.h3, .dark-theme .feature-text a {
  color: #fff;
  text-align: center;
}
.dark-theme .listings .box.item .info {
  background-color: #444;
  color: #fff;
}
.dark-theme .listings .box.item .info a {
  color: #fff;
}
.dark-theme .amenities-list, .dark-theme .description-wrapper {
  color: #fff;
}

.community-feature {
  position: relative;
  padding-bottom: 0 !important;
}
.community-feature .feature-text {
  width: 80%;
  margin: 25px 10%;
  display: block;
  float: left;
}
.community-feature .feature-text h2, .community-feature .feature-text p, .community-feature .feature-text h3, .community-feature .feature-text .map-wrapper div.h3, .map-wrapper .community-feature .feature-text div.h3 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}
.community-feature .feature-text p {
  margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
  .community-feature .feature-text {
    width: 70%;
    margin: 50px 15%;
  }
}
.community-feature .feature-image {
  float: left;
  width: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  min-height: 500px;
}
@media screen and (min-width: 1200px) {
  .community-feature .feature-image {
    background-attachment: fixed;
  }
}
.community-feature .feature-image img {
  opacity: 0;
}
.community-feature .feature-box {
  position: absolute;
  top: 0;
  left: 0%;
  width: 90%;
  padding: 40px 5%;
  font-size: 25px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 1200px) {
  .community-feature .feature-box {
    left: 7.5%;
    width: 30%;
    font-size: 40px;
  }
}
.community-feature .feature-image-full {
  float: left;
  width: 100%;
}
.community-feature .feature-image-full img {
  float: left;
  width: 100%;
}

.feature-pdf-full {
  display: block;
  width: 100%;
  position: relative;
  min-height: 500px;
  height: calc(100lvh - 124px);
  background-color: #F9F9F9;
}
@media screen and (min-width: 1200px) {
  .feature-pdf-full {
    height: 1024px;
  }
}
.feature-pdf-full .pdf-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.feature-embed-full {
  display: block;
  width: 100%;
  position: relative;
  min-height: 500px;
  height: calc(100lvh - 124px);
  background-color: #F9F9F9;
}
@media screen and (min-width: 1200px) {
  .feature-embed-full {
    height: 1024px;
  }
}
.feature-embed-full iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.full-map-link {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}
.full-map-link a {
  text-decoration: underline;
}
.full-map-link a:hover {
  text-decoration: none;
}

.communities-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(80, 80, 80, 0.8);
  z-index: 9999999999;
  display: none;
}
.communities-modal .communities-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  opacity: 0;
  width: 90%;
  max-height: 90%;
  overflow: scroll;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 3px;
  box-shadow: 3px 3px 25px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content {
    flex-direction: row;
    max-width: 1024px;
  }
}
.communities-modal .communities-modal-content .modal-close-link {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-close-link {
    width: 34px;
    height: 34px;
    top: 25px;
    right: 25px;
  }
}
.communities-modal .communities-modal-content .modal-close-link .close-link-image {
  width: 100%;
  height: 100%;
  display: block;
  filter: grayscale(1) brightness(100000);
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-close-link .close-link-image {
    filter: none;
  }
}
.communities-modal .communities-modal-content .modal-close-link .close-link-text {
  font-size: 0;
  line-height: 0;
  color: transparent;
  width: 0;
  height: 0;
  opacity: 0;
}
.communities-modal .communities-modal-content .modal-image {
  width: 100%;
  flex-shrink: 0;
  border-radius: 3px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-image {
    width: 40%;
    aspect-ratio: none;
  }
}
.communities-modal .communities-modal-content .modal-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.communities-modal .communities-modal-content .modal-content {
  width: 100%;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-content {
    padding: 90px 80px;
    gap: 25px;
  }
}
.communities-modal .communities-modal-content .modal-content .community-modal-logo {
  width: 100%;
  display: block;
  max-width: 140px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-content .community-modal-logo {
    max-width: 175px;
  }
}
.communities-modal .communities-modal-content .modal-content .community-modal-logo img {
  width: 100%;
  height: auto;
}
.communities-modal .communities-modal-content .modal-content h1 {
  font-size: 20px;
  line-height: 36px;
  font-style: normal;
  font-weight: 325;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (min-width: 580px) {
  .communities-modal .communities-modal-content .modal-content h1 {
    font-size: 24px;
    line-height: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-content h1 {
    font-size: 28px;
    line-height: 44px;
  }
}
.communities-modal .communities-modal-content .modal-content p {
  margin: 0;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.32px;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-content p {
    font-size: 16px;
    line-height: 32px;
  }
}
.communities-modal .communities-modal-content .modal-content .modal-contact-btn {
  padding: 10px 10px;
  margin-right: 10px;
  border-radius: 100px;
  font-size: 12px;
  font-size: 1.2rem;
  transition: all 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 9px;
  box-sizing: border-box;
  border: 2px solid #171796;
  background: #171796;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .communities-modal .communities-modal-content .modal-content .modal-contact-btn {
    padding: 25px 25px;
    font-size: 11px;
  }
}
.communities-modal .communities-modal-content .modal-content .modal-contact-btn:hover {
  background-color: #fff;
  color: #171796;
}
.communities-modal.communities-modal--active {
  display: block;
  backdrop-filter: blur(2px);
}
.communities-modal.communities-modal--active .communities-modal-content {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: transform 0.75s ease-out, opacity 0.75s ease-out;
}

.community-map-pdf {
  position: relative;
}
.community-map-pdf a.community-map-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

/* sticky form */
.office-modal {
  background-color: rgba(255, 255, 255, 0.98);
  bottom: 0;
  color: #999;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 99999999;
  text-align: center;
}
.office-modal .magic-container {
  padding: 100px 0 50px;
}

.office-modal.open {
  bottom: 0;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.office-modal.closed {
  bottom: -100%;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.office-modal-header {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.office-modal-header:last-child {
  margin-right: 0;
}

.office-modal-title {
  float: left;
  width: 100%;
  padding-top: 30px;
  font-weight: 300;
}
.office-modal-title h3, .office-modal-title .map-wrapper div.h3, .map-wrapper .office-modal-title div.h3 {
  color: #333;
}
.office-modal-title p {
  color: #333;
}

.office-modal-toggle {
  position: absolute;
  width: 55px;
  height: 55px;
  text-align: right;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (min-width: 580px) {
  .office-modal-toggle {
    top: 110px;
  }
}

.office-modal-map {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #686868;
}
.office-modal-map:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .office-modal-map {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .office-modal-map:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .office-modal-map {
    margin-left: 17.0596085997%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .office-modal-map:last-child {
    margin-right: 0;
  }
}

.office-modal-info {
  margin: 25px 0;
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.office-modal-info:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .office-modal-info {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .office-modal-info:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .office-modal-info {
    margin: 40px 0;
    margin-left: 17.0596085997%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .office-modal-info:last-child {
    margin-right: 0;
  }
}

.office-modal-info-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 580px) {
  .office-modal-info-grid {
    flex-direction: row;
  }
}

.office-modal-info-item {
  display: block;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .office-modal-info-item {
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .office-modal-info-item {
    width: calc((100% / 3) - 1.33333rem);
  }
}
.office-modal-info-item h4, .office-modal-info-item .map-wrapper div.h4, .map-wrapper .office-modal-info-item div.h4 {
  font-size: 2rem;
  color: #333;
}
@media screen and (min-width: 1024px) {
  .office-modal-info-item h4, .office-modal-info-item .map-wrapper div.h4, .map-wrapper .office-modal-info-item div.h4 {
    font-size: 2.2rem;
  }
}
.office-modal-info-item p {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.office-modal-toggle .closed {
  display: none;
}

.office-modal-toggle .open {
  display: inline;
}

#squares-gallery {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #efefef;
  z-index: 3;
}
@media screen and (min-width: 580px) {
  #squares-gallery {
    padding-top: 93.3333333333px;
    padding-bottom: 93.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #squares-gallery {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
#squares-gallery:nth-child(odd) {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
}
#squares-gallery h2 {
  color: #333;
  margin-bottom: 80px;
}
@media screen and (min-width: 580px) {
  #squares-gallery h2 {
    text-align: center;
  }
}

.page-template-page-gallery-new, .blog {
  /* ---- isotope ---- */
  /* clear fix */
  /* ---- .grid-item ---- */
}
.page-template-page-gallery-new .grid, .blog .grid {
  background: #fff;
  margin: 0 auto;
  float: left;
  width: 100%;
}
.page-template-page-gallery-new .grid:after, .blog .grid:after {
  content: "";
  display: block;
  clear: both;
}
.page-template-page-gallery-new .grid-sizer,
.page-template-page-gallery-new .grid-item, .blog .grid-sizer,
.blog .grid-item {
  width: 33.333%;
}
.page-template-page-gallery-new .grid-item, .blog .grid-item {
  float: left;
  padding: 20px;
}
.page-template-page-gallery-new .grid-item img, .blog .grid-item img {
  display: block;
  max-width: 100%;
}
.page-template-page-gallery-new .grid-item--width1, .blog .grid-item--width1 {
  width: 33.333%;
}
.page-template-page-gallery-new .grid-item--width2, .blog .grid-item--width2 {
  width: 66.666%;
}
.page-template-page-gallery-new .grid-item--width3, .blog .grid-item--width3 {
  width: 100%;
}
.page-template-page-gallery-new #form-ui, .blog #form-ui {
  float: left;
  width: 100%;
}
.page-template-page-gallery-new #form-ui .filter-label, .blog #form-ui .filter-label {
  float: left;
}
.page-template-page-gallery-new #form-ui .filters, .blog #form-ui .filters {
  float: left;
  width: 100%;
  text-align: center;
  padding: 50px;
}
.page-template-page-gallery-new #form-ui label, .blog #form-ui label {
  font-size: 14px;
  margin: 0 10px;
}
.page-template-page-gallery-new .form-ui .filter-title, .blog .form-ui .filter-title {
  font-weight: bold;
}
.page-template-page-gallery-new input[type=checkbox].css-checkbox, .blog input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.page-template-page-gallery-new input[type=checkbox].css-checkbox + label.css-label, .blog input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 45px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 40px;
  vertical-align: middle;
  cursor: pointer;
}
.page-template-page-gallery-new input[type=checkbox].css-checkbox:checked + label.css-label, .blog input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -40px;
}
.page-template-page-gallery-new label.css-label, .blog label.css-label {
  background-image: url(../img/gallery-checks.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-template-page-gallery-new .gallery-note, .blog .gallery-note {
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.page-template-page-gallery-new .gallery-note p, .blog .gallery-note p {
  margin: 100px 0 140px;
}

.search-step h3, .search-step .map-wrapper div.h3, .map-wrapper .search-step div.h3 {
  margin-bottom: 6px;
}
.search-step h3 span, .search-step .map-wrapper div.h3 span, .map-wrapper .search-step div.h3 span {
  color: #999;
}
.search-step p {
  color: #999;
}
.search-step .search-title {
  margin-bottom: 15px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .search-step .search-title {
    margin-bottom: 30px;
  }
}
.search-step .search-title:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .search-step .search-title {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .search-step .search-title:last-child {
    margin-right: 0;
  }
}
.search-step .search-back {
  display: none;
  text-align: right;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
@media screen and (min-width: 580px) {
  .search-step .search-back {
    margin-top: 35px;
  }
}
.search-step .search-back:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .search-step .search-back {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .search-step .search-back:last-child {
    margin-right: 0;
  }
}
.search-step .search-back a {
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  font-weight: 700;
}
.search-step .search-areas {
  float: left;
  width: 100%;
}
.search-step .box {
  cursor: pointer;
  transition: box-shadow 0.25s ease;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.search-step .box:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.search-step .box:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .search-step .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .search-step .box:last-child {
    margin-right: 0;
  }
}

.homesearch-numbers {
  float: left;
  width: 100%;
  margin: 0;
  text-align: center;
  margin-bottom: 40px;
}
.homesearch-numbers .number {
  display: inline-block;
  text-align: center;
}
.homesearch-numbers .number a {
  float: left;
  height: 38px;
  width: 51px;
  border-radius: 100px;
  border: 2px solid #999;
  color: #999;
  text-align: center;
  padding-top: 13px;
  text-decoration: none;
  background-color: #333;
  margin: 0 60px;
}

#search-step-1 {
  background-color: #efefef;
  padding-top: 100px;
  padding-bottom: 40px;
}
@media screen and (min-width: 580px) {
  #search-step-1 {
    padding-top: 133.3333333333px;
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #search-step-1 {
    padding-top: 200px;
    padding-bottom: 80px;
  }
}

#search-step-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 580px) {
  #search-step-2 {
    padding-top: 53.3333333333px;
    padding-bottom: 53.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  #search-step-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.next-button {
  margin-top: 10px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.next-button:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .next-button {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .next-button:last-child {
    margin-right: 0;
  }
}
.next-button input[type=submit],
.next-button input[type=button],
.next-button a {
  float: left;
  width: 100%;
  padding: 50px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  margin-top: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
  border: 0;
  transition: all 0.3s ease;
}
.next-button input[type=submit]:hover, .next-button input[type=submit]:focus, .next-button input[type=submit]:active,
.next-button input[type=button]:hover,
.next-button input[type=button]:focus,
.next-button input[type=button]:active,
.next-button a:hover,
.next-button a:focus,
.next-button a:active {
  background: #333;
  color: #efefef;
  padding: 70px 0;
}

.dream-form {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.dream-form .form-item {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #efefef;
}
@media screen and (min-width: 1024px) {
  .dream-form .form-item {
    padding: 25px 0;
  }
}
.dream-form .form-item-label {
  margin-bottom: 10px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.dream-form .form-item-label:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .dream-form .form-item-label {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .dream-form .form-item-label:last-child {
    margin-right: 0;
  }
}
.dream-form .form-item-label h4, .dream-form .form-item-label .map-wrapper div.h4, .map-wrapper .dream-form .form-item-label div.h4 {
  margin-bottom: 5px;
}
.dream-form .form-item-label h5 {
  color: #999;
  margin-bottom: 0;
}
.dream-form .form-item-input {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.dream-form .form-item-input:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .dream-form .form-item-input {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .dream-form .form-item-input:last-child {
    margin-right: 0;
  }
}
.dream-form .form-item-input label {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .dream-form .form-item-input label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.dream-form .form-item-input .check {
  float: left;
  width: 100%;
  margin-bottom: 7px;
}
@media screen and (min-width: 580px) {
  .dream-form .form-item-input .check {
    margin-bottom: 15px;
  }
}
.dream-form .form-item-input .check span {
  color: #999;
}
@media screen and (min-width: 580px) {
  .dream-form .form-item-input .check {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .dream-form .form-item-input .check {
    width: 50%;
  }
}
@media screen and (min-width: 1800px) {
  .dream-form .form-item-input .check {
    width: 33%;
  }
}

#total-listings.loading-total {
  width: 16px;
  display: inline-block;
  overflow-x: hidden;
}

/*///////////////////////*/
/* Listings Map */
/*///////////////////////*/
.mapsearch {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  border: 1px solid #efefef;
  margin-bottom: 30px;
}
.mapsearch:last-child {
  margin-right: 0;
}
.mapsearch .map {
  float: left;
  width: 100%;
  height: 450px;
  overflow: hidden;
  background-color: #999;
}
@media screen and (min-width: 1024px) {
  .mapsearch .map {
    width: 40%;
    height: 680px;
  }
}
.mapsearch .map-items {
  float: right;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .mapsearch .map-items {
    width: 50%;
    padding-left: 5%;
    padding-right: 5%;
    overflow: auto;
    height: 600px;
  }
}
.mapsearch .map-items .box {
  border: 1px solid #efefef;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.mapsearch .map-items .box.inactive {
  opacity: 0.5;
}
.mapsearch .map-items .box:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .mapsearch .map-items .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .mapsearch .map-items .box:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .mapsearch .map-items .box {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .mapsearch .map-items .box:last-child {
    margin-right: 0;
  }
}
.mapsearch .map-items::-webkit-scrollbar {
  -webkit-appearance: none;
}
.mapsearch .map-items::-webkit-scrollbar:vertical {
  width: 11px;
}
.mapsearch .map-items::-webkit-scrollbar:horizontal {
  height: 11px;
}
.mapsearch .map-items::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}

#price-range {
  height: 0;
  margin-bottom: 15px;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (min-width: 580px) {
  #price-range {
    height: 25px;
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.price-range {
  font-size: 11px;
  font-size: 1.1rem;
}
@media screen and (min-width: 580px) {
  .price-range {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.price-range.min {
  float: left;
}
.price-range.max {
  float: right;
}

.search-results-listings {
  padding-top: 90px;
  padding-bottom: 20px;
}
@media screen and (min-width: 580px) {
  .search-results-listings {
    padding-top: 120px;
    padding-bottom: 26.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  .search-results-listings {
    padding-top: 180px;
    padding-bottom: 40px;
  }
}

.refined-search-container {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.search-result-title {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.search-result-title:last-child {
  margin-right: 0;
}

.search-bar {
  margin-top: 0px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.search-bar:last-child {
  margin-right: 0;
}
.search-bar p {
  text-align: left;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .search-bar p {
    text-align: right;
  }
}

.search-preloader {
  float: left;
  width: 100%;
  text-align: center;
}

.search-results-title {
  margin-bottom: 40px;
}

.semi-transparent {
  opacity: 0.3;
  /*
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  */
  transition: all 0.5;
}

.noUi-handle {
  width: 30px;
  height: 30px;
  background: #2751a3;
  border-radius: 15px;
  cursor: pointer;
  border: none;
  box-shadow: none;
}
.noUi-handle:before, .noUi-handle:after {
  content: "";
  display: none;
}

.noUiSlider {
  margin-top: 15px;
}
@media screen and (min-width: 580px) {
  .noUiSlider {
    margin-top: 0px;
  }
}

.noUi-horizontal {
  height: 15px;
  border-radius: 8px;
}
.noUi-horizontal .noUi-handle {
  width: 30px;
  height: 30px;
  top: -8px;
}

.noUi-active {
  box-shadow: none;
}

.noUi-origin {
  border-radius: 8px;
}

.noUi-connect {
  background: #999;
}

.noUi-background {
  background: #efefef;
  box-shadow: none;
}

.noUi-target {
  border: none;
  box-shadow: none;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
/*
*   Owl Carousel Owl Demo Theme 
* v1.24
*/
.owl-theme .owl-controls {
  margin-top: 0;
  text-align: left;
}

.center-pagination.owl-theme .owl-controls {
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons {
  text-align: left;
  margin-top: 10px;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #333;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 0 0 0 5px;
  padding: 6px 12px;
  font-size: 13px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #fff;
  border: 2px solid #333;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-pagination {
  margin-top: 15px;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  border-radius: 50px;
  margin: 5px 5px;
  border: 2px solid #fff;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin: 4px;
  background-color: #333;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #333;
}

.owl-theme .owl-controls .owl-page.active {
  border: 2px solid #333;
}

.owl-theme .owl-controls.clickable .owl-page:hover {
  background-color: #efefef;
}

/* Styling Pagination Dark */
.dark.owl-theme .owl-controls .owl-page {
  border: 2px solid #333;
}

.dark.owl-theme .owl-controls .owl-page span {
  background-color: #fff;
}

.dark.owl-theme .owl-controls .owl-page.active span,
.dark.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #fff;
}

.dark.owl-theme .owl-controls .owl-page.active {
  border: 2px solid #fff;
}

.dark.owl-theme .owl-controls.clickable .owl-page:hover {
  background-color: #333;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url("../img/preloader-small.gif") no-repeat center center;
}

.carousel-images {
  margin-bottom: 20px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0px;
}

.fancybox-next {
  right: 0px;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-prev span {
  left: 30px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 30px;
  background-position: 0 -72px;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("../img/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*///////////////////////*/
/* footer */
/*///////////////////////*/
.footer {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.footer a {
  color: #999;
}
.footer a:hover {
  text-decoration: none;
}
.footer .footer-sales {
  margin-bottom: 40px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .footer .footer-sales {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    display: none;
  }
  .footer .footer-sales:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-sales {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .footer .footer-sales:last-child {
    margin-right: 0;
  }
}
.footer .footer-customer {
  margin-bottom: 60px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.footer .footer-customer:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .footer .footer-customer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .footer .footer-customer:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-customer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .footer .footer-customer:last-child {
    margin-right: 0;
  }
}
.footer .footer-social {
  margin-bottom: 60px;
}
.footer .footer-social h3, .footer .footer-social .map-wrapper div.h3, .map-wrapper .footer .footer-social div.h3 {
  line-height: 1.4;
}
.footer .footer-social a {
  text-decoration: none;
  color: #333;
}
.footer .footer-social a img {
  margin-right: 5px;
}
@media screen and (min-width: 1024px) {
  .footer .footer-social {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
    display: block;
  }
  .footer .footer-social:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-social {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .footer .footer-social:last-child {
    margin-right: 0;
  }
}
.footer h2 a {
  text-decoration: none;
  color: #333;
}
.footer h3, .footer .map-wrapper div.h3, .map-wrapper .footer div.h3 {
  font-size: 32px;
  font-size: 3.2rem;
}
.footer .footer-nav {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.footer .footer-nav:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .footer .footer-nav {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .footer .footer-nav:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-nav {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%;
  }
  .footer .footer-nav:last-child {
    margin-right: 0;
  }
}
.footer .footer-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer .footer-nav ul li {
  line-height: 1.8;
}
.footer .footer-nav ul a {
  text-decoration: none;
  color: #333;
}
.footer .footer-nav ul a:hover {
  text-decoration: underline;
}
.footer .footer-contact {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.footer .footer-contact:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .footer .footer-contact {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .footer .footer-contact:last-child {
    margin-right: 0;
  }
}
.footer .footer-contact .location {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 580px) {
  .footer .footer-contact .location {
    width: 50%;
  }
}
.footer .footer-copyright {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: left;
}
@media screen and (min-width: 580px) {
  .footer .footer-copyright {
    text-align: center;
  }
}
.footer .footer-equal {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: left;
}
.footer .footer-equal .footer-equal-text {
  background-color: #efefef;
  width: 90%;
  padding: 35px 5% 20px;
  margin-bottom: 20px;
  display: none;
}
.footer .footer-equal .footer-equal-logo {
  cursor: pointer;
}
.footer .footer-equal .footer-equal-logo:hover {
  opacity: 0.5;
}
@media screen and (min-width: 580px) {
  .footer .footer-equal {
    text-align: center;
  }
}

/* sticky form */
.stickyform {
  background-color: rgba(255, 255, 255, 0.98);
  bottom: 0;
  color: #999;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 99999999;
}
.stickyform .magic-container {
  padding: 100px 0;
}
@media screen and (min-width: 580px) {
  .stickyform .magic-container {
    padding: 100px 0 0 0;
  }
}

.stickyform.open {
  bottom: 0;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.stickyform.closed {
  bottom: -100%;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.stickyform-header {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.stickyform-header:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .stickyform-header {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .stickyform-header:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .stickyform-header {
    margin-left: 25.5894128995%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .stickyform-header:last-child {
    margin-right: 0;
  }
}

.stickyform-title {
  float: left;
  width: 100%;
  padding-top: 30px;
  font-weight: 300;
}
.stickyform-title h3, .stickyform-title .map-wrapper div.h3, .map-wrapper .stickyform-title div.h3 {
  color: #333;
}
.stickyform-title p {
  color: #333;
}

.stickyform-toggle {
  position: absolute;
  width: 55px;
  height: 55px;
  text-align: right;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (min-width: 580px) {
  .stickyform-toggle {
    top: 110px;
  }
}

.stickyform-form {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.stickyform-form:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .stickyform-form {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .stickyform-form:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .stickyform-form {
    margin-left: 25.5894128995%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .stickyform-form:last-child {
    margin-right: 0;
  }
}

.stickyform-form .gform_wrapper {
  width: 100% !important;
}

.stickyform-form .gform_wrapper .gform_body .top_label .gfield_label {
  font-weight: 300 !important;
  font-size: 11px;
  font-size: 1.1rem;
  color: #333;
}

.stickyform-form .gform_fields li {
  padding-bottom: 4px;
}

.stickyform-form .sticky-checkbox {
  float: left;
  width: 100%;
}

.stickyform-form .sticky-checkbox li {
  float: left;
  margin-right: 15px !important;
}

@media screen and (min-width: 580px) {
  .stickyform-form .sticky50 {
    float: left;
    width: 46% !important;
    margin-right: 4% !important;
    clear: left !important;
  }
}

@media screen and (min-width: 580px) {
  .stickyform-form .sticky50-right {
    float: right;
    width: 46% !important;
    margin-left: 4% !important;
    clear: none !important;
  }
}

.stickyform-form .gform_wrapper .gform_body li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none;
  background-color: transparent;
}

.stickyform-form .gform_wrapper .gform_body .top_label .gfield_error {
  color: #333 !important;
}
@media screen and (min-width: 580px) {
  .stickyform-form .gform_wrapper .gform_body .top_label .gfield_error {
    width: 50%;
  }
}

.stickyform-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.stickyform-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0 !important;
}

.stickyform-form .gform_wrapper li.gfield.gfield_error .gfield_description {
  display: none;
}

.stickyform-form .gform_wrapper .validation_error {
  color: #ccc;
  line-height: 1.2;
}

.stickyform-form .gform_wrapper .top_label .gfield_error input.large,
.stickyform-form .gform_wrapper .top_label .gfield_error select.large,
.stickyform-form .gform_wrapper .top_label .gfield_error textarea.textarea {
  background-color: #ffdddd;
  border: none;
}

.stickyform-form .gform_wrapper .gfield_error .gfield_label {
  color: #790000 !important;
}

.stickyform-toggle .closed {
  display: none;
}

.stickyform-toggle .open {
  display: inline;
}

.stickyform-form .gform_wrapper .gform_body .gfield_required {
  color: #333;
}

.stickyform-form .validation_error {
  display: none;
}

.stickyform-form .gform_wrapper .gform_body ul li.gfield {
  margin-bottom: 4px;
}

.stickyform-form .gform_wrapper .gform_footer {
  padding: 0;
  margin-bottom: 20px;
}

.stickyform-form .gform_wrapper .gform_button {
  width: 100%;
  font-size: 11px;
  font-size: 1.1rem;
  color: #efefef;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem !important;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-appearance: none;
}

.stickyform-form .gform_wrapper select.large {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 15px 8px 15px 8px;
  color: #333;
  background-color: #efefef;
  border: 0;
  margin-top: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100% !important;
  background: #efefef url("../img/select-arrow.png") no-repeat center right;
  -webkit-appearance: none;
}

.stickyform-form .gform_wrapper textarea.medium {
  height: 60px;
  width: 94% !important;
  padding-left: 3%;
  padding-right: 3%;
}

.stickyform-form .gform_wrapper .ginput_container input,
.stickyform-form .gform_wrapper .ginput_container textarea {
  background-color: #efefef;
  color: #333;
}

.stickyform-form .gform_wrapper .large {
  padding: 15px 0;
}
@media screen and (min-width: 580px) {
  .stickyform-form .gform_wrapper .large {
    padding: 15px 5% !important;
    width: 90% !important;
  }
}

.stickyform-form .gform_ajax_spinner {
  padding-left: 0 !important;
  margin-top: 4px;
}

.stickyform-form .gforms_confirmation_message {
  margin-top: 15px;
}

.stickyform-form .ginput_recaptcha > div {
  transform: scale(0.89);
  transform-origin: 0 0;
}
@media screen and (min-width: 580px) {
  .stickyform-form .ginput_recaptcha > div {
    transform: scale(1);
  }
}

/* downloads form */
.downloads {
  background-color: rgba(255, 255, 255, 0.98);
  bottom: 0;
  color: #999;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 99999999;
}
.downloads .magic-container {
  padding: 100px 0;
}
@media screen and (min-width: 580px) {
  .downloads .magic-container {
    padding: 100px 0 0 0;
  }
}

.downloads.open {
  bottom: 0;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.downloads.closed {
  bottom: -100%;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.downloads-header {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.downloads-header:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .downloads-header {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .downloads-header:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .downloads-header {
    margin-left: 25.5894128995%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .downloads-header:last-child {
    margin-right: 0;
  }
}

.downloads-title {
  float: left;
  width: 100%;
  padding-top: 30px;
  font-weight: 300;
}
.downloads-title h3, .downloads-title .map-wrapper div.h3, .map-wrapper .downloads-title div.h3 {
  color: #333;
}
.downloads-title p {
  color: #333;
}

.downloads-toggle {
  position: absolute;
  width: 55px;
  height: 55px;
  text-align: right;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media screen and (min-width: 580px) {
  .downloads-toggle {
    top: 110px;
  }
}

.downloads-form {
  margin-left: 0%;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.downloads-form:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  .downloads-form {
    margin-left: 8.5298042998%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .downloads-form:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .downloads-form {
    margin-left: 25.5894128995%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .downloads-form:last-child {
    margin-right: 0;
  }
}

.downloads-form .gform_wrapper {
  width: 100% !important;
}

.downloads-form .gform_wrapper .gform_body .top_label .gfield_label {
  font-weight: 300 !important;
  font-size: 11px;
  font-size: 1.1rem;
  color: #333;
}

.downloads-form .gform_fields li {
  padding-bottom: 4px;
}

.downloads-form .sticky-checkbox {
  float: left;
  width: 100%;
}

.downloads-form .sticky-checkbox li {
  float: left;
  margin-right: 15px !important;
}

@media screen and (min-width: 580px) {
  .downloads-form .sticky50 {
    float: left;
    width: 46% !important;
    margin-right: 4% !important;
    clear: left !important;
  }
}

@media screen and (min-width: 580px) {
  .downloads-form .sticky50-right {
    float: right;
    width: 46% !important;
    margin-left: 4% !important;
    clear: none !important;
  }
}

.downloads-form .gform_wrapper .gform_body li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: none;
  background-color: transparent;
}

.downloads-form .gform_wrapper .gform_body .top_label .gfield_error {
  color: #333 !important;
}
@media screen and (min-width: 580px) {
  .downloads-form .gform_wrapper .gform_body .top_label .gfield_error {
    width: 50%;
  }
}

.downloads-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.downloads-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 0 !important;
}

.downloads-form .gform_wrapper li.gfield.gfield_error .gfield_description {
  display: none;
}

.downloads-form .gform_wrapper .validation_error {
  color: #ccc;
  line-height: 1.2;
}

.downloads-form .gform_wrapper .top_label .gfield_error input.large,
.downloads-form .gform_wrapper .top_label .gfield_error select.large,
.downloads-form .gform_wrapper .top_label .gfield_error textarea.textarea {
  background-color: #ffdddd;
  border: none;
}

.downloads-form .gform_wrapper .gfield_error .gfield_label {
  color: #790000 !important;
}

.downloads-toggle .closed {
  display: none;
}

.downloads-toggle .open {
  display: inline;
}

.downloads-form .gform_wrapper .gform_body .gfield_required {
  color: #333;
}

.downloads-form .validation_error {
  display: none;
}

.downloads-form .gform_wrapper .gform_body ul li.gfield {
  margin-bottom: 4px;
}

.downloads-form .gform_wrapper .gform_footer {
  padding: 0;
  margin-bottom: 20px;
}

.downloads-form .gform_wrapper .gform_button {
  width: 100%;
  font-size: 11px;
  font-size: 1.1rem;
  color: #efefef;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem !important;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-appearance: none;
}

.downloads-form .gform_wrapper select.large {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 15px 8px 15px 8px;
  color: #333;
  background-color: #efefef;
  border: 0;
  margin-top: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100% !important;
  background: #efefef url("../img/select-arrow.png") no-repeat center right;
  -webkit-appearance: none;
}

.downloads-form .gform_wrapper textarea.medium {
  height: 60px;
  width: 94% !important;
  padding-left: 3%;
  padding-right: 3%;
}

.downloads-form .gform_wrapper .ginput_container input,
.downloads-form .gform_wrapper .ginput_container textarea {
  background-color: #efefef;
  color: #333;
}

.downloads-form .gform_wrapper .large {
  padding: 15px 0;
}
@media screen and (min-width: 580px) {
  .downloads-form .gform_wrapper .large {
    padding: 15px 5% !important;
    width: 90% !important;
  }
}

.downloads-form .gform_ajax_spinner {
  padding-left: 0 !important;
  margin-top: 4px;
}

.downloads-form .gforms_confirmation_message {
  margin-top: 15px;
}

.downloads-form .ginput_recaptcha > div {
  transform: scale(0.89);
  transform-origin: 0 0;
}
@media screen and (min-width: 580px) {
  .downloads-form .ginput_recaptcha > div {
    transform: scale(1);
  }
}

.page-template-page-landing-php header {
  display: none;
}
.page-template-page-landing-php h1 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  color: #333;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php h1 {
    font-size: 39px;
    font-size: 3.9rem;
  }
}
.page-template-page-landing-php .darktitle {
  padding-top: 40px;
  padding-bottom: 25px;
  background-position: left;
  background-image: none;
  background-size: cover;
}
@media screen and (min-width: 580px) {
  .page-template-page-landing-php .darktitle {
    padding-top: 53.3333333333px;
    padding-bottom: 33.3333333333px;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-page-landing-php .darktitle {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .darktitle {
    background-color: transparent;
  }
}
.page-template-page-landing-php .darktitle .logo {
  background-image: url("../img/saussyburbank-logo-coin.png");
  background-repeat: no-repeat;
  float: left;
  width: 240px;
  height: 70px;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .darktitle .logo {
    background-image: url("../img/saussyburbank-logo-coin.png");
    width: 335px;
    height: 70px;
  }
}
.page-template-page-landing-php .darktitle p, .page-template-page-landing-php .darktitle p b, .page-template-page-landing-php .darktitle p a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .darktitle p, .page-template-page-landing-php .darktitle p b, .page-template-page-landing-php .darktitle p a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.page-template-page-landing-php .darktitle .agent-info p b, .page-template-page-landing-php .darktitle .agent-info p a {
  color: #fff;
}
.page-template-page-landing-php .agentinfo {
  float: left;
  padding-right: 30px;
}
.page-template-page-landing-php .agentimage {
  float: right;
}
.page-template-page-landing-php #landing-content {
  padding-top: 30px;
}
.page-template-page-landing-php .landing-xtra-left {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.page-template-page-landing-php .landing-xtra-left:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-xtra-left {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .page-template-page-landing-php .landing-xtra-left:last-child {
    margin-right: 0;
  }
}
.page-template-page-landing-php .landing-xtra-right {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.page-template-page-landing-php .landing-xtra-right:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-xtra-right {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .page-template-page-landing-php .landing-xtra-right:last-child {
    margin-right: 0;
  }
}
.page-template-page-landing-php .carousel {
  margin-bottom: 0;
  margin-top: 10px;
}
.page-template-page-landing-php .owl-theme .owl-controls {
  text-align: center;
}
.page-template-page-landing-php .owl-buttons {
  display: none;
}
.page-template-page-landing-php .landing-info {
  float: left;
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-info {
    width: 50%;
    margin-top: 0px;
  }
  .page-template-page-landing-php .landing-info h1, .page-template-page-landing-php .landing-info p {
    display: block;
  }
}
.page-template-page-landing-php .landing-info-mobile {
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 30px;
  display: block;
}
.page-template-page-landing-php .landing-form-wrapper {
  top: 50px;
  float: right;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-form-wrapper {
    position: absolute;
    right: 7.5%;
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-form-wrapper.active {
    top: 50px;
    transition: all 0.3s;
  }
}
.page-template-page-landing-php .landing-form {
  float: right;
  width: 100%;
  background-color: #efefef;
  border-top: 5px solid #333;
  margin-top: 40px;
  padding-top: 40px;
  -webkit-box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, 0.19);
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-form {
    margin-top: 40px !important;
    width: 75%;
  }
}
.page-template-page-landing-php .landing-model {
  float: left;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 30px;
}
.page-template-page-landing-php .landing-model img {
  float: left;
  width: 100%;
  margin-right: 5%;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-model img {
    width: 30%;
    padding-bottom: 100px;
  }
}
.page-template-page-landing-php .landing-model h3, .page-template-page-landing-php .landing-model .map-wrapper div.h3, .map-wrapper .page-template-page-landing-php .landing-model div.h3 {
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-model h3, .page-template-page-landing-php .landing-model .map-wrapper div.h3, .map-wrapper .page-template-page-landing-php .landing-model div.h3 {
    font-size: 30px;
    font-size: 3rem;
  }
}
.page-template-page-landing-php .landing-model ul {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.page-template-page-landing-php .landing-form h3, .page-template-page-landing-php .landing-form .map-wrapper div.h3, .map-wrapper .page-template-page-landing-php .landing-form div.h3 {
  float: left;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .landing-form h3, .page-template-page-landing-php .landing-form .map-wrapper div.h3, .map-wrapper .page-template-page-landing-php .landing-form div.h3 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.page-template-page-landing-php .gform_body {
  float: left;
  width: 87%;
  padding-left: 5%;
  padding-right: 5%;
}
.page-template-page-landing-php .gform_wrapper {
  max-width: 100%;
}
.page-template-page-landing-php .gform_wrapper .gform_button {
  width: 100% !important;
}
.page-template-page-landing-php .gform_button {
  width: 100% !important;
}
.page-template-page-landing-php .gform_wrapper .gform_footer {
  float: left;
  width: 100%;
  padding-bottom: 0;
  padding: 0 !important;
}
.page-template-page-landing-php .gform_wrapper .gform_button {
  background-color: #0B53AB;
  width: 100%;
}
.page-template-page-landing-php .gform_confirmation_wrapper {
  float: left;
  width: 87%;
  padding-left: 5%;
  padding-right: 5%;
}
.page-template-page-landing-php .gform_wrapper ul li.gfield {
  margin-top: 0;
}
.page-template-page-landing-php .sticky50 {
  float: left;
  margin-right: 3% !important;
  clear: left !important;
  width: 46% !important;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .sticky50 {
    width: 46% !important;
  }
}
.page-template-page-landing-php .sticky50-right {
  float: left;
  width: 46% !important;
  margin-left: 3% !important;
  clear: none !important;
}
@media screen and (min-width: 1024px) {
  .page-template-page-landing-php .sticky50-right {
    float: right;
    width: 46% !important;
  }
}
.page-template-page-landing-php .gform_wrapper select.large {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 18px 12px;
  color: #999;
  background-color: #fff;
  border: 0;
  margin-top: 2px;
  font-size: 13px;
  font-size: 1.3rem;
  width: 106% !important;
  background: #fff url("../img/select-arrow.png") no-repeat center right;
  -webkit-appearance: none;
}
.page-template-page-landing-php .gform_wrapper .gform_footer input.button, .page-template-page-landing-php .gform_wrapper .gform_footer input[type=submit] {
  font-size: 25px;
  font-size: 2.5rem;
}
.page-template-page-landing-php .gform_wrapper .gform_body .top_label .gfield_label {
  font-size: 12px;
  font-size: 1.2rem;
}
.page-template-page-landing-php #listingmap {
  display: none;
}
@media screen and (min-width: 580px) {
  .page-template-page-landing-php #listingmap {
    display: block;
  }
}
.page-template-page-landing-php .footer-customer {
  display: none;
}
@media screen and (min-width: 580px) {
  .page-template-page-landing-php .footer-customer {
    display: block;
  }
}

.footer-landing {
  margin-top: 50px;
  border-top: 1px solid #ccc;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
}

.content-centered {
  width: 100%;
  max-width: 750px;
  margin: 100px auto !important;
  float: none;
}

.content-centered.stickyform-form {
  margin-top: 0px !important;
  margin-bottom: 200px !important;
}

#area-description .description-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
@media screen and (min-width: 580px) {
  #area-description .description-wrapper {
    padding-top: 26.6666666667px;
    padding-bottom: 26.6666666667px;
  }
}
@media screen and (min-width: 1200px) {
  #area-description .description-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#area-description .description-wrapper:last-child {
  margin-right: 0;
}
@media screen and (min-width: 580px) {
  #area-description .description-wrapper {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-left: 17.0596085997%;
  }
  #area-description .description-wrapper:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 580px) {
  #area-description .description-wrapper p {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #666;
    line-height: 1.6;
  }
}

/* buttons all */
.ghost-button {
  border: 2px solid #171796;
  background: #171796;
  padding: 5px 10px;
  border-radius: 100px;
  text-decoration: none;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 250ms;
  /* easeOutExpo */
}
.ghost-button .ghost-text {
  float: left;
  padding: 18px 15px;
  color: #fff;
  transition: all 250ms;
  /* easeOutExpo */
}
@media screen and (min-width: 1024px) {
  .ghost-button {
    float: right;
  }
}
.ghost-button:hover {
  background-color: #fff;
}
.ghost-button:hover .ghost-text {
  color: #171796;
}

.single-areas .owl-controls {
  margin-bottom: 40px;
}
.single-areas .owl-theme .owl-controls .owl-buttons {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .single-areas .owl-theme .owl-controls .owl-buttons {
    margin-top: -30px;
  }
  .single-areas .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 50px;
  }
  .single-areas .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 50px;
  }
}

.read-more, .read-less {
  font-weight: 700;
  font-size: 12px;
  color: #ccc;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}

.read-less {
  display: none;
}

.addional-description {
  display: none;
}

/*///////////////////////*/
/* Listing Panel */
/*///////////////////////*/
#listing-panel {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 9999999999999999;
}
#listing-panel .listing-close {
  position: absolute;
  top: 5px;
  right: 1.5%;
  width: 5%;
  cursor: pointer;
}
#listing-panel .listing-close img {
  height: 100%;
  width: 100%;
}
#listing-panel .magic-container {
  padding: 0;
  overflow: scroll;
  display: block;
  height: 100vh;
  margin: 0 auto;
  border: none;
  opacity: 0;
  transition: all 0.15s ease;
}
#listing-panel .magic-container.active {
  opacity: 1;
}
#listing-panel .spinner {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  #listing-panel .spinner {
    width: 120px;
    height: 120px;
  }
}
#listing-panel .spinner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
#listing-panel .view-listing {
  position: absolute;
  bottom: 0;
  left: 7.5%;
  display: none;
}
#listing-panel .view-listing a.listing-link {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  padding: 20px 40px;
  display: block;
  background: #DFDFDF;
  transition: all 0.2s ease;
}
#listing-panel .view-listing a.listing-link:hover {
  background: #D0D0D0;
}
#listing-panel .staff-image {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
#listing-panel .staff-image:last-child {
  margin-right: 0;
}
#listing-panel .staff-image img {
  width: 80%;
}
#listing-panel .staff-text {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
#listing-panel .staff-text:last-child {
  margin-right: 0;
}
#listing-panel .info-icon {
  display: none;
}

.virtual-tours-img-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.virtual-tours-img-container .overlay .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.virtual-tours-img-container .overlay .play-icon img {
  object-fit: contain;
  width: 65px;
  height: 65px;
  padding-bottom: 10px;
  display: block;
}
@media screen and (min-width: 580px) {
  .virtual-tours-img-container .overlay .play-icon img {
    width: 80px;
    height: 80px;
  }
}
.virtual-tours-img-container .overlay .play-icon h6, .virtual-tours-img-container .overlay .play-icon .listing-specs .listing-specs-detail div.h6, .listing-specs .listing-specs-detail .virtual-tours-img-container .overlay .play-icon div.h6 {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
  width: 100%;
  line-height: 1em;
}
@media screen and (min-width: 580px) {
  .virtual-tours-img-container .overlay .play-icon h6, .virtual-tours-img-container .overlay .play-icon .listing-specs .listing-specs-detail div.h6, .listing-specs .listing-specs-detail .virtual-tours-img-container .overlay .play-icon div.h6 {
    font-size: 12px;
  }
}

/*///////////////////////*/
/* Virtual Tours Panel */
/*///////////////////////*/
#tour-panel {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 9999999999999999;
}
#tour-panel .tour-close {
  position: absolute;
  top: 5px;
  right: 1.5%;
  width: 5%;
  cursor: pointer;
}
#tour-panel .tour-close img {
  height: 100%;
  width: 100%;
}
#tour-panel .magic-container {
  padding: 0;
  overflow: scroll;
  display: block;
  height: 100vh;
  margin: 0 auto;
  border: none;
  opacity: 0;
  transition: all 0.15s ease;
}
#tour-panel .magic-container.active {
  opacity: 1;
}
#tour-panel .spinner {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  #tour-panel .spinner {
    width: 120px;
    height: 120px;
  }
}
#tour-panel .spinner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

#contactually-content {
  padding: 60px 0;
  border-top: 5px solid #0B53AB;
}

.contactually-content {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.contactually-content:last-child {
  margin-right: 0;
}
.contactually-content hr {
  margin: 30px 0;
  float: left;
  width: 100%;
}
.contactually-content h1 {
  font-weight: 300;
}
.contactually-content .contactually-logo {
  float: left;
  width: 100%;
  text-align: center;
}
.contactually-content .contactually-logo img {
  width: 100%;
  max-width: 335px;
}
.contactually-content .gform_wrapper .gform_button, .contactually-content .gform_wrapper .gform_next_button, .contactually-content .gform_wrapper .gform_previous_button {
  width: 100%;
}
.contactually-content .gform_wrapper .gform_button {
  background-color: #2751a3;
}

.page-template-page-contactually {
  background-color: #efefef;
}

.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
  width: 100% !important;
}
@media screen and (min-width: 580px) {
  .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
    width: 48.5% !important;
  }
}

.gform_wrapper .top_label li.gfield.gf_left_half {
  width: 100% !important;
}
@media screen and (min-width: 580px) {
  .gform_wrapper .top_label li.gfield.gf_left_half {
    width: 49% !important;
  }
}

.gform_wrapper .top_label li.gfield.gf_right_half {
  width: 100% !important;
}
@media screen and (min-width: 580px) {
  .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 49% !important;
  }
}

.community-map {
  text-align: center;
  padding: 30px 10%;
  background-color: #fff;
  width: 80%;
}
@media screen and (min-width: 1024px) {
  .community-map {
    padding: 60px 10%;
  }
}
@media screen and (min-width: 1200px) {
  .community-map {
    padding: 80px 20%;
    width: 60%;
  }
}

.map-wrapper {
  overflow: hidden;
}
.map-wrapper #map {
  float: left;
  width: 100%;
  height: 400px;
  z-index: 999;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .map-wrapper #map {
    width: 65%;
    height: 600px;
  }
}
@media screen and (min-width: 1024px) {
  .map-wrapper #map {
    width: 65%;
    height: 800px;
  }
}
.map-wrapper #map-panels {
  float: right;
  width: 100%;
  height: 700px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .map-wrapper #map-panels {
    width: 35%;
    height: 600px;
  }
}
@media screen and (min-width: 1024px) {
  .map-wrapper #map-panels {
    width: 35%;
    height: 800px;
  }
}
.map-wrapper .panel-back {
  position: absolute;
  left: 10%;
  top: 20px;
  color: #666;
  cursor: pointer;
  background-color: #fff;
  padding: 10px;
  border-radius: 50px;
}
.map-wrapper .panel-back svg {
  vertical-align: middle;
}
.map-wrapper .panel {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  background-color: #efefef;
  height: 700px;
  overflow-y: scroll;
  z-index: 66666;
  -webkit-transition: all 0.2s;
  /* Safari */
  transition: all 0.2s;
}
@media screen and (min-width: 1024px) {
  .map-wrapper .panel {
    height: 700px;
  }
}
@media screen and (min-width: 1024px) {
  .map-wrapper .panel {
    height: 900px;
  }
}
.map-wrapper #level-1.panel {
  right: 0;
}
.map-wrapper .level-2-panel.panel {
  z-index: 77777;
}
.map-wrapper .level-2-panel.panel.active {
  right: 0;
}
.map-wrapper .level-2-panel .panel-header {
  padding-top: 80px;
}
.map-wrapper .level-2-panel .item {
  padding: 0px 10% 15px;
  margin-top: 15px;
}
.map-wrapper .level-3-panel.panel {
  z-index: 88888;
}
.map-wrapper .level-3-panel.panel.active {
  right: 0;
}
.map-wrapper .level-3-panel .panel-header {
  padding-top: 80px;
}
.map-wrapper .panel-community-image {
  float: left;
  width: 100%;
}
.map-wrapper .panel-community-image img {
  float: left;
  width: 100%;
}
.map-wrapper .panel-header {
  float: left;
  width: 80%;
  padding: 40px 10% 10px;
}
.map-wrapper .panel-header h6, .map-wrapper .panel-header .listing-specs .listing-specs-detail div.h6, .listing-specs .listing-specs-detail .map-wrapper .panel-header div.h6 {
  margin-bottom: 5px;
}
.map-wrapper .item {
  float: left;
  width: 80%;
  padding: 0px 10% 15px;
  margin-top: 15px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.map-wrapper .item:hover {
  color: #2751a3;
}
.map-wrapper .item-title {
  float: left;
  width: 75%;
}
.map-wrapper .item-title div.h3 {
  margin-bottom: 5px;
}
.map-wrapper .item-title div.h4 {
  margin-bottom: 0;
  margin-top: 6px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .map-wrapper .item-title div.h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.map-wrapper .item-title div.h4 span {
  color: #999;
}
.map-wrapper .item-title p {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}
.map-wrapper .item-arrow {
  float: left;
  width: 25%;
  text-align: right;
}
.map-wrapper .pill {
  margin-top: 20px;
  border: 2px solid #ccc;
  padding: 20px 35px;
  color: #333;
  font-size: 12px;
  border-radius: 100px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.map-wrapper .panel-learn {
  float: left;
  width: 80%;
  padding: 20px 10%;
  margin-bottom: 40px;
}
.map-wrapper .infoBox {
  background-color: #ffffff !important;
  -webkit-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.2);
}
.map-wrapper .infoBoxContent {
  width: 300px;
  position: relative;
  background-color: white;
}
.map-wrapper .infoBoxContent img {
  float: left;
  width: 300px;
  margin-top: -14px;
}
.map-wrapper .infoBox > img {
  z-index: 999;
}
.map-wrapper .infoBoxDesc {
  float: left;
  width: 260px;
  padding: 10px 20px 20px;
  text-align: center;
}
.map-wrapper .infoBoxMore {
  float: left;
  width: 30px;
  padding-top: 20px;
  padding-right: 20px;
}
.map-wrapper .infoBoxDesc h4, .map-wrapper .infoBoxDesc div.h4 {
  margin-bottom: 5px;
  font-weight: bold;
  font-family: "Gotham SSm A", "Gotham SSm B", Arial, sans-serif;
}
.map-wrapper .infoBoxDesc p {
  font-size: 12px;
  color: #999;
  margin-bottom: 0px;
}
.map-wrapper .arrow_box {
  position: relative;
  background: #ffffff;
}
.map-wrapper .arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

.community-title {
  position: absolute;
  top: 50%;
  left: -200px;
  transition: all 0.4s ease-out;
  padding: 20px;
  background-color: #2751a3;
  color: #fff;
  opacity: 0;
  z-index: 9999;
  font-size: 18px;
  font-weight: bold;
  transform: translateY(-50%);
}
.community-title.active {
  opacity: 1;
  left: 0;
}

.ie8 header .logo {
  background-image: url("../img/saussyburbank-logo-coin-dark.png");
  background-repeat: no-repeat;
}

.ie8 header.home-nav .logo {
  background-image: url("../img/saussyburbank-logo-coin.png");
  background-repeat: no-repeat;
}

.photo {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.photo-thumblist {
  display: inline-block;
  margin: -1px 2px;
  padding: 0;
  position: relative;
}

.photo-longlist {
  background-color: #f1f1f1;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  height: 75px;
  overflow: auto;
  padding: 7px 7px;
}

.photo-preview {
  background-color: #222222;
  height: 150px;
  width: 100%;
}

.photo-googlemaps {
  background-color: #222222;
  border: 1px solid #222222;
  height: 300px;
  width: 100%;
}

.photo-map {
  background-color: #ededed;
  height: 80vh;
  width: 100%;
}

.photo-map-overlay {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  margin: -501px 0 0 1px;
  height: 420px;
  overflow: auto;
  padding: 40px 50px;
  position: absolute;
  width: 100%;
}

.photo-map-overlayclose {
  display: none;
  margin: 0 0 0 10px;
  position: absolute;
  z-index: 100;
}

.gm-style-iw-t::after {
  border-left: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  border-top: 20px solid white !important;
}
.gm-style-iw-t .gm-style-iw-c {
  max-width: 360px !important;
  max-height: unset !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
  padding: 0 !important;
  overflow: hidden !important;
  max-width: unset !important;
  max-height: unset !important;
}
.gm-style-iw-t .gm-style-iw-c button {
  background-color: #fff !important;
  width: 20px !important;
  height: 20px !important;
  top: 0 !important;
  right: 0 !important;
  opacity: 1 !important;
}
.gm-style-iw-t .gm-style-iw-c button img {
  width: 14px !important;
  height: 14px !important;
  margin: 3.25px !important;
}

.map-info-block {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  border-radius: 5px;
}
@media screen and (min-width: 1024px) {
  .map-info-block {
    width: 340px;
    padding: 15px 15px 20px;
  }
}
.map-info-block a {
  text-decoration: none;
}
.map-info-block a:hover {
  text-decoration: underline;
}
.map-info-block .button {
  background-color: #ededed;
  border-radius: 10px;
  padding: 2px 6px;
  margin-bottom: 2px;
  margin-top: 8px;
  display: inline-block;
}
.map-info-block .button:hover {
  background-color: #ccc;
  text-decoration: none;
}
.map-info-block .info-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .map-info-block .info-header {
    flex-direction: row;
  }
}
.map-info-block .info-header .img-container {
  width: 50%;
  margin-right: 25px;
  margin-bottom: 10px;
}
.map-info-block .info-header .img-container img {
  display: block;
  width: 100%;
}
.map-info-block .info-header .header-content h1 {
  font-size: 14px;
  margin: 0 0 5px;
}
.map-info-block .info-header .header-content h4, .map-info-block .info-header .header-content .map-wrapper div.h4, .map-wrapper .map-info-block .info-header .header-content div.h4 {
  font-size: 12px;
  margin: 0 0 5px;
}
.map-info-block .specs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}
@media screen and (min-width: 1024px) {
  .map-info-block .specs {
    flex-direction: row;
    align-items: flex-end;
  }
}
.map-info-block .specs div {
  width: 30%;
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) {
  .map-info-block .specs div {
    width: 30%;
  }
}
.map-info-block .specs div img {
  max-height: 25px;
  margin: 0 auto 5px;
  display: block;
}
@media screen and (min-width: 1024px) {
  .map-info-block .specs div img {
    max-width: 50px;
    max-height: 40px;
  }
}
.map-info-block .specs div h4, .map-info-block .specs div .map-wrapper div.h4, .map-wrapper .map-info-block .specs div div.h4 {
  font-size: 12px;
  text-align: center;
  margin: 0;
}

.house-cluster {
  max-height: 300px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.house-cluster .map-info-block {
  border-bottom: 1px solid #efefef;
  padding-top: 20px;
}
.house-cluster .map-info-block:first-of-type {
  padding-top: 15px;
}
.house-cluster .map-info-block:last-of-type {
  border-bottom: none;
}

.single-location .community-map, .single-areas .community-map {
  display: none;
}
.single-location .community-section h2, .single-areas .community-section h2 {
  margin: 20px 0 60px;
  text-align: center;
}
.single-location .map-wrapper, .single-areas .map-wrapper {
  margin: 80px 0 0;
}

.single-communities .map-wrapper {
  padding: 80px 0;
}

.single-communities .map-wrapper, .single-listings .map-wrapper {
  width: 100%;
}
.single-communities .map-wrapper #map, .single-listings .map-wrapper #map {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-communities .map-wrapper #map, .single-listings .map-wrapper #map {
    width: 85%;
    margin: 60px 7.5% 20px;
  }
}
.single-communities #map-panels, .single-listings #map-panels {
  display: none;
}