@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@charset "UTF-8";

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }

  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
    float: left;
  }

  .navbar-right {
    float: right !important;
    float: right;
    margin-right: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.roboto-regular {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-italic {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: 700;
}

.roboto-italic {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: 400;
}

.roboto-light {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.open-sans {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
}

.open-sans-italic {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

.readability {
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) scale(1, 1) !important;
  text-rendering: optimizeLegibility !important;
}

@font-face {
  font-family: 'Droid Serif';
  src: url('/fonts/DroidSerif-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

.droid-serif-bold {
  font-family: 'Droid Serif';
}

@font-face {
  font-family: 'Aurora Script';
  src: url('/fonts/Aurora-Script.ttf') format('truetype');
}

@font-face {
  font-family: 'Gill Sans';
  src: url('/fonts/Gill-Sans-MT.ttf') format('truetype');
}

@font-face {
  font-family: 'Minion Pro';
  src: url('/fonts/MinionPro-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Snell Roundhand';
  src: url('/fonts/SnellRoundhand.ttf') format('truetype');
}

@font-face {
  font-family: 'icomoon';
  src: url('/fonts/milestone-icons.eot?efc7lj');
  src: url('/fonts/milestone-icons.eot?efc7lj#iefix') format('embedded-opentype'), url('/fonts/milestone-icons.ttf?efc7lj') format('truetype'), url('/fonts/milestone-icons.woff?efc7lj') format('woff'), url('/fonts/milestone-icons.svg?efc7lj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quick-sign-up:before {
  content: "\e800";
}

.icon-sq-ft:before {
  content: "\e801";
}

.icon-sq-ft2:before {
  content: "\e802";
}

.icon-bed:before {
  content: "\e803";
}

.icon-phone:before {
  content: "\e804";
}

.icon-register-for-updates:before {
  content: "\e805";
}

.icon-for-homeowners:before {
  content: "\e806";
}

.icon-realtors:before {
  content: "\e807";
}

.icon-saved-home:before {
  content: "\e808";
}

.icon-uniE809:before {
  content: "\e809";
}

.icon-uniE80A:before {
  content: "\e80a";
}

.icon-uniE80B:before {
  content: "\e80b";
}

.icon-entertainment:before {
  content: "\e80c";
}

.icon-shopping:before {
  content: "\e80d";
}

.icon-grocery:before {
  content: "\e80e";
}

.icon-restaurant:before {
  content: "\e80f";
}

.icon-recreation:before {
  content: "\e810";
}

.icon-schools:before {
  content: "\e811";
}

.icon-icon-calendar:before {
  content: "\e812";
}

.icon-box-arrow:before {
  content: "\e900";
}

.icon-msig-bug:before {
  content: "\e901";
}

.icon-msig-logo:before {
  content: "\e902";
}

.icon-grove-logo:before {
  content: "\e903";
}

.icon-keys:before {
  content: "\e904";
}

.icon-leaf-group:before {
  content: "\e905";
}

.icon-leaf:before {
  content: "\e906";
}

.icon-map-pin:before {
  content: "\e907";
}

.icon-stopwatch:before {
  content: "\e908";
}

.icon-two-leafs:before {
  content: "\e909";
}

.mixin-modal-span-close {
  /*important overides bootstraps styles*/
}

.mixin-modal-span-close span.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: 100 !important;
  font-size: 21px !important;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.2s ease-out;
}

.mixin-modal-span-close span.close-btn:hover {
  transition: all 0.2s ease-in;
  cursor: pointer;
  color: #ffffff;
}

.mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
  position: relative;
  text-align: left;
  background: transparent;
  border: 1px solid #eee9e1;
  z-index: 0;
  margin-top: 20px;
}

.mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

.mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown.active {
  background: #eee9e1;
}

.mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown span {
  margin-left: 10px;
}

.mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown i.fa {
  position: absolute;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown .mobile-tab-to-dropdown i.fa {
    top: 50%;
    margin-top: -6px;
  }
}

.mixin-mobile-tab-to-dropdown ul.mobile-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter {
    position: absolute;
    height: auto;
    width: 100%;
    display: none;
    height: 186px;
    overflow: auto;
  }

  .mixin-mobile-tab-to-dropdown ul.mobile-filter.active {
    display: block;
    background-color: #8f8677;
    z-index: 1;
  }
}

.mixin-mobile-tab-to-dropdown ul.mobile-filter li {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
}

.mixin-mobile-tab-to-dropdown ul.mobile-filter li a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li {
    color: white;
    height: 62px;
    line-height: 62px;
    margin: 0;
  }
}

.mixin-mobile-tab-to-dropdown ul.mobile-filter li.active,
.mixin-mobile-tab-to-dropdown ul.mobile-filter li:hover {
  background-color: #eee9e1;
  border-right: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li.active,
  .mixin-mobile-tab-to-dropdown ul.mobile-filter li:hover {
    border: none;
    color: #8f8677;
    background-color: #e5ddd1;
  }
}

.mixin-ribbons .available-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #7ca62a;
}

.mixin-ribbons .available-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.mixin-ribbons .available-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.mixin-ribbons .sold-out-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: red;
}

.mixin-ribbons .sold-out-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #660000 transparent transparent;
}

.mixin-ribbons .sold-out-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
}

.mixin-ribbons .home-week-ribbon {
  height: 28px;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-weight: 300;
  background-color: #7ca62a;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 200px;
  border: 1px solid #5b7e1b;
  border-width: 0 1px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -100px;
  z-index: 1;
}

.mixin-ribbons .home-week-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.mixin-ribbons .home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.mixin-ribbons .home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  border-color: #7ca62a #7ca62a #7ca62a transparent;
}

.mixin-ribbons .home-week-ribbon::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

@keyframes bouncing {
  0% {
    transform: translate(0px, 0px);
  }

  47% {
    transform: translate(0px, 5px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

html,
body {
  height: 100%;
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  html,
  body {
    font-size: 16px;
  }
}

html .carousel,
body .carousel {
  margin-top: 50px;
  /*safari fixed position bug*/
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) !important;
}

html .carousel .item,
body .carousel .item,
html .carousel .active,
body .carousel .active,
html .carousel .carousel-inner,
body .carousel .carousel-inner {
  height: 100%;
}

html .carousel .fill,
body .carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

html .page-transition,
body .page-transition {
  background: white;
  position: fixed;
  z-index: 10000;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
}

html i.fa.fa-caret-right,
body i.fa.fa-caret-right,
html i.fa.fa-caret-down,
body i.fa.fa-caret-down {
  line-height: initial;
}

@media only screen and (min-width: 1230px) {
  .container {
    width: 1200px;
  }
}

@media only screen and (min-width: 1230px) {
  .no-padding {
    padding: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .no-padding {
    padding: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .no-padding {
    padding: 0px;
  }
}

@media only screen and (min-width: 1230px) {
  .no-padding-left {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .no-padding-left {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .no-padding-left {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1230px) {
  .no-padding-right {
    padding-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .no-padding-right {
    padding-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .no-padding-right {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 26px;
  }
}

h2,
.h2 {
  font-size: 82px;
  line-height: 90px;
  margin-top: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  h2,
  .h2 {
    font-size: 62px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2,
  .h2 {
    line-height: 65px;
  }
}

h3,
.h3 {
  font-size: 37px;
  line-height: 60px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

h4,
.h4 {
  color: #f1a43c;
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h4,
  .h4 {
    margin-bottom: 20px;
  }
}

h5,
.h5 {
  color: #f1a43c;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

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

a.button,
button.form-button,
.stay-connected a {
  display: table-cell;
  vertical-align: middle;
  transition: all 0.2s ease-out;
  color: white;
}

a.button img,
button.form-button img,
.stay-connected a img {
  position: relative;
  top: -2px;
}

a.button:hover,
button.form-button:hover,
.stay-connected a:hover {
  transition: all 0.2s ease-in;
  background: #d17f0f;
}

.stay-connected a {
  padding-bottom: 0 !important;
}

button[type="submit"] {
  transition: all 0.2s ease-out;
  color: white;
}

button[type="submit"]:hover {
  transition: all 0.2s ease-in;
  background-color: #d17f0f !important;
}

.blue-link {
  color: #1393cd;
  line-height: 60px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
}

.blue-link a {
  color: #1393cd;
}

.blue-link i {
  margin-right: 5px;
}

.blue-link:hover {
  cursor: pointer;
}

.pagination,
.carousel-control,
.panel-title a {
  cursor: pointer;
}

.no-margin {
  margin: 0;
}

.velocity-js,
.fader,
.flipY,
.flipX {
  opacity: 0;
}

.velocity-js.in,
.fader.in,
.flipY.in,
.flipX.in {
  transition: all 0.3s ease-in;
  opacity: 1;
}

.dropdown-menu.community-interest .panel-body ul.checkboxes li {
  float: none;
}

.dropdown-menu.community-interest .panel-body ul.checkboxes li:hover {
  background: none;
}

.carousel-flip .carousel-inner .item {
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-flip .carousel-inner .item .step-number-holder {
  box-shadow: 0px -5px 3px 0px rgba(0, 0, 0, 0);
}

.carousel-flip .carousel-inner .item .step-description {
  opacity: 0;
  -webkit-transition: all 0.6s ease-in;
  -webkit-transition-delay: 0.6s;
  -moz-transition: all 0.6s ease-in;
  -moz-transition-delay: 0.6s;
  -o-transition: all 0.6s ease-in;
  -o-transition-delay: 0.6s;
  transition: 0.6s ease-in;
  transition-delay: 0.6s;
}

.carousel-flip .carousel-inner .item.active {
  z-index: 1;
}

.carousel-flip .carousel-inner .item.active .step-number-holder {
  background-color: #f1a43c;
  box-shadow: 0px -5px 3px 0px rgba(0, 0, 0, 0.3);
}

.carousel-flip .carousel-inner .item.active .step-description {
  opacity: 1;
  -webkit-transition: all 0.6s ease-out;
  -webkit-transition-delay: 0.6s;
  -moz-transition: all 0.6s ease-out;
  -moz-transition-delay: 0.6s;
  -o-transition: all 0.6s ease-out;
  -o-transition-delay: 0.6s;
  transition: 0.6s ease-out;
  transition-delay: 0.6s;
}

.clear-fix {
  clear: both;
}

.track-subnav-scroll + nav {
  transition: all 0.6s ease-in;
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0);
}

.track-subnav-scroll.affix {
  position: relative !important;
}

.track-subnav-scroll.affix + nav {
  transition: all 0.6s ease-out;
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.tooltip {
  width: 180px;
}

.tooltip.top .tooltip-arrow {
  bottom: -2px;
  border-top-color: #1393cd !important;
  border-top-width: 7px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
}

.tooltip .tooltip-inner {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #1393cd;
  border-radius: 0;
  font-size: 15px;
  line-height: 24px;
}

.datepicker-wrapper .dropdown-menu {
  padding: 5px;
}

.datepicker-wrapper .dropdown-menu > li:last-child {
  display: none;
}

.datepicker-wrapper .dropdown-menu .glyphicon-chevron-left::before {
  content: "<";
}

.datepicker-wrapper .dropdown-menu .glyphicon-chevron-right::before {
  content: ">";
}

.datepicker-wrapper .dropdown-menu table,
.datepicker-wrapper .dropdown-menu button,
.datepicker-wrapper .dropdown-menu ul,
.datepicker-wrapper .dropdown-menu li,
.datepicker-wrapper .dropdown-menu div {
  box-shadow: none;
}

.datepicker-wrapper .dropdown-menu table {
  font-size: 18px;
}

.datepicker-wrapper .dropdown-menu table button {
  border-radius: none;
  border: none;
  font-size: 18px;
}

.datepicker-wrapper .dropdown-menu table button[role='heading'] {
  text-transform: uppercase;
  color: #9e9991;
}

.datepicker-wrapper .dropdown-menu table small {
  font-weight: 100;
}

.datepicker-wrapper .dropdown-menu table .text-muted {
  opacity: .2;
}

.datepicker-wrapper .dropdown-menu table th[colspan='5'] {
  border: none;
}

.modal-backdrop {
  background-color: rgba(174, 174, 174, 0.7);
}

.modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

#chat-with-us {
  width: 302px;
  height: 89px;
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 11;
}

.loader {
  margin: 150px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
}

@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #f1a43c, 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2), 2.5em 0em 0 0em rgba(241, 164, 60, 0.2), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.2), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.2), -2.6em 0em 0 0em rgba(241, 164, 60, 0.5), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.7), 1.8em -1.8em 0 0em #f1a43c, 2.5em 0em 0 0em rgba(241, 164, 60, 0.2), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.2), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.2), -2.6em 0em 0 0em rgba(241, 164, 60, 0.2), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.5), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.7), 2.5em 0em 0 0em #f1a43c, 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.2), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.2), -2.6em 0em 0 0em rgba(241, 164, 60, 0.2), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.2), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.5), 2.5em 0em 0 0em rgba(241, 164, 60, 0.7), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.2), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.2), -2.6em 0em 0 0em rgba(241, 164, 60, 0.2), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.2), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2), 2.5em 0em 0 0em rgba(241, 164, 60, 0.5), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.7), 0em 2.5em 0 0em #f1a43c, -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.2), -2.6em 0em 0 0em rgba(241, 164, 60, 0.2), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.2), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2), 2.5em 0em 0 0em rgba(241, 164, 60, 0.2), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.5), 0em 2.5em 0 0em rgba(241, 164, 60, 0.7), -1.8em 1.8em 0 0em #f1a43c, -2.6em 0em 0 0em rgba(241, 164, 60, 0.2), -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.2), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2), 2.5em 0em 0 0em rgba(241, 164, 60, 0.2), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.5), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.7), -2.6em 0em 0 0em #f1a43c, -1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(241, 164, 60, 0.2), 1.8em -1.8em 0 0em rgba(241, 164, 60, 0.2), 2.5em 0em 0 0em rgba(241, 164, 60, 0.2), 1.75em 1.75em 0 0em rgba(241, 164, 60, 0.2), 0em 2.5em 0 0em rgba(241, 164, 60, 0.2), -1.8em 1.8em 0 0em rgba(241, 164, 60, 0.5), -2.6em 0em 0 0em rgba(241, 164, 60, 0.7), -1.8em -1.8em 0 0em #f1a43c;
  }
}

th.sort {
  cursor: pointer;
}

th.sort .disabled {
  color: #c6bdad;
}

.simple-fade {
  position: relative;
}

.simple-fade > div {
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: all 0.6s ease-out;
}

.simple-fade > div.active {
  -webkit-transition: all 1s ease-in;
  -webkit-transition-delay: 0.6s;
  -moz-transition: all 1s ease-in;
  -moz-transition-delay: 0.6s;
  -o-transition: all 1s ease-in;
  -o-transition-delay: 0.6s;
  transition: 1s ease-in;
  transition-delay: 0.6s;
  opacity: 1;
  z-index: 2;
}

span.block {
  display: inline-block;
}

.scroll-wrap {
  position: absolute;
  bottom: 170px;
  text-align: center;
  font-size: 45px;
  width: 60px;
  margin-left: -30px;
  left: 50%;
  z-index: 99;
  animation: bouncing ease-in-out 0.8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: bouncing ease-in-out 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: bouncing ease-in-out 0.8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: bouncing ease-in-out 0.8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: bouncing ease-in-out 0.8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .scroll-wrap {
    font-size: 40px;
    width: 40px;
    margin-left: -20px;
  }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-height: 610px) {
  .scroll-wrap {
    font-size: 30px;
    width: 30px;
    margin-left: -15px;
    bottom: 125px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 610px) {
  .scroll-wrap {
    bottom: 170px;
  }
}

.scroll-wrap img {
  opacity: .5;
  width: 70%;
  transition: all 0.2s ease-out;
}

.scroll-wrap:hover {
  cursor: pointer;
}

.scroll-wrap:hover img {
  opacity: 1;
  transition: all 0.2s ease-in;
}

i.fa.fa-caret-right,
i.fa.fa-caret-down {
  line-height: inherit;
}

iframe[name="google_conversion_frame"],
img[height="1"] {
  position: fixed;
  bottom: 0;
  left: 0;
}

.trigger-select {
  position: absolute;
  z-index: -5;
  left: -100000px;
  top: 150px;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-carousel-modal .modal-body {
    padding: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-carousel-modal .modal-body {
    padding: 10px;
  }
}

.custom-carousel-modal .modal-body .btn-close {
  background: white;
  border-radius: 0;
  color: #0d92df;
  font-weight: 100;
  opacity: 1;
  padding: 0;
  position: absolute;
  height: 1.25em;
  width: 1.25em;
  line-height: 1.18em;
  z-index: 1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-carousel-modal .modal-body .btn-close {
    font-size: 32px;
    top: 0;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .custom-carousel-modal .modal-body .btn-close {
    font-size: 24px;
    top: -3px;
    right: -3px;
  }
}

.custom-carousel-modal .modal-body .address {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  line-height: 36px;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-carousel-modal .modal-body .address {
    bottom: 50px;
    left: 50px;
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-carousel-modal .modal-body .address {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }
}

.carousel.custom-carousel {
  height: auto;
  margin-top: 0;
}

.carousel.custom-carousel .carousel-control {
  border: 2px solid #f1a43c;
  border-radius: 5px;
  color: #f1a43c;
  line-height: 36px;
  margin-top: -20px;
  opacity: 1;
  top: 50%;
  width: 40px;
  height: 40px;
  text-shadow: none;
}

.carousel.custom-carousel .carousel-control.left {
  left: -45px;
}

.carousel.custom-carousel .carousel-control.right {
  right: -45px;
}

.popup-message {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 25;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-message {
    bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .popup-message {
    bottom: 75px;
  }
}

.popup-message.is-open {
  visibility: visible;
  opacity: 1;
}

.popup-message > .row > div[class^="col-"] > div {
  background-color: #f4f4f4;
  border-radius: 15px;
  padding: 30px 15px 15px;
}

.popup-message > .row > div[class^="col-"] > div p {
  font-size: 15px;
  margin-bottom: 0;
}

.popup-message > .row > div[class^="col-"] > div .btn-close {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  top: 7.5px;
  right: 30px;
}

.f360-embed-container {
  margin-top: 30px;
  position: relative;
  padding-bottom: 105%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

@media only screen and (max-width: 560px) {
  .f360-embed-container {
    padding-bottom: 150%;
  }
}

@media only screen and (max-width: 340px) {
  .f360-embed-container {
    padding-bottom: 150%;
  }
}

@media only screen and (max-width: 270px) {
  .f360-embed-container {
    padding-bottom: 180%;
  }
}

.f360-embed-container iframe,
.f360-embed-container object,
.f360-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.blog .blog_link {
  display: none;
}

.navbar-fixed-top .navbar-collapse {
  height: 100%;
}

.navbar-fixed-top {
  top: 0;
  transition: all 0.2s ease-out;
}

.navbar-fixed-top.hide-main-nav {
  transition: all 0.2s ease-in;
  top: -175px;
}

@media only screen and (max-width: 767px) {
  .navbar-fixed-top.hide-main-nav {
    top: 0;
  }
}

.navbar-inverse {
  background-color: #1393cd;
  border: none;
  margin-bottom: 0px;
  box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #ffe150;
}

.navbar-inverse .navbar-nav > .open > a svg,
.navbar-inverse .navbar-nav > .open > a:hover svg,
.navbar-inverse .navbar-nav > .open > a:focus svg {
  fill: #ffe150;
}

.navbar-inverse .navbar-header {
  margin-top: 31px;
}

@media only screen and (max-width: 767px) {
  .navbar-inverse .navbar-header {
    background-color: #016ca6;
    padding: 14px 0;
  }
}

.navbar-inverse .covid19-update {
  background-color: #f1a43c;
  color: #ffffff;
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  z-index: 1;
}

.navbar-inverse .covid19-update p {
  line-height: 1.3em;
  margin-bottom: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar-inverse .covid19-update p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .navbar-inverse .covid19-update p {
    font-size: 13.5px;
  }
}

.navbar-inverse .covid19-update p span {
  font-weight: 700;
}

.navbar-inverse .covid19-update p a {
  color: #ffffff;
  text-decoration: underline;
}

.navbar-inverse .top-nav {
  background: #016ca6;
  position: absolute;
  top: 0px;
  width: 100%;
}

.navbar-inverse .top-nav svg {
  opacity: 0.45;
  vertical-align: middle;
}

.navbar-inverse .top-nav svg.briefcase {
  height: 22px;
  margin-top: -7.5px;
}

.navbar-inverse .top-nav svg.briefcase .st0 {
  fill: none;
  stroke: #fff0a5;
  stroke-miterlimit: 10;
  stroke-width: 3;
}

.navbar-inverse .top-nav svg.saved-home {
  width: 20px;
  height: 20px;
  margin-top: -3px;
}

.navbar-inverse .top-nav svg.realtors {
  width: 29px;
  height: 25px;
  transform: scale(3);
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  margin-top: -11px;
}

.navbar-inverse .top-nav svg.homeowners {
  width: 20px;
  height: 20px;
  transform: scale(3.3);
  -webkit-transform: scale(3.3);
  -moz-transform: scale(3.3);
  margin-right: 5px;
}

.navbar-inverse .top-nav svg.register {
  width: 19px;
  height: 19px;
  transform: scale(4.5);
  -webkit-transform: scale(4.5);
  -moz-transform: scale(4.5);
}

.navbar-inverse .top-nav svg.phone {
  width: 15px;
  height: 15px;
  opacity: 1;
}

.navbar-inverse .top-nav ul.information {
  margin-top: 7px;
  margin-bottom: 7px;
}

.navbar-inverse .top-nav ul.information li {
  padding-left: 20px;
}

.navbar-inverse .top-nav ul.information li a {
  text-transform: uppercase;
  color: #fff0a5;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .top-nav ul.information li a {
    font-size: 12px;
  }
}

.navbar-inverse .top-nav ul.information li a:hover {
  color: #ffe150;
  text-decoration: none;
}

.navbar-inverse .top-nav ul.information li a:hover span,
.navbar-inverse .top-nav ul.information li a:hover svg {
  opacity: 1;
}

.navbar-inverse .top-nav ul.information li a img {
  margin-right: 5px;
  margin-top: -5px;
}

.navbar-inverse .top-nav ul.information li a span {
  opacity: 0.45;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .top-nav ul.information li.register .register-form p {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 15px;
  }
}

.navbar-inverse .top-nav ul.information li.register .register-form form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.navbar-inverse .top-nav ul.information li.register .register-form .opt-in-form-disclaimer {
  font-size: 14px;
  line-height: normal;
}

.navbar-inverse .top-nav ul.information li.register > a {
  background: #015c8d;
  padding: 12px 10px 12px 10px;
  position: relative;
  color: #ffe150;
  opacity: 1;
}

.navbar-inverse .top-nav ul.information li.register > a span,
.navbar-inverse .top-nav ul.information li.register > a svg {
  opacity: 1;
}

.navbar-inverse .top-nav ul.information li.register > a svg path {
  fill: #ffe150;
}

.navbar-inverse .top-nav ul.information li.register > a:hover .triangle-up {
  display: none;
}

.navbar-inverse .top-nav ul.information li.register.open a {
  border-radius: 0px;
  background-clip: padding-box;
  text-decoration: none;
}

.navbar-inverse .top-nav ul.information li.register.open a .triangle-up {
  display: block;
  border-top-color: #015c8d;
}

.navbar-inverse .top-nav ul.information li.phone a {
  color: #ffffff;
}

.navbar-inverse .top-nav ul.information li.phone a span {
  opacity: 1;
}

.navbar-inverse .divider {
  width: 1px;
  background: #26a7e1;
  height: 68px;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .divider {
    height: 80px;
  }
}

.navbar-inverse .navbar-fixed-top .navbar-collapse {
  max-height: 100%;
}

.navbar-inverse .navbar-collapse {
  padding: 10px 0px 0px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .navbar-collapse {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-inverse .navbar-collapse {
    border-color: #016ca6;
    padding: 0;
  }
}

.navbar-inverse .navbar-toggle {
  border-color: transparent;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-inverse a.navbar-brand {
  max-height: 50px;
  height: auto;
  position: relative;
  z-index: 4;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse a.navbar-brand {
    z-index: 4;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse a.navbar-brand {
    display: block;
    z-index: 0;
  }
}

.navbar-inverse a.navbar-brand svg.logo {
  width: 352px;
  height: auto;
  margin-top: -51px;
  margin-left: -58px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse a.navbar-brand svg.logo {
    margin: 0;
    width: 230px;
  }
}

.navbar-inverse a.navbar-brand img.mobile-logo {
  margin: -8px 0 0;
}

@media only screen and (max-width: 555px) {
  .navbar-inverse a.navbar-brand img.mobile-logo {
    margin: 0;
  }
}

.navbar-inverse a.navbar-brand .divider {
  top: 60px;
  right: -50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse a.navbar-brand .divider {
    right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse a.navbar-brand .divider {
    display: none;
  }
}

.navbar-inverse ul.navbar-nav {
  width: 70%;
  float: right;
}

@media only screen and (max-width: 767px) {
  .navbar-inverse ul.navbar-nav {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

.navbar-inverse ul.navbar-nav li {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .navbar-inverse ul.navbar-nav li {
    width: 100%;
  }
}

.navbar-inverse ul.navbar-nav li a {
  text-align: center;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  position: relative;
  padding-bottom: 25px;
  font-size: 18px;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-inverse ul.navbar-nav li a {
    text-align: left;
    padding-bottom: 10px;
  }
}

.navbar-inverse ul.navbar-nav li a .triangle-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -8px;
  bottom: 0;
}

.navbar-inverse ul.navbar-nav li a:hover {
  color: #ffe150;
}

.navbar-inverse ul.navbar-nav li .communities-menu-nav a {
  text-align: left;
}

.navbar-inverse ul.navbar-nav li .communities-menu-nav .h4 a {
  padding: 15px 0 3.75px;
}

.navbar-inverse ul.navbar-nav > li {
  margin-left: 5%;
  margin-right: 5%;
  width: 15%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse ul.navbar-nav > li {
    margin-left: 0;
    margin-right: 0;
    width: 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav > li {
    margin-left: 0;
    margin-right: 0;
    width: 25%;
  }
}

.navbar-inverse ul.navbar-nav > li > a {
  padding-left: 0;
  padding-right: 0;
  z-index: 2;
}

.navbar-inverse ul.navbar-nav > li > a .divider {
  right: -35%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse ul.navbar-nav > li > a .divider {
    right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav > li > a .divider {
    right: 0;
  }
}

.navbar-inverse .navbar-nav {
  margin: 0;
}

.navbar-inverse .navbar-nav .panel-group {
  margin-bottom: 0;
  padding-bottom: 30px;
}

@media only screen and (max-height: 479px) {
  .navbar-inverse .navbar-nav .panel-group {
    padding-bottom: 200px;
  }
}

.navbar-inverse .navbar-nav .panel-group .panel-default {
  border-bottom: 1px solid #016ca6;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-heading {
  background-color: #1393cd;
  margin: 0;
  padding: 0;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-heading a {
  color: #ffe150;
  display: block;
  padding: 0 20px;
  line-height: 64px;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-heading a.collapsed {
  color: #ffffff;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-heading a i.fa.fa-angle-down.fa-2x {
  float: right;
  margin-right: 7px;
  margin-top: 14px;
  position: relative;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body {
  border-top: none;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body a.ng-binding {
  font-size: 16.5px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  text-transform: capitalize;
  display: block;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body a.ng-binding:hover,
.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body a.ng-binding:focus {
  color: #ffe150;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body a.ng-binding:focus,
.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body a.ng-binding.open {
  background-color: transparent;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body .contact-panel ul.community-contacts li {
  width: 100%;
  padding: 5px 0;
  color: white;
  text-transform: none;
  font-size: 18px;
  line-height: normal;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body .contact-panel ul.community-contacts li:hover {
  cursor: pointer;
  background: #ffe150;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body .stay-connected {
  border-top: 1px solid #e8e1d8;
  padding-top: 15px;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body .stay-connected p {
  display: none;
}

.navbar-inverse .navbar-nav .panel-group .panel .panel-collapse .panel-body .stay-connected .list-unstyled.list-inline {
  text-align: center;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body i[class^="icon-"] {
  margin-right: 7.5px;
  vertical-align: middle;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .h5 {
  color: #f1a43c;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .h5 i[class^="icon-"] {
  font-size: 30px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body a.ng-binding {
  color: #1393cd;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .communities {
  border-bottom: 2px solid #e8e1d8;
  margin-bottom: 10.5px;
  margin-left: 31.5px;
  padding-bottom: 10.5px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community > a {
  letter-spacing: 1px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community .list-unstyled {
  margin-top: 10px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding {
  padding-top: 10.5px;
  padding-bottom: 10.5px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(1),
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(2) {
  color: #f1a43c;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(1) i[class^="icon-"],
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(2) i[class^="icon-"] {
  font-size: 30px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(3) {
  color: #103D54;
  margin-left: 31.5px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(3) i[class^="icon-"] {
  font-size: 36px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(4) {
  color: #253d1f;
  margin-left: 31.5px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(1) .panel-collapse .panel-body .community-title.link-title a.ng-binding:nth-child(4) i[class^="icon-"] {
  font-size: 21px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(2) .panel-collapse .panel-body,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(3) .panel-collapse .panel-body,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(4) .panel-collapse .panel-body,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(5) .panel-collapse .panel-body {
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(2) .panel-collapse .panel-body .community-title.link-title,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(3) .panel-collapse .panel-body .community-title.link-title,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(4) .panel-collapse .panel-body .community-title.link-title,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(5) .panel-collapse .panel-body .community-title.link-title {
  border-top: 1px solid #e8e1d8;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(2) .panel-collapse .panel-body .community-title.link-title:first-child,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(3) .panel-collapse .panel-body .community-title.link-title:first-child,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(4) .panel-collapse .panel-body .community-title.link-title:first-child,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(5) .panel-collapse .panel-body .community-title.link-title:first-child {
  border-top: none;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(2) .panel-collapse .panel-body a.ng-binding,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(3) .panel-collapse .panel-body a.ng-binding,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(4) .panel-collapse .panel-body a.ng-binding,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(5) .panel-collapse .panel-body a.ng-binding {
  color: #f1a43c;
  padding: 11.25px 15px;
}

.navbar-inverse .navbar-nav .panel-group .panel:nth-child(2) .panel-collapse .panel-body a.ng-binding.call-us,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(3) .panel-collapse .panel-body a.ng-binding.call-us,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(4) .panel-collapse .panel-body a.ng-binding.call-us,
.navbar-inverse .navbar-nav .panel-group .panel:nth-child(5) .panel-collapse .panel-body a.ng-binding.call-us {
  color: #1393cd;
}

.navbar-inverse .register .dropdown-menu:not(.community-interest) {
  width: 610px;
  background: #ffffff;
  right: -62%;
  left: auto;
  padding-top: 40px;
  padding-bottom: 0;
  top: 35px;
  z-index: 1000;
  transform-origin: top center;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: scale(1);
}

.navbar-inverse .register .dropdown-menu:not(.community-interest).is-open {
  transition: all 0.2s ease-out;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .register .dropdown-menu:not(.community-interest) {
    transform: scale(0.8);
  }
}

.navbar-inverse .register .dropdown-menu:not(.community-interest) a#close-dropdown {
  position: absolute;
  right: 15px;
  color: #b9d7da;
  background: none;
  top: 7px;
  font-size: 27px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.navbar-inverse .register .dropdown-menu:not(.community-interest) > div[class^="col-"] {
  padding: 0 40px;
}

.navbar-inverse ul.information li.register.open a.register-for-updates-wrap {
  display: inline-block;
  margin-top: 15px;
  padding: 0;
}

.navbar-inverse ul.information li.register.open a.register-for-updates-wrap img {
  width: 100%;
}

.navbar-inverse .register {
  position: relative;
}

.navbar-inverse .register .triangle-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #6b6255;
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -8px;
  bottom: -6px;
  z-index: 1002;
}

.navbar-inverse .dropdown-menu {
  border: none;
  box-shadow: 0px;
  -webkit-box-shadow: 0px;
  -moz-box-shadow: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}

.navbar-inverse .dropdown-menu.main {
  overflow: hidden;
  height: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  padding-top: 0px;
}

@media only screen and (max-width: 767px) {
  .navbar-inverse .dropdown-menu.main {
    overflow: visible;
  }
}

.navbar-inverse .dropdown-menu.community-interest {
  width: 100%;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  margin-top: -1px;
  padding-top: 0px;
  height: 194px;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}

.navbar-inverse .dropdown-menu.community-interest ul li:hover {
  background: none;
}

.navbar-inverse .dropdown-menu .h5 {
  color: #f1a43c;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 10px;
}

.navbar-inverse .dropdown-menu p {
  color: #9e9991;
  font-size: 30px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
}

.navbar-inverse .dropdown-menu input {
  border-radius: 0px;
  background-clip: padding-box;
  color: #888177;
  border-color: #cfcfcf;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  background: #ffffff;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
  .navbar-inverse .dropdown-menu input {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .dropdown-menu input {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.navbar-inverse .dropdown-menu .btn-group {
  width: 100%;
}

.navbar-inverse .dropdown-menu .btn-group .btn {
  background: #ffffff;
  border-radius: 0px;
  background-clip: padding-box;
  color: #888177;
  border-color: #cfcfcf;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  width: 100%;
  text-align: left;
}

.navbar-inverse .dropdown-menu .btn-group .btn:focus {
  outline: 0;
}

.navbar-inverse .dropdown-menu .btn-group .btn i.fa {
  font-size: 31px;
  color: #cfcfcf;
  position: absolute;
  right: 10px;
}

.navbar-inverse .dropdown-menu button.form-button {
  float: right;
  margin-top: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
  .navbar-inverse .dropdown-menu button.form-button {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .dropdown-menu button.form-button {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
  }
}

.navbar-inverse .dropdown {
  position: static;
}

@keyframes slide-in-left {
  100% {
    left: 0;
  }
}

.navbar-inverse .left-col-menu {
  float: left;
  width: 100%;
  position: absolute;
  z-index: 2;
  background-color: #ffffff;
  opacity: 0;
  /*
		::-webkit-scrollbar {
			width: 12px;
			height: 150px;
		}

		::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 20px rgba(209, 209, 209, 1);
		}

		::-webkit-scrollbar-thumb {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: @orange;
			height: 70px;
		}

		::-webkit-scrollbar-thumb:window-inactive {
			background: #f0ede4;
		}
*/
}

.navbar-inverse .left-col-menu.buying-panel {
  width: 60%;
  background: url("/images/site/buying-a-milstone-home.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .left-col-menu.buying-panel {
    width: 55%;
  }
}

.navbar-inverse .left-col-menu.buying-panel .col-lg-8 {
  height: 100%;
}

.navbar-inverse .left-col-menu.buying-panel .reasons-to-buy {
  position: absolute;
  bottom: 25%;
}

.navbar-inverse .left-col-menu.buying-panel .reasons-to-buy .h3 {
  line-height: 50px;
  color: #ffffff;
  margin-bottom: 30px;
  -webkit-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.navbar-inverse .left-col-menu.buying-panel .reasons-to-buy a {
  padding-bottom: 10px;
  font-size: 20px;
  text-transform: uppercase;
}

.navbar-inverse .left-col-menu.why-choose-panel {
  width: 48%;
  background: url("/images/site/why-choose-testimonial-2.jpg") no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: bottom right;
}

.navbar-inverse .left-col-menu.why-choose-panel .testimonial-img-text {
  position: absolute;
  bottom: 25%;
  left: 60px;
}

.navbar-inverse .left-col-menu.why-choose-panel .testimonial-img-text .h3 {
  font-size: 43px;
  color: #ffffff;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  line-height: 50px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .left-col-menu.why-choose-panel .testimonial-img-text .h3 {
    font-size: 35px;
  }
}

.navbar-inverse .left-col-menu.why-choose-panel .testimonial-img-text a.button {
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.navbar-inverse .left-col-menu .h3 {
  font-size: 43px;
  color: #9e9991;
  line-height: 60px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.navbar-inverse .left-col-menu .community-title .h5 {
  transition: all 0.3s ease-in;
}

.navbar-inverse .left-col-menu .community-title .h5 a {
  color: #f1a43c;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 35px;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-bottom: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

.navbar-inverse .left-col-menu .community-title .h5:hover {
  background: #f1a43c;
  transition: all 0.3s ease-out;
}

.navbar-inverse .left-col-menu .community-title .h5:hover a {
  color: #ffffff;
  text-decoration: none;
  padding-left: 15px;
}

.navbar-inverse .left-col-menu .community-title .h5.no-hover:hover {
  background: #ffffff;
  color: #f1a43c;
}

.navbar-inverse .left-col-menu .community-title.link-title .h5 {
  border-top: 1px solid #e8e1d8;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-inverse .left-col-menu .community-title.link-title .h5.first {
  border-top: none;
}

.navbar-inverse .left-col-menu.contact-panel {
  width: 60%;
  background: url("/images/site/contact-us-bkg-img.jpg") no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  height: 509px;
  background-position: top center;
  padding-right: 20px;
}

.navbar-inverse .left-col-menu.contact-panel .h2 {
  color: #ffffff;
  font-size: 45px;
  line-height: 60px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.navbar-inverse .left-col-menu.contact-panel p {
  color: #ffffff;
}

.navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest .panel-group {
  padding-bottom: 0;
}

.navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest .panel-default {
  border-bottom: none;
}

.navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest .panel-default > .panel-heading {
  background-color: #f1e5d3;
}

.navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest .panel-default > .panel-heading > .panel-title > a {
  font-size: 14px;
  line-height: 30px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest .panel-default > .panel-heading > .panel-title > a {
    font-size: 12px;
  }
}

.navbar-inverse .left-col-menu.contact-panel .dropdown-menu.community-interest ul.checkboxes li {
  width: 100%;
}

.navbar-inverse .left-col-menu.contact-panel form .h4 {
  position: relative;
  width: 110%;
  margin-left: -5%;
}

.navbar-inverse .left-col-menu.contact-panel form .h4 a {
  color: #f1a43c;
  display: block;
  text-align: left;
  background: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.navbar-inverse .left-col-menu.contact-panel form .h4 a:hover {
  text-decoration: none;
  color: #f1a43c;
}

.navbar-inverse .left-col-menu.contact-panel form .h4 a:focus {
  text-decoration: none;
  color: #f1a43c;
}

.navbar-inverse .left-col-menu.contact-panel form .h4.open a {
  background: #ffffff;
}

.navbar-inverse .left-col-menu.contact-panel form ul.dropdown-menu.reason-for-contact {
  height: auto;
  margin-top: 0px;
}

.navbar-inverse .left-col-menu.contact-panel form ul.dropdown-menu.reason-for-contact li {
  width: 100%;
  padding-left: 20px;
  color: #1393cd;
  text-transform: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.navbar-inverse .left-col-menu.contact-panel form ul.dropdown-menu.reason-for-contact li:hover {
  cursor: pointer;
  background: #ffe150;
}

.navbar-inverse .left-col-menu.contact-panel form input {
  height: 45px;
  color: #888177;
}

.navbar-inverse .left-col-menu.contact-panel form textarea {
  border-radius: 0px;
  background-clip: padding-box;
  height: 105px;
  font-size: 20px;
  color: #888177;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.navbar-inverse .left-col-menu.contact-panel form button.form-button {
  float: right;
  margin-top: 20px;
  background: #1393cd;
}

.navbar-inverse .left-col-menu.contact-panel form .help-block {
  color: white;
}

.navbar-inverse .left-col-menu.contact-panel form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.navbar-inverse .left-col-menu.contact-panel .opt-in-form-disclaimer {
  font-size: 14px;
  line-height: normal;
}

@keyframes slide-in-right {
  100% {
    right: 0;
  }
}

.navbar-inverse .right-col-menu {
  float: right;
  width: 50%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  right: 0;
}

.navbar-inverse .right-col-menu.bkg-city-image {
  background-image: url(/images/site/city-bkg.jpg);
  background-size: cover;
  background-position: bottom center;
  width: 55%;
  z-index: 2;
}

.navbar-inverse .right-col-menu.map {
  background: url("/images/site/nav-map.jpg") no-repeat;
  background-size: 100% 100%;
}

.navbar-inverse .right-col-menu.map .col-lg-10 {
  height: 100%;
}

.navbar-inverse .right-col-menu.buying-panel {
  width: 40%;
  background: #ffffff;
  height: 509px;
  padding-top: 15px;
  padding-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .right-col-menu.buying-panel {
    width: 45%;
  }
}

.navbar-inverse .right-col-menu.buying-panel .h3 {
  font-size: 43px;
  color: #9e9991;
  line-height: 60px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.navbar-inverse .right-col-menu.buying-panel .h5 {
  transition: all 0.3s ease-in;
}

.navbar-inverse .right-col-menu.buying-panel .h5 a {
  color: #f1a43c;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 35px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 0px;
  transition: all 0.3s ease-in-out;
}

.navbar-inverse .right-col-menu.buying-panel .h5:hover {
  background: #f1a43c;
  transition: all 0.3s ease-out;
}

.navbar-inverse .right-col-menu.buying-panel .h5:hover a {
  color: #ffffff;
  text-decoration: none;
  padding-left: 15px;
}

.navbar-inverse .right-col-menu .h3 {
  font-size: 43px;
  color: #9e9991;
  line-height: 60px;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .right-col-menu .h3 {
    font-size: 35px;
  }
}

.navbar-inverse .right-col-menu.why-choose-panel {
  width: 52%;
  padding-top: 15px;
  padding-left: 30px;
}

.navbar-inverse .right-col-menu .community-title .h5 {
  transition: all 0.3s ease-in;
}

.navbar-inverse .right-col-menu .community-title .h5 a {
  color: #f1a43c;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 35px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 0px;
  transition: all 0.3s ease-in-out;
}

.navbar-inverse .right-col-menu .community-title .h5:hover {
  background: #f1a43c;
  transition: all 0.3s ease-out;
}

.navbar-inverse .right-col-menu .community-title .h5:hover a {
  color: #ffffff;
  text-decoration: none;
  padding-left: 15px;
}

.navbar-inverse .right-col-menu .community-title .h5.no-hover:hover {
  background: #ffffff;
  color: #f1a43c;
}

.navbar-inverse .right-col-menu .community-title .h5.call-us a {
  color: #1393cd;
}

.navbar-inverse .right-col-menu .community-title .h5.call-us:hover {
  background-color: #1393cd;
}

.navbar-inverse .right-col-menu .community-title .h5.call-us:hover a {
  color: #ffffff;
}

.navbar-inverse .right-col-menu .community-title.link-title .h5 {
  border-top: 1px solid #e8e1d8;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .right-col-menu .community-title.link-title .h5 {
    padding: 15px;
  }
}

.navbar-inverse .right-col-menu .community-title.link-title .h5.first {
  border-top: none;
}

.navbar-inverse .right-col-menu.contact-panel {
  width: 40%;
  padding-left: 20px;
}

.navbar-inverse .right-col-menu.contact-panel .stay-connected {
  width: 100%;
  border-top: 1px solid #e8e1d8;
  padding-top: 22.5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .right-col-menu.contact-panel .stay-connected {
    padding-bottom: 20px;
  }
}

.navbar-inverse .right-col-menu.contact-panel .stay-connected p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 10px;
  margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse .right-col-menu.contact-panel .stay-connected p {
    margin-top: 22px;
  }
}

.navbar-inverse .right-col-menu.contact-panel .stay-connected ul.list-unstyled li {
  width: auto;
}

.navbar-inverse .dropdown.open .triangle-up,
.navbar-inverse .dropdown.desktop:hover .triangle-up {
  display: block;
}

.navbar-inverse .dropdown.open::after,
.navbar-inverse .dropdown.desktop:hover::after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  background: transparent;
  left: 0;
}

.navbar-inverse .dropdown.open .dropdown-menu,
.navbar-inverse .dropdown.desktop:hover .dropdown-menu {
  width: 100%;
  visibility: visible;
  transition: height 0.3s;
}

@media only screen and (min-width: 1230px) {
  .navbar-inverse .dropdown.open .dropdown-menu,
  .navbar-inverse .dropdown.desktop:hover .dropdown-menu {
    height: 525px;
  }

  .navbar-inverse .dropdown.open .dropdown-menu .fullheight,
  .navbar-inverse .dropdown.desktop:hover .dropdown-menu .fullheight {
    height: 525px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .dropdown.open .dropdown-menu,
  .navbar-inverse .dropdown.desktop:hover .dropdown-menu {
    height: 510px;
  }

  .navbar-inverse .dropdown.open .dropdown-menu .fullheight,
  .navbar-inverse .dropdown.desktop:hover .dropdown-menu .fullheight {
    height: 510px;
  }
}

.navbar-inverse .dropdown.open .dropdown-menu .left-col-menu,
.navbar-inverse .dropdown.desktop:hover .dropdown-menu .left-col-menu {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.navbar-inverse .dropdown.open .dropdown-menu .right-col-menu,
.navbar-inverse .dropdown.desktop:hover .dropdown-menu .right-col-menu {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.navbar-inverse .popover .popover-content .pull-right a {
  color: #1393cd;
  text-decoration: none;
}

.navbar-inverse .popover .popover-content ul li {
  width: auto;
}

.communities-menu-nav .h4 a:hover {
  color: #015c8d !important;
}

/* it's clobberin' time */

#form_header_qsu_signup input {
  margin: 0;
}

#form_header_qsu_signup .form-group {
  margin-bottom: 30px;
}

#form_header_qsu_signup .form-group .help-block {
  margin: 0;
  margin-bottom: -20px;
  /* match the line-height */
}

#form_header_qsu_signup .form-button {
  margin: 0;
}

#form_header_qsu_signup .community-drop-down {
  margin-bottom: 0;
}

.responsive-scale-stay-in-touch {
  margin-top: 35px;
}

.responsive-scale-stay-connected {
  margin-top: 35px;
  transform-origin: top left;
}

footer {
  background: #4e96bc;
  padding: 20px 0px;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  footer {
    background: transparent;
    padding: 0;
    overflow: inherit;
    z-index: 9999;
  }
}

footer .container {
  position: relative;
}

footer .full-width-shadow {
  background: url('/images/site/full-width-shadow.png') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 11px;
  position: absolute;
  top: -20px;
  z-index: 1;
  opacity: 0.2;
}

footer svg.footer-graphic,
footer .pencil-wrap {
  position: absolute;
  width: 268px;
  height: 313px;
}

footer svg.footer-graphic path,
footer .pencil-wrap path {
  fill: #2d7ba5;
}

footer svg.footer-graphic {
  bottom: 0;
  left: 0;
}

footer .pencil-wrap {
  top: -20px;
  left: -28px;
  overflow: hidden;
  height: 200px;
}

footer .h4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #f1a43c;
  font-size: 22px;
  line-height: 45px;
}

footer p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: white;
  font-size: 32px;
  line-height: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer p {
    font-size: 24px;
  }
}

footer ul.form {
  margin: 15px 0;
  text-align: center;
}

footer ul.form li {
  display: inline-block;
  padding: 0;
  margin: 0 0.3%;
  vertical-align: top;
  text-align: left;
  width: 15.65%;
}

footer ul.form li:last-child {
  width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  footer ul.form li:last-child {
    padding-left: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  footer ul.form li {
    width: 14.65%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer ul.form li {
    width: 14.5%;
  }

  footer ul.form li:nth-child(1),
  footer ul.form li:nth-child(2) {
    width: 14%;
  }

  footer ul.form li:nth-child(5) {
    width: 23%;
  }
}

footer ul.form li input {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #888177;
  height: 42px;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  width: 100%;
  padding: 0 19px;
}

footer ul.form li .btn-group {
  display: block;
}

footer ul.form li button.btn {
  background-color: #ffffff;
  line-height: 30px;
  /* background: url(/images/site/selectfield-arrow.png) 96% center #ffffff no-repeat;*/
  /*padding: 0 130px 0 20px; */
  border-radius: 0px;
  background-clip: padding-box;
  border: 1px solid #cfcfcf;
  color: #888177;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  height: 42px;
  width: 100%;
  font-size: 14px;
  padding-right: 160px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer ul.form li button.btn {
    padding-left: 10px;
    font-size: 13px;
    padding-right: 0;
    text-align: left;
  }
}

footer ul.form li button.btn.dropdown-toggle {
  border-right: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

footer ul.form li button.btn i.fa.fa-stick {
  position: absolute;
}

footer ul.form li button.form-button {
  line-height: 42px;
  padding: 0 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer ul.form li button.form-button {
    font-size: 16px;
  }
}

footer ul.form ul.dropdown-menu {
  width: 380px;
  height: auto;
  max-height: inherit !important;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  margin-top: 43px;
}

footer ul.form ul.dropdown-menu .panel-heading {
  padding: 0px 15px;
}

footer ul.form ul.dropdown-menu .panel-title {
  line-height: 35px;
}

footer ul.form ul.dropdown-menu .panel-default > .panel-heading .h4.panel-title a.accordion-toggle {
  font-size: 17px;
}

footer ul.form ul.dropdown-menu .panel-default > .panel-heading .h4.panel-title a.accordion-toggle i.fa {
  font-size: 27px;
  margin-top: 5px;
}

footer ul.form ul.dropdown-menu .panel-default > .panel-heading .h4.panel-title a.accordion-toggle:hover {
  text-decoration: none;
}

footer ul.form ul.dropdown-menu label.checkbox {
  font-size: 15px;
}

footer ul.form ul.dropdown-menu label.checkbox:before {
  top: 1px;
}

footer ul.form ul.dropdown-menu ul.checkboxes li {
  float: left;
  width: 100%;
}

footer ul.form ul.dropdown-menu ul.checkboxes li:hover {
  background: none;
}

footer .footer-links {
  float: left;
  width: 100%;
  border-top: 1px solid #c6dfe3;
  border-bottom: 1px solid #c6dfe3;
  padding: 40px 0px;
  margin-top: 30px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  footer .footer-links > div:first-child {
    padding: 0;
  }
}

footer .footer-links .footer-link a {
  color: #f1a43c;
  font-size: 20px;
  line-height: 35px;
  transition: all 0.2s ease-out;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  footer .footer-links .footer-link a {
    font-size: 18px;
  }
}

footer .footer-links .footer-link a:hover {
  transition: all 0.2s ease-in;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer .footer-links {
    padding: 20px 0;
  }

  footer .footer-links .stay-connected {
    border-top: 1px solid #c6dfe3;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
  }
}

footer .vertical-divider {
  background: #c6dfe3;
  position: absolute;
  height: 100%;
  right: 36%;
  top: 0;
  width: 1px;
}

footer .disclaimer {
  float: left;
}

footer .disclaimer p {
  font-size: 14px;
  line-height: 20px;
  padding: 30px 0px 20px 0px;
}

footer .copyright-info p {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
}

footer .copyright-info p img {
  margin-top: -5px;
  margin-right: 10px;
}

footer .copyright-info p a {
  color: #f1a43c;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.2s ease-out;
}

footer .copyright-info p a:hover {
  transition: all 0.2s ease-in;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer .copyright-info p.pull-left,
  footer .copyright-info p.pull-right {
    float: none !important;
    text-align: center;
  }
}

footer .footer-mobile {
  background-color: #016ca6;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 15000;
}

footer .footer-mobile svg {
  display: inline-block;
  margin-right: 15px;
  width: 20px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile svg {
    float: left;
    margin-left: 15px;
    position: absolute;
    left: 0;
    margin-top: -5px;
  }
}

footer .footer-mobile svg path {
  fill: #ffffff;
}

footer .footer-mobile svg.briefcase {
  transform: scale(1.35);
  -webkit-transform: scale(1.35);
  -moz-transform: scale(1.35);
}

footer .footer-mobile svg.briefcase .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 3;
}

footer .footer-mobile svg.saved-home path {
  stroke: white;
  fill: #1393cd;
}

footer .footer-mobile svg.commingsoon {
  transform: scale(3);
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile svg.commingsoon {
    margin-top: auto;
    margin-left: auto;
  }
}

footer .footer-mobile svg.homeowners {
  transform: scale(3.3);
  -webkit-transform: scale(3.3);
  -moz-transform: scale(3.3);
  margin-right: 5px;
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile svg.homeowners {
    margin: 5px auto 0;
  }
}

footer .footer-mobile svg.register {
  transform: scale(4);
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  position: absolute;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile svg.register {
    margin-left: 10px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile svg.register {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile svg.phone {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile svg.phone {
    margin-left: auto;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile svg {
    float: none;
    position: relative;
    left: auto;
    width: auto;
    height: 24px;
    display: block;
    margin: 0 auto 7.5px;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile .form-container.phone {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container.phone {
    margin-left: auto;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container {
    float: none;
    position: relative;
    left: auto;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 5px;
  }
}

footer .footer-mobile ul.information {
  background-color: #016ca6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  position: relative;
  z-index: 5;
  margin: 0;
}

footer .footer-mobile ul.information li {
  float: left;
  padding: 0;
}

footer .footer-mobile ul.information li:last-child a {
  border-right: none;
}

footer .footer-mobile ul.information li a {
  box-sizing: border-box;
  display: block;
  text-transform: uppercase;
  padding: 18px 0;
  text-align: center;
  background-color: #016ca6;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile ul.information li a {
    padding: 15px 0;
    font-size: 12px;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile ul.information li a {
    font-size: 3vw;
    padding: 11.25px 3vw;
  }
}

footer .footer-mobile ul.information li a:hover,
footer .footer-mobile ul.information li a.active {
  color: #ffe150;
  text-decoration: none;
  background-color: #016ca6;
}

footer .footer-mobile ul.information li a:hover svg path,
footer .footer-mobile ul.information li a.active svg path {
  fill: #ffe150 !important;
}

footer .footer-mobile ul.information li a:hover svg.saved-home path,
footer .footer-mobile ul.information li a.active svg.saved-home path {
  fill: #016ca6 !important;
  stroke: #ffe150 !important;
}

footer .footer-mobile ul.information li a:hover svg.briefcase .st0,
footer .footer-mobile ul.information li a.active svg.briefcase .st0 {
  stroke: #ffe150;
}

footer .footer-mobile ul.information li a span {
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile ul.information li a span {
    text-align: center;
    width: 100%;
  }
}

footer .footer-mobile .form-container {
  background-color: #016ca6;
  position: fixed;
  height: calc(100% - 120px);
  width: 100%;
  z-index: 0;
  top: 100%;
  padding: 20px 20px 40px;
  overflow: auto;
  transition: all 0.4s ease-out;
}

footer .footer-mobile .form-container.visible {
  top: 0%;
  margin-top: 78px;
  transition: all 0.4s ease-in;
}

footer .footer-mobile .form-container.visible.sub {
  margin-top: 125px;
}

footer .footer-mobile .form-container .close-icon {
  color: white;
  position: absolute;
  z-index: 5;
  right: 20px;
  font-size: 25px;
}

footer .footer-mobile .form-container .register-form {
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile .form-container .register-form {
    margin: 0;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container .register-form .form-control {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container .register-form .help-block {
    color: #ffffff;
    font-size: 14px;
  }
}

footer .footer-mobile .form-container .register-form .btn-group .btn {
  font-size: 16px;
  height: auto;
}

footer .footer-mobile .form-container .register-form .btn-group .btn i.fa {
  font-size: 22.5px;
}

footer .footer-mobile .form-container .form-control {
  border-radius: 0;
  margin-bottom: 5px;
}

footer .footer-mobile .form-container p {
  font-size: 20px;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile .form-container p {
    color: #ffffff;
    font-size: 15px;
    line-height: normal;
    margin: 0 0 10px;
  }
}

footer .footer-mobile .form-container .h4 {
  margin-top: 30px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  footer .footer-mobile .form-container .h4 {
    color: #f1a43c;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 0 10px;
  }
}

footer .footer-mobile .form-container button.form-button {
  width: 60%;
}

@media only screen and (max-width: 555px) {
  footer .footer-mobile .form-container button.form-button {
    width: 100%;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
  }
}

footer .footer-mobile .contact-container {
  width: 100%;
  background-color: #1393cd;
  border: 1px solid #006ba8;
  bottom: 80px;
  position: fixed;
}

footer .footer-mobile .contact-container a {
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  text-align: left;
  border-bottom: 1px solid #17a6e3;
  padding: 12px 0 9px;
}

footer .footer-mobile .contact-container a:last-child {
  border-bottom: none;
}

footer .footer-mobile.phone a {
  color: #ffffff;
}

footer .footer-mobile.phone a:hover {
  colo: #ffe150;
}

footer .quick-signup > .form-group {
  position: relative;
}

footer .quick-signup > .form-group button {
  width: 100%;
}

footer .quick-signup > .form-group > input ~ .example {
  position: absolute;
  bottom: auto;
  top: 0;
  left: 1.25em;
  color: #888;
  font-weight: 100;
  transition: .7s;
  z-index: 10;
  font-size: 14px;
  line-height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer .quick-signup > .form-group > input ~ .example {
    left: 8px;
    font-size: 13px;
  }
}

footer .quick-signup > .form-group > input:focus ~ .example,
footer .quick-signup > .form-group > input.ng-not-empty ~ .example,
footer .quick-signup > .form-group > input.ng-valid.ng-dirty ~ .example {
  top: 3em;
  left: .75em;
  color: white;
}

footer .quick-signup .help-block {
  font-size: 14px;
  color: white;
}

footer .quick-signup .communities {
  position: absolute;
  top: 2.5em;
  right: 0;
  width: 500px;
  max-height: 300px;
  overflow-y: scroll;
  background: white;
  padding: 10px;
  padding-left: 2em;
  z-index: 20;
}

footer .quick-signup .communities-container {
  padding-bottom: 2em;
}

footer .quick-signup .form .communities li label {
  position: static !important;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  footer .quick-signup .checkbox-holder {
    margin-left: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  footer .quick-signup .checkbox-holder {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer .quick-signup .checkbox-holder {
    margin-left: 0;
  }
}

footer .quick-signup .opt-in-form-disclaimer {
  color: #ffffff;
}

footer form.ng-submitted .quick-signup input.ng-invalid {
  background: pink;
  border-color: red;
}

footer .dropdown-menu.community-interest.dropdown-accordion {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

.community-details-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.community-details-items li {
  display: block;
  background-color: #ffffff;
  text-align: left;
  border-bottom: 1px solid #e0d7c9;
}

.community-details-items li > div {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  height: 145px;
  box-sizing: border-box;
  border-right: 1px solid #e0d7c9;
  color: #8f8677;
}

.community-details-items li > div .h5 {
  font-size: 20px;
}

.community-details-items li:last-child {
  border-bottom: none;
}

.communities-menu-nav {
  padding-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .communities-menu-nav {
    padding-left: 20px;
  }
}

.communities-menu-nav .h3 {
  font-size: 41px;
  color: #9e9991;
  line-height: 60px;
  clear: left;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .communities-menu-nav .h3 {
    font-size: 30px;
  }
}

.communities-menu-nav .h4 {
  font-size: 23px;
  color: #9e9991;
  line-height: 35px;
  text-transform: capitalize;
  clear: left;
  margin-top: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .communities-menu-nav .h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .communities-menu-nav .h4 {
    font-size: 14px;
    margin: 2px 0;
  }
}

.communities-menu-nav .h4 a {
  color: #016ca6;
  border-bottom: 1px solid #016ca6;
  font-weight: 700;
  letter-spacing: 1px;
}

.communities-menu-nav .h5 {
  transition: 0.3s ease-in;
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .communities-menu-nav .h5 {
    font-size: 16px;
  }
}

.communities-menu-nav .h5 > i[class^="icon-"] {
  font-size: 30px;
  margin-right: 7.5px;
  vertical-align: middle;
}

.communities-menu-nav .communities {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.communities-menu-nav .communities .community {
  padding-bottom: 7.5px;
}

@media only screen and (min-width: 1230px) {
  .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 21%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 30%;
  }
}

.communities-menu-nav .communities .community > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.communities-menu-nav .communities .community ul {
  display: inline-block;
  list-style: none;
  padding-left: 0;
}

.communities-menu-nav .communities .community ul.left {
  margin-right: 15px;
}

.communities-menu-nav .communities .community ul li {
  display: block;
  width: 100%;
}

.communities-menu-nav .communities .community ul li a {
  color: #1393cd;
  position: relative;
  padding: 0;
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 28px;
  white-space: nowrap;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media only screen and (min-width: 1230px) {
  .communities-menu-nav .communities .community ul li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .communities-menu-nav .communities .community ul li a {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
  }
}

.communities-menu-nav .communities .community ul li a:hover {
  color: #f1a43c;
}

.communities-menu-nav .community-title .h5 a {
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 35px;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-bottom: 0px;
  transition: 0.3s ease-in-out;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.communities-menu-nav .community-title .h5 a > i[class^="icon-"] {
  font-size: 30px;
  margin-right: 7.5px;
  vertical-align: middle;
}

.communities-menu-nav .community-title .h5:hover {
  background: #f1a43c;
  transition: 0.3s ease-out;
}

.communities-menu-nav .community-title .h5:hover a {
  color: #ffffff;
  text-decoration: none;
  padding-left: 2.1px;
}

.communities-menu-nav .community-title .h5.no-hover:hover {
  background: #ffffff;
  color: #f1a43c;
}

.communities-menu-nav .community-title.link-title {
  border-top: 2px solid #e8e1d8;
  clear: both;
}

.communities-menu-nav .community-title.link-title .h5 {
  /* border-top: 1px solid #e8e1d8; */
  border-top-color: transparent;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .communities-menu-nav .community-title.link-title .h5 {
    padding-left: .825vw;
    padding-right: .825vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .communities-menu-nav .community-title.link-title .h5 {
    padding-left: 1.875vw;
    padding-right: 1.875vw;
  }
}

.communities-menu-nav .community-title.link-title .h5:nth-child(3):hover i[class^="icon-"],
.communities-menu-nav .community-title.link-title .h5:nth-child(4):hover i[class^="icon-"] {
  color: #ffffff;
}

.communities-menu-nav .community-title.link-title .h5:nth-child(3) i[class^="icon-"] {
  color: #103D54;
  font-size: 36px;
}

.communities-menu-nav .community-title.link-title .h5:nth-child(4) i[class^="icon-"] {
  color: #253d1f;
  font-size: 21px;
}

.communities-menu-nav .community-title.link-title .h5 a svg {
  margin-right: 5px;
  vertical-align: middle;
}

.communities-menu-nav .community-title.link-title .h5 a svg circle,
.communities-menu-nav .community-title.link-title .h5 a svg line,
.communities-menu-nav .community-title.link-title .h5 a svg rect,
.communities-menu-nav .community-title.link-title .h5 a svg path,
.communities-menu-nav .community-title.link-title .h5 a svg polygon,
.communities-menu-nav .community-title.link-title .h5 a svg polyline {
  fill: #ffffff;
  stroke: #f1a43c;
}

.communities-menu-nav .community-title.link-title .h5 a:hover svg circle,
.communities-menu-nav .community-title.link-title .h5 a:hover svg line,
.communities-menu-nav .community-title.link-title .h5 a:hover svg rect,
.communities-menu-nav .community-title.link-title .h5 a:hover svg path,
.communities-menu-nav .community-title.link-title .h5 a:hover svg polygon,
.communities-menu-nav .community-title.link-title .h5 a:hover svg polyline {
  fill: #f1a43c;
  stroke: #ffffff;
}

.communities-menu-nav .community-title.link-title .h5.first {
  border-top: none;
}

/* need to override the existing navbar selectors */

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav {
  padding-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav {
    padding-left: 20px;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h3 {
  font-size: 41px;
  color: #9e9991;
  line-height: 60px;
  clear: left;
  margin-bottom: 10px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h3 {
    font-size: 30px;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h4 {
  font-size: 23px;
  color: #9e9991;
  line-height: 35px;
  text-transform: capitalize;
  clear: left;
  margin-top: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h4 {
    font-size: 14px;
    margin: 2px 0;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h4 a {
  color: #016ca6;
  border-bottom: 1px solid #016ca6;
  font-weight: 700;
  letter-spacing: 1px;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h5 {
  transition: 0.3s ease-in;
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h5 {
    font-size: 16px;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .h5 > i[class^="icon-"] {
  font-size: 30px;
  margin-right: 7.5px;
  vertical-align: middle;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community {
  padding-bottom: 7.5px;
}

@media only screen and (min-width: 1230px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 21%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community {
    margin-right: 2.1vw;
    width: 30%;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul {
  display: inline-block;
  list-style: none;
  padding-left: 0;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul.left {
  margin-right: 15px;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul li {
  display: block;
  width: 100%;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul li a {
  color: #1393cd;
  position: relative;
  padding: 0;
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 28px;
  white-space: nowrap;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media only screen and (min-width: 1230px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul li a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul li a {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .communities .community ul li a:hover {
  color: #f1a43c;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title .h5 a {
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 35px;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-bottom: 0px;
  transition: 0.3s ease-in-out;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title .h5 a > i[class^="icon-"] {
  font-size: 30px;
  margin-right: 7.5px;
  vertical-align: middle;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title .h5:hover {
  background: #f1a43c;
  transition: 0.3s ease-out;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title .h5:hover a {
  color: #ffffff;
  text-decoration: none;
  padding-left: 2.1px;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title .h5.no-hover:hover {
  background: #ffffff;
  color: #f1a43c;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title {
  border-top: 2px solid #e8e1d8;
  clear: both;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 {
  /* border-top: 1px solid #e8e1d8; */
  border-top-color: transparent;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 {
    padding-left: .825vw;
    padding-right: .825vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 {
    padding-left: 1.875vw;
    padding-right: 1.875vw;
  }
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5:nth-child(3):hover i[class^="icon-"],
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5:nth-child(4):hover i[class^="icon-"] {
  color: #ffffff;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5:nth-child(3) i[class^="icon-"] {
  color: #103D54;
  font-size: 36px;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5:nth-child(4) i[class^="icon-"] {
  color: #253d1f;
  font-size: 21px;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg {
  margin-right: 5px;
  vertical-align: middle;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg circle,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg line,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg rect,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg path,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg polygon,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a svg polyline {
  fill: #ffffff;
  stroke: #f1a43c;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg circle,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg line,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg rect,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg path,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg polygon,
.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5 a:hover svg polyline {
  fill: #f1a43c;
  stroke: #ffffff;
}

.navbar-inverse ul.navbar-nav .dropdown .communities-menu-nav .community-title.link-title .h5.first {
  border-top: none;
}

.ms-tabs .ms-tabs-header {
  text-align: left;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item {
  display: inline-block;
  padding: 30px 0;
  font-size: 23px;
  color: #8f8677;
  cursor: pointer;
  font-weight: 100;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item span {
  padding: 0 50px;
  border-right: 1px solid #eee9e1;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item:hover,
.ms-tabs .ms-tabs-header .ms-tabs-header-item.active {
  background-color: #eee9e1;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item:hover span,
.ms-tabs .ms-tabs-header .ms-tabs-header-item.active span {
  border-right: none;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item:last-child span {
  border-right: none;
}

.ms-tabs .ms-tabs-header .ms-tabs-header-item:hover {
  cursor: default;
}

.ms-tabs .ms-tabs-body {
  background-color: #eee9e1;
}

.ms-tabs .ms-tabs-body .ms-tabs-body-content {
  padding: 30px;
}

.ms-accordion .ms-accordion-item {
  position: relative;
  width: 100%;
}

.ms-accordion .ms-accordion-item .ms-accordion-item-header {
  position: relative;
  color: #1393cd;
  font-size: 15px;
  text-transform: uppercase;
  text-indent: 50px;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e0d7c9;
  text-align: left;
  cursor: default;
}

.ms-accordion .ms-accordion-item .ms-accordion-item-header:after {
  content: '';
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #1393cd;
  border-bottom: none;
}

.ms-accordion .ms-accordion-item .ms-accordion-item-body {
  display: none;
}

.ms-accordion .ms-accordion-item.active .ms-accordion-item-header {
  background-color: #e0d7c9;
  color: #695035;
  text-indent: 30px;
}

.ms-accordion .ms-accordion-item.active .ms-accordion-item-header:after {
  border-bottom: 10px solid #695035;
  border-top: none;
}

.ms-accordion .ms-accordion-item.active .ms-accordion-item-body {
  display: block;
  background-color: #e0d7c9;
  padding: 0 30px 30px;
  cursor: default;
}

.ms-accordion .ms-accordion-item.has-items {
  cursor: pointer;
}

.ms-accordion .ms-accordion-item.has-items .ms-accordion-item-header {
  cursor: pointer;
}

.ms-accordion .ms-accordion-item.has-items .ms-accordion-item-header:after {
  opacity: 1;
}

.community-drop-down {
  width: 100%;
}

.community-drop-down .btn {
  background: #ffffff;
  color: #9e9991;
  border-color: #cfcfcf;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  width: 100%;
  text-align: left;
}

.community-drop-down .btn .fa {
  font-size: 29px;
  color: #cfcfcf;
}

.community-drop-down ul.dropdown-menu.community-interest.dropdown-accordion {
  max-height: 255px;
  overflow: auto;
}

.community-drop-down .community-interest {
  width: 100%;
  box-shadow: none;
  margin-top: -1px;
  padding: 0 0 1px 0;
  border: none;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}

.community-drop-down .community-interest li.coming-soon {
  margin-left: 15px;
}

.community-drop-down .community-interest .panel-group {
  margin-bottom: 0;
}

.community-drop-down .community-interest .panel-group > .panel > .panel-heading {
  padding: 0px;
}

.community-drop-down .community-interest .panel-group > .panel > .panel-heading > .panel-title > a {
  padding: 4px 15px;
}

.community-drop-down .community-interest .accordion-toggle {
  display: block;
  color: #333333 !important;
}

.community-drop-down .community-interest .accordion-toggle span {
  opacity: 1 !important;
}

.community-drop-down .community-interest .accordion-toggle:hover,
.community-drop-down .community-interest .accordion-toggle:focus {
  text-decoration: none;
}

.community-drop-down .community-interest .checkboxes li {
  float: none;
}

.card-threesections-small {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-weight: normal;
  display: block;
  width: 400px;
  padding: 10.79136691px 14.38848921px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small {
    width: auto !important;
    max-width: 400px !important;
  }
}

.card-threesections-small .image-container {
  float: left;
  background: white;
  padding: 7.1942446px;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  margin-bottom: 7.5px;
  margin-right: 11.25px;
  width: 143.88489208px;
}

.card-threesections-small .image-container img {
  width: 127.49640287px;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small .image-container {
    display: none !important;
    float: none !important;
    width: auto !important;
    border: none !important;
    margin-bottom: 20px;
  }

  .card-threesections-small .image-container img {
    width: 100% !important;
  }
}

.card-threesections-small .title-container {
  float: left;
  min-width: 50%;
  max-width: 210.9496403px;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small .title-container {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

.card-threesections-small .title-container .h4 {
  color: #f1a43c;
  font-size: 15px;
  margin-top: 0;
  line-height: 120%;
  font-weight: bold;
}

.card-threesections-small .title-container .h4 span {
  color: #8f8677;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 3.75px;
  text-transform: none;
}

.card-threesections-small .title-container .cta {
  color: #1393cd;
  text-transform: uppercase;
  font-size: 15px;
  vertical-align: baseline;
  font-weight: bold;
}

.card-threesections-small .title-container .cta i.fa {
  margin-right: 5.25px;
}

.card-threesections-small .title-container p {
  color: #9e9991;
  font-size: 15px;
  line-height: 1.10em;
  margin: 9px 0;
}

.card-threesections-small .title-container p.by-m-signature {
  color: #8f8677;
  font-size: 15px;
  letter-spacing: 1px;
}

.card-threesections-small ul {
  float: left;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  width: 100%;
  margin-top: 15px;
  margin-left: 1px;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small ul {
    float: none;
    border: none !important;
    padding: 0;
  }

  .card-threesections-small ul li {
    display: block !important;
    text-align: left !important;
    padding: 0 2em;
    border: none !important;
  }

  .card-threesections-small ul li span {
    float: none !important;
    text-align: left;
  }

  .card-threesections-small ul li span br {
    display: none !important;
  }
}

.card-threesections-small ul li {
  border-right: 1px solid #e8e1d8;
  padding: 14.38848921px 7.1942446px;
  color: #9e9991;
  margin-bottom: -3.75px;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small ul li {
    padding: 7.1942446px;
  }
}

.card-threesections-small ul li:last-child {
  border-right: none;
}

.card-threesections-small ul li img {
  float: left;
  margin-bottom: -5px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small ul li img {
    height: 19.5px !important;
  }
}

.card-threesections-small ul li span {
  float: right;
  margin-left: 10.79136691px;
  text-transform: uppercase;
  color: #9e9991;
  font-size: 13.5px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
  .card-threesections-small {
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-weight: normal;
    display: block;
    width: 200px;
    padding: 5.39568345px 7.1942446px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease-out;
  }

  .card-threesections-small .image-container {
    float: left;
    background: white;
    padding: 3.5971223px;
    border: 1px solid #e8e1d8;
    border-radius: 3px;
    margin-bottom: 6px;
    margin-right: 9px;
    width: 71.94244604px;
  }

  .card-threesections-small .image-container img {
    width: 62.74820144px;
  }

  .card-threesections-small .title-container {
    float: left;
    min-width: 50%;
    max-width: 104.47482015px;
  }

  .card-threesections-small .title-container .h4 {
    color: #f1a43c;
    font-size: 12px;
    margin-top: 0;
    line-height: 120%;
    font-weight: bold;
  }

  .card-threesections-small .title-container .h4 span {
    color: #8f8677;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 3.75px;
    text-transform: none;
  }

  .card-threesections-small .title-container .cta {
    color: #1393cd;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: baseline;
    font-weight: bold;
  }

  .card-threesections-small .title-container .cta i.fa {
    margin-right: 4.2px;
  }

  .card-threesections-small .title-container p {
    color: #9e9991;
    font-size: 12px;
    line-height: 1.10em;
    margin: 7.2px 0;
  }

  .card-threesections-small .title-container p.by-m-signature {
    color: #8f8677;
    font-size: 15px;
    letter-spacing: 1px;
  }

  .card-threesections-small ul {
    float: left;
    border: 1px solid #e8e1d8;
    border-radius: 3px;
    width: 100%;
    margin-top: 12px;
    margin-left: 1px;
  }

  .card-threesections-small ul li {
    border-right: 1px solid #e8e1d8;
    padding: 7.1942446px 3.5971223px;
    color: #9e9991;
    margin-bottom: -3px;
  }

  .card-threesections-small ul li:last-child {
    border-right: none;
  }

  .card-threesections-small ul li img {
    float: left;
    margin-bottom: -4px;
    height: 24px;
  }

  .card-threesections-small ul li span {
    float: right;
    margin-left: 5.39568345px;
    text-transform: uppercase;
    color: #9e9991;
    font-size: 10.8px;
    letter-spacing: 0.1em;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small {
    width: auto !important;
    max-width: 200px !important;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small .image-container {
    display: none !important;
    float: none !important;
    width: auto !important;
    border: none !important;
    margin-bottom: 20px;
  }

  .card-threesections-small .image-container img {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small .title-container {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small ul {
    float: none;
    border: none !important;
    padding: 0;
  }

  .card-threesections-small ul li {
    display: block !important;
    text-align: left !important;
    padding: 0 2em;
    border: none !important;
  }

  .card-threesections-small ul li span {
    float: none !important;
    text-align: left;
  }

  .card-threesections-small ul li span br {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small ul li {
    padding: 3.5971223px;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .card-threesections-small ul li img {
    height: 15.6px !important;
  }
}

.homepage .angular-google-map .card-threesections-small {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-weight: normal;
  display: block;
  width: 400px;
  padding: 10.79136691px 14.38848921px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small {
    width: auto !important;
    max-width: 400px !important;
  }
}

.homepage .angular-google-map .card-threesections-small .image-container {
  float: left;
  background: white;
  padding: 7.1942446px;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  margin-bottom: 7.5px;
  margin-right: 11.25px;
  width: 143.88489208px;
}

.homepage .angular-google-map .card-threesections-small .image-container img {
  width: 127.49640287px;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small .image-container {
    display: none !important;
    float: none !important;
    width: auto !important;
    border: none !important;
    margin-bottom: 20px;
  }

  .homepage .angular-google-map .card-threesections-small .image-container img {
    width: 100% !important;
  }
}

.homepage .angular-google-map .card-threesections-small .title-container {
  float: left;
  min-width: 50%;
  max-width: 210.9496403px;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small .title-container {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

.homepage .angular-google-map .card-threesections-small .title-container .h4 {
  color: #f1a43c;
  font-size: 15px;
  margin-top: 0;
  line-height: 120%;
  font-weight: bold;
}

.homepage .angular-google-map .card-threesections-small .title-container .h4 span {
  color: #8f8677;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 3.75px;
  text-transform: none;
}

.homepage .angular-google-map .card-threesections-small .title-container .cta {
  color: #1393cd;
  text-transform: uppercase;
  font-size: 15px;
  vertical-align: baseline;
  font-weight: bold;
}

.homepage .angular-google-map .card-threesections-small .title-container .cta i.fa {
  margin-right: 5.25px;
}

.homepage .angular-google-map .card-threesections-small .title-container p {
  color: #9e9991;
  font-size: 15px;
  line-height: 1.10em;
  margin: 9px 0;
}

.homepage .angular-google-map .card-threesections-small .title-container p.by-m-signature {
  color: #8f8677;
  font-size: 15px;
  letter-spacing: 1px;
}

.homepage .angular-google-map .card-threesections-small ul {
  float: left;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  width: 100%;
  margin-top: 15px;
  margin-left: 1px;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small ul {
    float: none;
    border: none !important;
    padding: 0;
  }

  .homepage .angular-google-map .card-threesections-small ul li {
    display: block !important;
    text-align: left !important;
    padding: 0 2em;
    border: none !important;
  }

  .homepage .angular-google-map .card-threesections-small ul li span {
    float: none !important;
    text-align: left;
  }

  .homepage .angular-google-map .card-threesections-small ul li span br {
    display: none !important;
  }
}

.homepage .angular-google-map .card-threesections-small ul li {
  border-right: 1px solid #e8e1d8;
  padding: 14.38848921px 7.1942446px;
  color: #9e9991;
  margin-bottom: -3.75px;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small ul li {
    padding: 7.1942446px;
  }
}

.homepage .angular-google-map .card-threesections-small ul li:last-child {
  border-right: none;
}

.homepage .angular-google-map .card-threesections-small ul li img {
  float: left;
  margin-bottom: -5px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .homepage .angular-google-map .card-threesections-small ul li img {
    height: 19.5px !important;
  }
}

.homepage .angular-google-map .card-threesections-small ul li span {
  float: right;
  margin-left: 10.79136691px;
  text-transform: uppercase;
  color: #9e9991;
  font-size: 13.5px;
  letter-spacing: 0.1em;
}

.homepage .angular-google-map .card-threesections-small ul {
  border: none;
  margin: .5em 0;
}

.homepage .angular-google-map .card-threesections-small ul li {
  padding: 0;
  border: none;
  font-size: 13px;
  margin-right: .25em;
}

.homepage .angular-google-map .card-threesections-small ul li span {
  margin-left: .25em;
  letter-spacing: 0 !important;
}

.homepage .angular-google-map .card-threesections-small ul li img {
  display: inline-block;
  height: 1em;
  width: auto !important;
}

.card-threesections {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-weight: normal;
  display: block;
  width: 556px;
  padding: 15px 20px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .card-threesections {
    width: auto !important;
    max-width: 556px !important;
  }
}

.card-threesections .image-container {
  float: left;
  background: white;
  padding: 10px;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  margin-bottom: 0.5em;
  margin-right: 0.75em;
  width: 199.99999999px;
}

.card-threesections .image-container img {
  width: 177.99999999px;
}

@media only screen and (max-width: 767px) {
  .card-threesections .image-container {
    display: none !important;
    float: none !important;
    width: auto !important;
    border: none !important;
    margin-bottom: 20px;
  }

  .card-threesections .image-container img {
    width: 100% !important;
  }
}

.card-threesections .title-container {
  float: left;
  min-width: 50%;
  max-width: 294.00000001px;
}

@media only screen and (max-width: 767px) {
  .card-threesections .title-container {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

.card-threesections .title-container .h4 {
  color: #f1a43c;
  font-size: 1em;
  margin-top: 0;
  line-height: 120%;
  font-weight: bold;
}

.card-threesections .title-container .h4 span {
  color: #8f8677;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 3.75px;
  text-transform: none;
}

.card-threesections .title-container .cta {
  color: #1393cd;
  text-transform: uppercase;
  font-size: 1em;
  vertical-align: baseline;
  font-weight: bold;
}

.card-threesections .title-container .cta i.fa {
  margin-right: 0.35em;
}

.card-threesections .title-container p {
  color: #9e9991;
  font-size: 1em;
  line-height: 1.10em;
  margin: 0.6em 0;
}

.card-threesections .title-container p.by-m-signature {
  color: #8f8677;
  font-size: 15px;
  letter-spacing: 1px;
}

.card-threesections ul {
  float: left;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  width: 100%;
  margin-top: 1em;
  margin-left: 1px;
}

@media only screen and (max-width: 767px) {
  .card-threesections ul {
    float: none;
    border: none !important;
    padding: 0;
  }

  .card-threesections ul li {
    display: block !important;
    text-align: left !important;
    padding: 0 2em;
    border: none !important;
  }

  .card-threesections ul li span {
    float: none !important;
    text-align: left;
  }

  .card-threesections ul li span br {
    display: none !important;
  }
}

.card-threesections ul li {
  border-right: 1px solid #e8e1d8;
  padding: 20px 10px;
  color: #9e9991;
  margin-bottom: -0.25em;
}

@media only screen and (max-width: 767px) {
  .card-threesections ul li {
    padding: 10px;
  }
}

.card-threesections ul li:last-child {
  border-right: none;
}

.card-threesections ul li img {
  float: left;
  margin-bottom: -0.33333333em;
  height: 2em;
}

@media only screen and (max-width: 767px) {
  .card-threesections ul li img {
    height: 1.3em !important;
  }
}

.card-threesections ul li span {
  float: right;
  margin-left: 15px;
  text-transform: uppercase;
  color: #9e9991;
  font-size: 0.9em;
  letter-spacing: 0.1em;
}

.gm-style-iw {
  font-size: 20px;
}

.gm-style-iw .card-threesections:hover .cta,
.gm-style-iw .card-threesections-small:hover .cta {
  border-bottom: 1px solid #1393cd;
  transition: all 0.2s ease-in;
}

dialog.info-window-community {
  background-color: rgba(0, 0, 0, 0.375);
  border: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

dialog.info-window-community[open] {
  display: -ms-flexbox;
  display: flex;
}

dialog.info-window-community .btn-close {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

dialog.info-window-community .btn-close .fa {
  color: #fff;
  cursor: pointer;
  padding: 7.5px;
}

dialog.info-window-community .card-community {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  outline: none;
  padding: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  dialog.info-window-community .card-community {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (min-width: 1200px) {
  dialog.info-window-community .card-community .image-container {
    max-width: 225px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  dialog.info-window-community .card-community .image-container {
    max-width: 180px;
  }
}

dialog.info-window-community .card-community .h4 {
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
}

dialog.info-window-community .card-community .by-m-signature {
  color: #8f8677;
  font-weight: 700;
  letter-spacing: 1px;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  dialog.info-window-community .card-community .by-m-signature {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  dialog.info-window-community .card-community .price,
  dialog.info-window-community .card-community .cta,
  dialog.info-window-community .card-community li {
    font-size: 16.5px;
  }
}

dialog.info-window-community .card-community .price,
dialog.info-window-community .card-community li {
  color: #9e9991;
}

dialog.info-window-community .card-community .cta {
  color: #1393cd;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 7.5px;
}

dialog.info-window-community .card-community .list-unstyled {
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 0;
}

dialog.info-window-community .card-community .list-unstyled li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 7.5px;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  dialog.info-window-community .card-community .list-unstyled li img {
    max-height: 16.5px;
  }
}

dialog.info-window-community .card-community:hover .cta {
  color: #107aaa;
}

dialog#info-window-community-coming-soon {
  width: calc(100% - 30px);
}

dialog#info-window-community-coming-soon .card-community .h4 {
  color: #f1a43c;
}

.carousel {
  margin-top: 160px;
}

.carousel .carousel-indicators li {
  border-radius: 3px;
  background-clip: padding-box;
  border-width: 2px;
  width: 15px;
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-indicators li {
    margin-left: 6px;
    margin-right: 6px;
  }
}

.carousel .carousel-indicators li.active {
  margin-top: 1px;
  margin-bottom: 1px;
}

.carousel .carousel-indicators.blue li {
  border-color: #1393cd;
}

.carousel .carousel-indicators.blue li.active {
  background-color: #1393cd;
}

.carousel.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.carousel.carousel-fade .carousel-inner .item,
.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right {
  transition: all 0.2s ease-out;
  opacity: 0;
}

.carousel.carousel-fade .carousel-inner .active,
.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel.carousel-fade .carousel-inner .next,
.carousel.carousel-fade .carousel-inner .prev,
.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.carousel .carousel-control {
  background: none;
  z-index: 2;
  width: 7.5%;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-control {
    display: none;
  }
}

.carousel span.icon-prev {
  background: url('/images/site/prev-arrow.png') 12px 13px no-repeat;
  border: 3px solid #534d47;
  border-radius: 4px;
  background-clip: padding-box;
  width: 46px;
  height: 46px;
}

.carousel span.icon-prev:before {
  content: '';
}

.carousel span.icon-next {
  background: url('/images/site/next-arrow.png') 12px 13px no-repeat;
  border: 3px solid #534d47;
  border-radius: 4px;
  background-clip: padding-box;
  width: 46px;
  height: 46px;
}

.carousel span.icon-next:before {
  content: '';
}

.carousel a.left:hover span.icon-prev {
  background: url('/images/site/prev-arrow-hover.png') #534d47 12px 13px no-repeat;
}

.carousel a.right:hover span.icon-next {
  background: url('/images/site/next-arrow-hover.png') #534d47 12px 13px no-repeat;
}

.carousel .carousel-caption {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  text-shadow: 0px 0px 0px;
  -webkit-text-shadow: 0px 0px 0px;
  -moz-text-shadow: 0px 0px 0px;
}

.carousel .carousel-caption .caption {
  width: 100%;
  z-index: 100;
}

@media only screen and (max-height: 950px) {
  .carousel .carousel-caption .caption {
    transform: scale(0.85);
  }
}

.carousel .carousel-caption .caption.slide-up h2,
.carousel .carousel-caption .caption.slide-up .h2,
.carousel .carousel-caption .caption.slide-up .h3 {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  opacity: 1;
}

.carousel .carousel-caption .h3 {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-size: 47px;
  line-height: 50px;
  color: #695035;
  letter-spacing: 2px;
  opacity: 0;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transition: all 1s ease-out;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption .h3 {
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 30px;
  }
}

.carousel .carousel-caption h2,
.carousel .carousel-caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 147px;
  line-height: 125px;
  letter-spacing: 1px;
  color: #695035;
  margin-top: 0;
  margin-bottom: 50px;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transition: all 1s ease-out;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  opacity: 0;
}

.carousel .carousel-caption h2.no-fade,
.carousel .carousel-caption .h2.no-fade {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transition: all 0s ease-out;
  transition-delay: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption h2,
  .carousel .carousel-caption .h2 {
    font-size: 65px;
    line-height: 55px;
    margin-bottom: 20px;
  }
}

.carousel .carousel-caption h2 span,
.carousel .carousel-caption .h2 span {
  font-size: 102px;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption h2 span,
  .carousel .carousel-caption .h2 span {
    font-size: 45px;
  }
}

.carousel .carousel-caption a.button {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f8c15a 0%, #ee941e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 4px rgba(251, 247, 194, 0.75);
  font-size: 20px;
}

.carousel .carousel-caption .caption-cta {
  opacity: 0;
  transition: all 1s ease-in;
}

.carousel .carousel-caption .slide-up .caption-cta {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

.carousel .carousel-caption .text {
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption .first .caption .h2,
  .carousel .carousel-caption .coming-soon-communities .caption .h2 {
    line-height: 25vw;
    margin-bottom: 40px;
  }

  .carousel .carousel-caption .first .caption .h3,
  .carousel .carousel-caption .coming-soon-communities .caption .h3 {
    line-height: 10vw;
  }

  .carousel .carousel-caption .first .caption a.button,
  .carousel .carousel-caption .coming-soon-communities .caption a.button {
    font-size: 5vw;
  }
}

.carousel .carousel-caption .september-savings .caption {
  position: absolute;
  top: 22.5%;
  margin: 0 auto;
  transition: all 1s ease-in;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption .september-savings .caption .h2 {
    line-height: 25vw;
    margin-bottom: 40px;
  }

  .carousel .carousel-caption .september-savings .caption .h3 {
    line-height: 10vw;
  }

  .carousel .carousel-caption .september-savings .caption a.button {
    font-size: 5vw;
  }
}

.carousel .carousel-caption.image-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.carousel .carousel-caption.image-caption img {
  width: 100%;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption.image-caption img {
    width: 90%;
  }
}

.carousel .carousel-caption.image-caption .caption-cta a {
  padding: 18px;
}

.carousel .carousel-caption .image-caption-container {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption .image-caption-container .caption .h2 {
    line-height: 25vw;
    margin-bottom: 40px;
  }

  .carousel .carousel-caption .image-caption-container .caption .h3 {
    line-height: 10vw;
  }

  .carousel .carousel-caption .image-caption-container .caption a.button {
    font-size: 5vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .carousel .carousel-caption.image-caption.messinger-village-grand-opening img {
    width: 75%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .carousel .carousel-caption.image-caption.buda-and-kyle img {
    width: 75%;
  }
}

.carousel .carousel-caption .fifth .caption {
  position: absolute;
  top: 30%;
}

@media only screen and (max-width: 767px) {
  .carousel .carousel-caption .fifth .caption {
    text-align: center;
  }

  .carousel .carousel-caption .fifth .caption .green-ribbon {
    margin-top: 40px;
  }

  .carousel .carousel-caption .fifth .caption .h2 {
    font-size: 26vw !important;
  }

  .carousel .carousel-caption .fifth .caption .h3 {
    margin-bottom: 20px;
  }

  .carousel .carousel-caption .fifth .caption a.button {
    font-size: 5vw;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .carousel .carousel-caption .fifth .caption .h3 {
    background: rgba(0, 0, 0, 0.5);
    padding: 0 5px 5px;
    font-size: 9vw;
    line-height: 10vw;
  }
}

.carousel .carousel-caption .fifth .caption .h2 {
  margin-bottom: 30px;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
}

.carousel .carousel-caption .fifth .caption .h3 {
  font-style: italic;
  text-transform: none;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
}

.carousel .carousel-caption .fifth .caption .caption-cta {
  margin-top: 20px;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
}

.carousel .white-text hr {
  max-width: 130px;
}

.carousel .white-text .h3 {
  text-transform: uppercase;
}

.carousel .white-text .h3,
.carousel .white-text h2,
.carousel .white-text .h2 {
  color: #ffffff;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 767px) {
  .carousel .white-text .h3,
  .carousel .white-text h2,
  .carousel .white-text .h2 {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
  }
}

@media only screen and (max-width: 767px) {
  .carousel .white-text .container {
    padding: 0;
  }
}

.carousel .green-ribbon {
  background: url('/images/site/green-ribbon.png') no-repeat;
  width: 320px;
  height: 78px;
  text-align: center;
  font-size: 37px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  padding: 9px 0px 0px 25px;
  letter-spacing: 1.5px;
  transition: all 0.7s ease-in;
  opacity: 0;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
}

.carousel .slide-up .green-ribbon {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
  }
}

#homepageCarousel {
  position: static;
}

.carousel-sub-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

button.form-button,
a.button {
  background: #f1a43c;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 8px 20px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 300;
  font-size: 20px;
}

.stay-connected p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
}

.stay-connected a {
  background: #f1a43c;
  display: block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding: 2px 0px;
  border-radius: 4px;
  background-clip: padding-box;
}

.btn-bordered {
  border-radius: 4px;
  background-clip: padding-box;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}

@media only screen and (max-width: 767px) {
  .btn-bordered {
    font-size: 14px;
  }
}

.btn-bordered svg {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.btn-bordered.brown-gray {
  border-color: #9e9991;
  color: #9e9991;
}

.btn-gallery {
  transition: all 0.2s ease-out;
  border: 2px solid #f1a43c;
  border-radius: 50%;
  color: #f1a43c;
  cursor: pointer;
  font-size: 16.5px;
  padding-top: 5px;
  padding-bottom: 4px;
  width: 36px;
  text-align: center;
}

.btn-gallery:hover {
  transition: all 0.2s ease-in;
  background-color: #f1a43c;
  color: #ffffff;
}

.btn-group.open .dropdown-menu li {
  padding: 5px 10px;
  transition: all 0.2s ease-in;
}

.btn-group.open .dropdown-menu li:hover {
  cursor: pointer;
  background: #f0f0f0;
  transition: all 0.2s ease-out;
}

.btn-group.open .dropdown-toggle {
  box-shadow: 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 0px;
  -moz-box-shadow: 0px 0px 0px;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

label.checkbox,
label.radio {
  color: #888177;
  padding-left: 12px;
  font-size: 19px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

label.checkbox:before,
label.radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: -11px;
  top: 4px;
  background-color: transparent;
  padding: 1px 0px 1px 1px;
  border: 2px solid #1393cd;
}

label.checkbox:before {
  border-radius: 3px;
}

label.radio:before {
  border-radius: 16px;
}

input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  content: "";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
  line-height: 15px;
  background: #1393cd;
}

.checkbox-holder.checkbox-holder_opt-in {
  padding-top: 15px;
}

.checkbox-holder.checkbox-holder_opt-in input[type=checkbox]:checked + label:before {
  content: "\2713";
  background: none;
  font-size: 37.5px;
}

.checkbox-holder.checkbox-holder_opt-in .checkbox {
  display: inline-block;
  font-size: 16.5px;
}

.checkbox-holder.checkbox-holder_opt-in .checkbox.label {
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 33.75px;
  text-align: left;
  white-space: normal;
}

.checkbox-holder.checkbox-holder_opt-in .checkbox.label:before {
  border-radius: 0;
  border-width: 1px;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_brown-gray input[type=checkbox]:checked + label:before {
  color: #9e9991;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_brown-gray .checkbox {
  color: #9e9991;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_brown-gray .checkbox.label:before {
  border-color: #9e9991;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_white input[type=checkbox]:checked + label:before {
  color: #ffffff;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_white .checkbox {
  color: #ffffff;
}

.checkbox-holder.checkbox-holder_opt-in.checkbox-holder_opt-in_white .checkbox.label:before {
  border-color: #ffffff;
}

.modal .close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  z-index: 1000;
}

.register-form {
  display: block;
  background: #ffffff;
  position: relative;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-form {
    margin: 0 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .register-form {
    margin: 0 20px 60px;
  }
}

.register-form p {
  color: #9e9991;
  font-size: 32px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 35px;
}

.register-form .h5 {
  color: #f1a43c;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 10px;
}

.register-form .h3 {
  font-size: 37px;
  line-height: 60px;
}

.register-form .form-control {
  border-radius: 0px;
  background-clip: padding-box;
  color: #888177;
  border-color: #cfcfcf;
  /* margin-bottom: 30px; */
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  height: 47px;
  background: #ffffff;
}

.register-form a#close-dropdown {
  position: absolute;
  right: 15px;
  color: #b9d7da;
  background: none;
  top: 7px;
  font-size: 27px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.register-form > div[class^="col-"] {
  padding: 0 40px;
}

.register-form ul.information li.register.open a.register-for-updates-wrap {
  display: inline-block;
  margin-top: 40px;
  padding: 0;
}

.register-form ul.information li.register.open a.register-for-updates-wrap img {
  width: 100%;
}

.register-form .triangle-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #6b6255;
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -8px;
  bottom: -7px;
  z-index: 1002;
}

.register-form.main {
  overflow: hidden;
  height: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  padding-top: 0px;
}

@media only screen and (max-width: 767px) {
  .register-form.main {
    overflow: visible;
  }
}

.register-form.community-interest {
  width: 100%;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  margin-top: -1px;
  padding-top: 0px;
  height: 194px;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}

.register-form.community-interest ul li:hover {
  background: none;
}

.register-form .btn-group {
  width: 100%;
}

.register-form .btn-group .btn {
  background: #ffffff;
  border-radius: 0px;
  background-clip: padding-box;
  color: #888177;
  border-color: #cfcfcf;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  width: 100%;
  text-align: left;
}

.register-form .btn-group .btn:focus {
  outline: 0;
}

.register-form .btn-group .btn i.fa {
  font-size: 31px;
  color: #cfcfcf;
}

.register-form button.form-button {
  float: right;
  margin-top: 30px;
  position: static;
}

@media only screen and (max-width: 767px) {
  .register-form button.form-button {
    font-size: 4.5vw;
  }
}

.register-form .opt-in-form-disclaimer {
  font-size: 14px;
  line-height: normal;
  color: darkgray;
}

.popover .arrow {
  display: none;
}

.popover.right {
  margin-left: -23px;
}

.popover-content {
  padding: 40px;
}

.map-popover {
  display: block;
  max-width: 556px;
  padding-right: 20px;
  padding-left: 20px;
}

.popover-content,
.map-popover {
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.popover-content:hover,
.map-popover:hover {
  transition: all 0.2s ease-in;
  background-color: #ececec;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.popover-content img.responsive,
.map-popover img.responsive {
  padding: 10px;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
}

.popover-content .pull-right,
.map-popover .pull-right {
  margin-top: -10px;
}

.popover-content .pull-right .h4,
.map-popover .pull-right .h4 {
  margin-bottom: 0px;
}

.popover-content .pull-right .map-popover-cta,
.map-popover .pull-right .map-popover-cta {
  color: #1393cd;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  margin-top: 17px;
}

.popover-content .pull-right .map-popover-cta i.fa,
.map-popover .pull-right .map-popover-cta i.fa {
  margin-right: 7px;
  font-size: 27px;
  margin-top: -2px;
  float: left;
}

.popover-content .pull-right p,
.map-popover .pull-right p {
  color: #9e9991;
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 10px;
}

.popover-content ul,
.map-popover ul {
  float: left;
  border: 1px solid #e8e1d8;
  border-radius: 3px;
  width: 100%;
  margin-top: 20px;
  margin-left: 1px;
}

.popover-content ul li,
.map-popover ul li {
  border-right: 1px solid #e8e1d8;
  padding: 20px 14px;
  color: #9e9991;
  margin-bottom: -5px;
}

.popover-content ul li:last-child,
.map-popover ul li:last-child {
  border-right: none;
}

.popover-content ul li img,
.map-popover ul li img {
  float: left;
  margin-top: 7px;
}

.popover-content ul li span,
.map-popover ul li span {
  float: right;
  margin-left: 15px;
  text-transform: uppercase;
  color: #9e9991;
  font-size: 17px;
  letter-spacing: 2px;
}

a.map-pin {
  position: absolute;
  width: 46px;
  height: 58px;
  display: block;
}

a.map-pin:hover {
  cursor: pointer;
}

a.map-pin:hover .shadow {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

a.map-pin .shadow.show {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

a.map-pin img.active-pin {
  z-index: 1062;
  position: relative;
}

.map-popover .pull-right {
  margin-right: 35px;
}

.panel-group .panel {
  border-radius: 0px;
  background-clip: padding-box;
  margin-bottom: -1px;
}

.panel-group .panel + .panel {
  margin-top: 1px;
}

.panel-heading {
  padding: 4px 15px;
  border-radius: 0px;
  background-clip: padding-box;
}

.panel {
  border: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.panel-default > .panel-heading {
  background-color: #f1e5d3;
}

.panel-default > .panel-heading .h4.panel-title a.accordion-toggle {
  background: none !important;
  color: #888177;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
  display: block;
  padding: 5px 10px 5px 10px !important;
  outline: none;
}

.panel-default > .panel-heading .h4.panel-title a.accordion-toggle:hover {
  color: #888177;
}

.panel-default > .panel-heading .h4.panel-title a.accordion-toggle span {
  opacity: 1;
}

.panel-default > .panel-heading .h4.panel-title a.accordion-toggle i.fa {
  font-size: 31px;
}

.panel-default > .panel-heading .h4.panel-title a.accordion-toggle i.fa.pull-right {
  margin-right: -14px;
}

ul.checkboxes li {
  float: left;
}

ul.checkboxes li:hover {
  background: none;
  cursor: pointer;
}

ul.checkboxes li input:hover,
ul.checkboxes li label:hover {
  cursor: pointer;
}

#cardStackWrapper.homepage {
  width: 100%;
  height: 100%;
}

#cardStackWrapper.homepage .cardStack {
  z-index: 1;
}

#cardStackWrapper.homepage .cardStack.two {
  background-color: white;
}

#cardStackWrapper.homepage .cardStack.three {
  background-color: #1393cd;
}

#cardStackWrapper.homepage .cardStack.four {
  background-color: ##dcf1f3;
}

#cardStackWrapper.homepage .cardStack.inverse-shadow {
  box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.2);
}

#cardStackWrapper.homepage .cardStack .fixed,
#cardStackWrapper.homepage .cardStack .absolute {
  height: auto;
  width: 100%;
}

#cardStackWrapper.homepage .cardStack .fixed {
  position: fixed;
}

#cardStackWrapper.homepage .cardStack .absolute {
  position: absolute;
}

#cardStackWrapper.homepage .cardStack .carousel-inner {
  top: 0;
  transform: scale(1.04, 1.04);
}

.cardStack-wrap {
  margin-top: 1080px;
  /*will be over written by dir*/
  background-color: white;
  position: relative;
  margin-top: -2px;
  /*safari fix?*/
}

.cardStack.one {
  position: fixed;
  width: 100%;
  top: 0;
}

.homepage .cardStack.one {
  margin-top: 146px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage .cardStack.one {
    margin-top: 136px;
  }
}

@media only screen and (max-width: 767px) {
  .homepage .cardStack.one {
    margin-top: 51px;
  }
}

#homepageCarousel {
  z-index: 1;
  height: 100%;
  margin-top: 0;
}

#homepageCarousel .carousel-indicators {
  bottom: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .carousel-indicators {
    margin-left: -12%;
    width: 24%;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .carousel-indicators {
    width: 60%;
    margin-left: -30%;
  }
}

#homepageCarousel .carousel-indicators li {
  width: 13px;
  height: 14px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  background-clip: padding-box;
}

#homepageCarousel .carousel-indicators li.active {
  height: 14px;
  margin: 1px;
}

#homepageCarousel .carousel-caption .caption,
#homepageCarousel .first .caption {
  transition: opacity 1s ease-out;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel .carousel-caption .caption,
  #homepageCarousel .first .caption {
    top: 0;
  }
}

#homepageCarousel .carousel-caption .caption h2,
#homepageCarousel .first .caption h2,
#homepageCarousel .carousel-caption .caption h3,
#homepageCarousel .first .caption h3,
#homepageCarousel .carousel-caption .caption .caption-cta,
#homepageCarousel .first .caption .caption-cta {
  transition: opacity 1s ease-out;
}

#homepageCarousel .carousel-caption a.carousel__button,
#homepageCarousel .first a.carousel__button {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 30px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #242916;
  border-radius: 4px;
  background: #fde601;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}

#homepageCarousel .carousel-caption a.carousel__button:hover,
#homepageCarousel .first a.carousel__button:hover,
#homepageCarousel .carousel-caption a.carousel__button:focus,
#homepageCarousel .first a.carousel__button:focus {
  color: #242916;
  background-color: #cab801;
}

#homepageCarousel .item {
  /**
         * Background adjustments
         */
}

#homepageCarousel .item .carousel-caption {
  background-color: rgba(0, 0, 0, 0.15);
}

#homepageCarousel .item .carousel-caption .text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#homepageCarousel .item .carousel-caption .h3 h3 {
  font-size: 122px;
  font-weight: 400;
  line-height: 1.2;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel .item .carousel-caption .h3 h3 {
    line-height: 1;
  }
}

#homepageCarousel .item .carousel-caption .h2 h2 {
  font-size: 40px;
  font-weight: bold;
  line-height: 60px;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel .item .carousel-caption .h2 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption {
    bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .h2 {
    font-size: 105px;
    line-height: 90px;
  }

  #homepageCarousel .item .carousel-caption .h2 span {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .caption.pull-right {
    width: 60%;
  }

  #homepageCarousel .item .carousel-caption .layover-text {
    max-width: 450px;
  }

  #homepageCarousel .item .carousel-caption .h3 h3 {
    font-size: 122px;
    line-height: 1;
  }

  #homepageCarousel .item .carousel-caption .h2 h2 {
    font-size: 40px;
    line-height: 60px;
    margin: 0 0 60px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .h2 {
    font-size: 28vw;
    line-height: 22vw;
  }

  #homepageCarousel .item .carousel-caption .h2 span {
    font-size: 20vw;
  }

  #homepageCarousel .item .carousel-caption .h3 h3 {
    font-size: 60px;
    line-height: 1;
  }

  #homepageCarousel .item .carousel-caption .h2 h2 {
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.blue-ribbon-new-home-sales-event {
    padding-top: 75px;
  }
}

#homepageCarousel .item .carousel-caption.blue-ribbon-new-home-sales-event .caption-cta a {
  background: #1393cd;
  border-radius: 11.25px;
  color: #ffffff;
  box-shadow: none;
  padding: 7.5px 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.blue-ribbon-new-home-sales-event img {
    max-width: 600px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption.blue-ribbon-new-home-sales-event img {
    max-width: 640px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.low-rates-on-available-homes {
    padding-top: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.low-rates-on-available-homes img {
    max-width: 675px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption.low-rates-on-available-homes img {
    max-width: 675px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.special-interest-rates {
    padding-top: 75px;
  }
}

#homepageCarousel .item .carousel-caption.special-interest-rates .caption-cta a {
  background: #ffda2a;
  border-radius: 15px;
  color: #ffffff;
  box-shadow: none;
  padding: 7.5px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption.special-interest-rates img {
    max-width: 675px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption.special-interest-rates img {
    max-width: 675px;
  }
}

#homepageCarousel .item .carousel-caption.back-to-school img {
  margin: 0 20px;
  max-width: 675px;
}

#homepageCarousel .item .carousel-caption.red-white-now .caption-cta a {
  background: #da1f26;
  box-shadow: none;
  padding: 7.5px 30px;
}

#homepageCarousel .item .carousel-caption .september-savings .caption .ribbon,
#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .ribbon {
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 21px;
  text-align: center;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transition: all 1s ease-out;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .ribbon,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .ribbon {
    font-size: 22px;
    width: 100%;
    background-size: 75%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .ribbon,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .ribbon {
    font-size: 30px;
  }
}

#homepageCarousel .item .carousel-caption .september-savings .caption .h3,
#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 {
  font-style: italic;
  text-transform: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 555px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 675px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption.slide-up,
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption.slide-up {
    padding-top: 35px;
    transform: scale(0.7);
    transform-origin: top center;
  }
}

#homepageCarousel .item .carousel-caption .september-savings .caption.slide-up .ribbon,
#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption.slide-up .ribbon {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

#homepageCarousel .item .carousel-caption .september-savings .caption.slide-up .h4,
#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption.slide-up .h4 {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

#homepageCarousel .item .carousel-caption .september-savings .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel .item .carousel-caption .september-savings .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption {
    top: calc((100vh - 177px - 420px) / 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption {
    top: calc((100vh - 167px - 270px) / 2);
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption {
    top: calc((100vh - 109px - 61px - 240px) / 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption img {
    max-height: 18vh;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .september-savings .caption img {
    max-width: 100%;
  }
}

#homepageCarousel .item .carousel-caption .september-savings .caption .caption-cta {
  background: transparent;
  margin-top: 30px;
}

#homepageCarousel .item .carousel-caption .september-savings .caption .caption-cta a {
  border: 2px solid #ffffff;
  border-radius: 0;
  box-shadow: none;
  font-weight: 400;
  letter-spacing: 3.75px;
  padding: 7.5px 15px;
}

#homepageCarousel .item .carousel-caption .september-savings .caption .caption-cta a:hover {
  background-color: #f1a43c;
}

#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption {
    top: 9%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption {
    top: 6%;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption {
    top: 4.5%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption img {
    max-width: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption img {
    max-width: 450px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption img {
    width: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 {
    margin-bottom: 15px;
  }
}

#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
  font-style: initial;
  margin-bottom: 0;
  text-shadow: 0px 0px 7.5px #000000;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .h2 h2 {
    font-size: 30px;
    margin-top: 0;
  }
}

#homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .caption-cta {
  max-width: initial;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .be-home-for-the-holidays .caption .caption-cta a {
    font-size: 18px;
  }
}

#homepageCarousel .item .carousel-caption .first .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-size: 47px !important;
  line-height: 50px !important;
  color: #695035;
  letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item .carousel-caption .first .h3 h3 {
    font-size: 38px;
    line-height: 45px;
  }
}

#homepageCarousel .item .carousel-caption .first .h2 h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 147px;
  line-height: 125px;
  letter-spacing: 1px;
  color: #695035;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .first .h2 h2 {
    font-size: 85px !important;
    line-height: 70px;
    margin-bottom: 20px;
  }
}

#homepageCarousel .item .carousel-caption .first .h2 h2 span {
  font-size: 102px;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item .carousel-caption .first .h2 h2 span {
    font-size: 75px;
  }
}

#homepageCarousel .item.item-be-home-for-the-holidays .fill {
  background-position: right top;
}

#homepageCarousel .item.item-be-home-for-the-holidays > img {
  position: absolute;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item.item-be-home-for-the-holidays > img {
    top: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  #homepageCarousel .item.item-be-home-for-the-holidays > img {
    max-width: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel .item.item-be-home-for-the-holidays > img {
    max-width: 210px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel .item.item-be-home-for-the-holidays > img {
    max-width: 120px;
    top: 15px;
    right: -12px;
  }
}

.new-communities {
  background: #faf5ee;
  overflow: hidden;
  opacity: 1;
  position: relative;
  z-index: 2;
}

.new-communities .read-our-blog {
  position: absolute;
  z-index: 9;
  background-color: #f1a43c;
  bottom: -160px;
  left: 0;
  width: 100%;
  padding-bottom: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog {
    bottom: -119px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog {
    text-align: center;
    padding-bottom: 12px;
    bottom: -153px;
  }
}

.new-communities .read-our-blog .detail-title {
  display: inline-block;
  padding-left: 32px;
  padding-top: 10px;
  padding-bottom: 11px;
  margin-top: 8px;
  background: url('/images/site/our-blog-bg.png') 17px center no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-title {
    padding-left: 0;
    background-position: left center;
    background-size: contain;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-title {
    padding-left: 0;
    background-position: left center;
    background-size: contain;
    margin-left: 10px;
  }
}

.new-communities .read-our-blog .detail-title h3 {
  font-size: 48px;
  line-height: 55px;
  color: #ffffff;
  font-weight: lighter;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-title h3 {
    font-size: 25px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-title h3 {
    font-size: 28px;
    line-height: 34px;
  }
}

.new-communities .read-our-blog .detail-para {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding-top: 32px;
  margin-left: 80px;
  margin-right: 80px;
}

@media only screen and (min-width: 1401px) and (max-width: 1599px) {
  .new-communities .read-our-blog .detail-para {
    margin: 10px 30px 0 20px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .new-communities .read-our-blog .detail-para {
    margin: 0 29px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-para {
    padding-top: 24px;
    margin: 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-para {
    padding-top: 19px;
    margin: 0 5px 0 5px;
  }
}

.new-communities .read-our-blog .detail-para p {
  font-size: 22px;
  line-height: 44px;
  color: #ffffff;
  font-weight: lighter;
  width: 100%;
  margin: 0 auto;
  max-width: 540px;
}

@media only screen and (min-width: 1401px) and (max-width: 1599px) {
  .new-communities .read-our-blog .detail-para p {
    line-height: 34px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .new-communities .read-our-blog .detail-para p {
    max-width: 400px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-para p {
    font-size: 18px;
    line-height: 24px;
    max-width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-para p {
    font-size: 16px;
    line-height: 24px;
    max-width: 280px;
  }
}

.new-communities .read-our-blog .detail-link {
  display: inline-block;
  vertical-align: top;
  padding-top: 61px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-link {
    padding-top: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-link {
    margin: 0 auto;
    padding-top: 0;
  }
}

.new-communities .read-our-blog .detail-link a {
  font-size: 18px;
  letter-spacing: 0.45px;
  color: #ffffff;
  padding: 23px 31px;
  background-color: #4e96bc;
  border-radius: 4px;
  transition: 0.2s ease-in;
}

.new-communities .read-our-blog .detail-link a:hover {
  background-color: #427895;
  transition: 0.2s ease-in;
}

@media only screen and (min-width: 1401px) and (max-width: 1599px) {
  .new-communities .read-our-blog .detail-link a {
    font-size: 16px;
    font-weight: lighter;
    padding: 20px 10px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .new-communities .read-our-blog .detail-link a {
    font-size: 16px;
    font-weight: lighter;
    padding: 20px 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .read-our-blog .detail-link a {
    padding: 10px;
    font-size: 16px;
    font-weight: lighter;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .read-our-blog .detail-link a {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: lighter;
  }
}

.new-communities.fade-in {
  opacity: 1;
  transition: all 1.2s ease-in;
}

.new-communities .parallax {
  overflow: hidden;
}

.new-communities .shadow {
  position: relative;
}

.new-communities .shadow .full-width-shadow {
  background: url('/images/site/full-width-shadow.png') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 11px;
  position: absolute;
  top: 10px;
  z-index: 1;
  opacity: 0.2;
}

.new-communities .where-we-build {
  background: #ffffff;
  padding: 50px 0px;
}

@media only screen and (max-height: 950px) {
  .new-communities .where-we-build {
    padding: 20px 0px;
  }
}

.new-communities .where-we-build.fade-in .container {
  transition: all 1.2s ease-in;
  opacity: 1;
}

.new-communities .where-we-build h1 {
  color: #f1a43c;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 10px;
}

.new-communities .where-we-build .h2 {
  font-size: 82px;
  line-height: 90px;
  margin-top: -10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .new-communities .where-we-build .h2 {
    font-size: 62px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .where-we-build .h2 {
    font-size: 52px;
  }
}

.new-communities .where-we-build p {
  color: #9e9991;
  font-size: 27px;
  line-height: 45px;
  text-align: left;
  margin-top: 51px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .where-we-build p {
    font-size: 22px;
    line-height: 35px;
    margin-top: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .where-we-build p {
    font-size: 22px;
  }
}

.new-communities .regions {
  opacity: 0;
  transition: all 1s ease-in;
}

.new-communities .regions.fade-in {
  opacity: 1;
}

.new-communities .regions > div[class^='col-'] {
  display: table;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .regions > div[class^='col-'] {
    padding-top: 20px;
    height: 450px !important;
  }
}

.new-communities .regions > div[class^='col-'] .content-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.new-communities .regions .select-regions .h5 {
  font-size: 16px;
}

@media only screen and (min-width: 1230px) {
  .new-communities .regions .select-regions .h5 {
    font-size: 18px;
  }
}

.new-communities .regions ul {
  list-style: none;
  margin-bottom: 30px;
  padding-left: 0;
}

@media only screen and (max-height: 950px) {
  .new-communities .regions ul {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.new-communities .regions ul li.region-map-selector {
  line-height: 35px;
  border-bottom: 1px solid #e8e1d8;
  padding: 3.75px 20px;
  font-size: 21px;
  color: #1393cd;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 950px) {
  .new-communities .regions ul li.region-map-selector {
    font-size: 19.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .regions ul li.region-map-selector {
    font-size: 18px;
  }
}

.new-communities .regions ul li.region-map-selector:hover {
  transition: all 0.2s ease-in;
  background: #eee7dd;
}

.new-communities .regions ul li.region-map-selector .square {
  width: 15px;
  height: 15px;
  border: 2px solid #1393cd;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  margin-top: 10px;
  margin-right: 20px;
}

.new-communities .regions ul li.region-map-selector i {
  float: right;
  margin-top: 0px;
  font-size: 37px;
  position: relative;
  right: -10px;
  display: none;
}

.new-communities .regions ul li.region-map-selector.selected .square {
  background: #1393cd;
}

.new-communities .regions ul li.region-map-selector.selected i {
  display: inline;
}

.new-communities .regions a.button {
  font-size: 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .new-communities .regions a.button {
    font-size: 16px;
  }
}

.new-communities .regions .regions-img img {
  height: 161px;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities .regions .regions-img img {
    height: 119px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .regions .regions-img img {
    height: 153px;
  }
}

.new-communities #homepage_map_container {
  position: absolute !important;
  top: 0;
  right: 15px;
  left: auto;
  bottom: 160px;
  font-size: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .new-communities #homepage_map_container {
    bottom: 119px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities #homepage_map_container {
    bottom: 153px;
  }
}

.new-communities #homepage_map_container .angular-google-map,
.new-communities #homepage_map_container .angular-google-map-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 100%;
  height: 100% !important;
}

@media (max-width: 767px) {
  .new-communities #homepage_map_container {
    position: static !important;
    height: 50%;
    height: 50vh;
  }

  .new-communities #homepage_map_container .angular-google-map {
    position: relative !important;
    width: 100%;
    height: 100%;
  }

  .new-communities #homepage_map_container .angular-google-map-container {
    height: 100%;
  }
}

.new-communities .map,
.new-communities .angular-google-map,
.new-communities .angular-google-map-container {
  height: 610px;
}

.new-communities .map {
  position: absolute !important;
  right: 0;
  width: 50%;
  opacity: 0;
  transition: all 1s ease-in;
}

.new-communities .map.fade-in {
  opacity: 1;
}

.new-communities .map img {
  max-width: 100%;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-communities .map img.map-bkg {
    max-width: inherit;
    height: 515px;
  }
}

.map-wrapper .row {
  position: relative;
}

.map-menu-container {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.why-choose {
  background: #1393cd;
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  z-index: 3;
  height: 100%;
}

.why-choose img {
  width: 100%;
}

.why-choose .left-half {
  height: 100%;
  opacity: 0;
  transition: all 1s ease-in;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
}

.why-choose .left-half:after {
  content: '';
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, rgba(19, 147, 205, 0) 0%, #1393cd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
}

.why-choose .left-half.fade-in {
  opacity: 1;
  transition: all 1.2s ease-in;
}

.why-choose .why-choose-right {
  opacity: 0;
  transition: all 1s ease-in;
}

.why-choose .why-choose-right.fade-in {
  opacity: 1;
}

.why-choose .why-choose-text {
  padding: 20% 0px 25% 0px;
  opacity: 0;
  transition: all 1s ease-in;
}

.why-choose .why-choose-text.slide-up {
  padding: 15% 0px 25% 0px;
  opacity: 1;
}

.why-choose .why-choose-text h2 {
  color: #f1a43c;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 0;
}

.why-choose .why-choose-text h3 {
  color: #e7e1d9;
  margin-top: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-choose .why-choose-text h3 {
    font-size: 57px;
    line-height: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-choose .why-choose-text h3 {
    font-size: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-choose .why-choose-text h3 {
    font-size: 36px;
  }
}

.why-choose p {
  color: #e7e1d9;
  font-size: 27px;
  line-height: 45px;
  padding: 10px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-height: 950px) {
  .why-choose p {
    font-size: 23px;
    line-height: 30px;
  }
}

.accolades {
  padding: 130px 0px 160px 0px;
  position: relative;
  background: #ffffff;
  z-index: 4;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .accolades {
    padding: 65px 0;
  }
}

.accolades .container-fluid {
  transition: all 1s ease-in;
}

.accolades .container-fluid.fade-in {
  opacity: 1;
}

.accolades .accolades-text {
  opacity: 0;
  transition: all 1s ease-in;
  position: relative;
  margin-top: 0px;
  top: 40px;
}

.accolades .accolades-text.slide-up {
  opacity: 1;
  top: 0;
}

.accolades .left-col {
  padding-left: 4.15%;
}

.accolades .right-col img {
  display: none;
}

.accolades .h4 {
  color: #f1a43c;
  font-size: 22px;
  line-height: 40px;
}

.accolades p {
  font-size: 27px;
  line-height: 45px;
  color: #817a70;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .accolades p {
    font-size: 20px;
    line-height: 30px;
  }
}

.accolades img {
  max-width: 100%;
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accolades img {
    margin: 30px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .accolades img {
    margin: 30px 0px;
  }
}

.accolades img.last {
  margin-top: 13px;
}

.accolades a.button {
  float: left;
  margin-top: 25px;
}

#homepageCarousel.staging {
  z-index: 1;
  height: 100%;
  margin-top: 0;
}

#homepageCarousel.staging .carousel-indicators li {
  width: 13px;
  height: 14px;
  border: 2px solid #ffffff;
  border-radius: 3px;
  background-clip: padding-box;
}

#homepageCarousel.staging .carousel-indicators li.active {
  height: 14px;
  margin: 1px;
}

#homepageCarousel.staging .carousel-caption .caption,
#homepageCarousel.staging .first .caption,
#homepageCarousel.staging .fourth .caption {
  transition: opacity 1s ease-out;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .carousel-caption .caption,
  #homepageCarousel.staging .first .caption,
  #homepageCarousel.staging .fourth .caption {
    top: 0;
  }
}

#homepageCarousel.staging .carousel-caption .caption h2,
#homepageCarousel.staging .first .caption h2,
#homepageCarousel.staging .fourth .caption h2,
#homepageCarousel.staging .carousel-caption .caption h3,
#homepageCarousel.staging .first .caption h3,
#homepageCarousel.staging .fourth .caption h3,
#homepageCarousel.staging .carousel-caption .caption .caption-cta,
#homepageCarousel.staging .first .caption .caption-cta,
#homepageCarousel.staging .fourth .caption .caption-cta {
  transition: opacity 1s ease-out;
}

#homepageCarousel.staging .item {
  /**
         * Background adjustments
         */
}

#homepageCarousel.staging .item .carousel-caption {
  bottom: 55px;
}

#homepageCarousel.staging .item .carousel-caption .h3 h3 {
  font-size: 122px;
  line-height: 1.2 !important;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .item .carousel-caption .h3 h3 {
    line-height: 1 !important;
  }
}

#homepageCarousel.staging .item .carousel-caption .h2 h2 {
  font-size: 40px;
  line-height: 60px;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .item .carousel-caption .h2 h2 {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption {
    bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .h2 {
    font-size: 105px;
    line-height: 90px;
  }

  #homepageCarousel.staging .item .carousel-caption .h2 span {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .caption.pull-right {
    width: 60%;
  }

  #homepageCarousel.staging .item .carousel-caption .layover-text {
    max-width: 450px;
  }

  #homepageCarousel.staging .item .carousel-caption .h3 h3 {
    font-size: 122px !important;
    line-height: 1 !important;
  }

  #homepageCarousel.staging .item .carousel-caption .h2 h2 {
    font-size: 40px;
    line-height: 60px;
    margin: 0 0 60px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .h2 {
    font-size: 28vw;
    line-height: 22vw;
  }

  #homepageCarousel.staging .item .carousel-caption .h2 span {
    font-size: 20vw;
  }

  #homepageCarousel.staging .item .carousel-caption .h3 h3 {
    font-size: 80px;
    line-height: 1;
  }

  #homepageCarousel.staging .item .carousel-caption .h2 h2 {
    font-size: 20px;
    line-height: 40px;
  }
}

#homepageCarousel.staging .item .carousel-caption .caption-cta {
  display: inline-block;
  border-radius: 4px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ee941e 0%, #f8c15a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
  max-width: 340px;
}

#homepageCarousel.staging .item .carousel-caption .caption-cta a {
  background: rgba(238, 148, 38, 0);
  transition: background 0.2s ease-out;
  font-size: 20px !important;
}

#homepageCarousel.staging .item .carousel-caption .caption-cta a:hover {
  background: #f88026;
  transition: background 0.2s ease-in;
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .ribbon,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon,
#homepageCarousel.staging .item .carousel-caption .addison .caption .ribbon,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .ribbon {
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 21px;
  text-align: center;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transition: all 1s ease-out;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .addison .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .ribbon {
    font-size: 22px;
    width: 100%;
    background-size: 75%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .addison .caption .ribbon,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .ribbon {
    font-size: 30px;
  }
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2,
#homepageCarousel.staging .item .carousel-caption .addison .caption .h2,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2,
#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3,
#homepageCarousel.staging .item .carousel-caption .addison .caption .h3,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3,
#homepageCarousel.staging .item .carousel-caption .addison .caption .h3,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 {
  font-style: italic;
  text-transform: none;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2,
#homepageCarousel.staging .item .carousel-caption .addison .caption .h2,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 {
  transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 30px !important;
  }
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .caption-cta,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .caption-cta,
#homepageCarousel.staging .item .carousel-caption .addison .caption .caption-cta,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .caption-cta {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
}

@media only screen and (min-width: 768px) and (max-height: 675px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption.slide-up,
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption.slide-up,
  #homepageCarousel.staging .item .carousel-caption .addison .caption.slide-up,
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption.slide-up {
    padding-top: 35px;
    transform: scale(0.7);
    transform-origin: top center;
  }
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption.slide-up .ribbon,
#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption.slide-up .ribbon,
#homepageCarousel.staging .item .carousel-caption .addison .caption.slide-up .ribbon,
#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption.slide-up .ribbon {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .h2 h2 {
    font-size: 40px;
  }
}

#homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .ribbon {
  background-image: url('/images/site/homepage/ribbon-eastwood-at-riverside.png');
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .eastwood-at-riverside .caption .ribbon {
    width: 409px;
  }
}

#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .h2 h2 {
    font-size: 40px;
  }
}

#homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon {
  background-image: url('/images/site/homepage/ribbon-hills-of-bear-creek.png');
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon {
    width: 589px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .hills-of-bear-creek .caption .ribbon {
    background-size: 90%;
  }
}

#homepageCarousel.staging .item .carousel-caption .addison .caption {
  position: absolute;
  top: 22.5%;
  margin: 0 auto;
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption {
    top: 0;
  }
}

#homepageCarousel.staging .item .carousel-caption .addison .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel.staging .item .carousel-caption .addison .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .h2 h2 {
    font-size: 40px;
  }
}

#homepageCarousel.staging .item .carousel-caption .addison .caption .ribbon {
  background-image: url('/images/site/homepage/ribbon-red.png');
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .addison .caption .ribbon {
    width: 493px;
  }
}

#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 h3 {
    line-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 h3 {
    font-size: 66px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 h3 {
    font-size: 122px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h3 h3 {
    font-size: 122px;
    line-height: 150px;
  }
}

#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 22px;
    line-height: 34px;
    margin: 30px 0 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    line-height: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1230px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .h2 h2 {
    font-size: 40px;
  }
}

#homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .ribbon {
  background-image: url('/images/site/homepage/ribbon-blue.png');
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .the-reserve-at-brushy-creek .caption .ribbon {
    width: 409px;
  }
}

#homepageCarousel.staging .item .carousel-caption .first .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-size: 47px !important;
  line-height: 50px !important;
  color: #695035;
  letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .first .h3 h3 {
    font-size: 38px;
    line-height: 45px;
  }
}

#homepageCarousel.staging .item .carousel-caption .first .h2 h2 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 147px;
  line-height: 125px;
  letter-spacing: 1px;
  color: #695035;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .first .h2 h2 {
    font-size: 85px !important;
    line-height: 70px;
    margin-bottom: 20px;
  }
}

#homepageCarousel.staging .item .carousel-caption .first .h2 h2 span {
  font-size: 102px;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .first .h2 h2 span {
    font-size: 75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .fourth .caption {
    top: 25.5%;
  }
}

@media only screen and (max-width: 555px) {
  #homepageCarousel.staging .item .carousel-caption .fourth .caption {
    top: 25.5%;
  }
}

#homepageCarousel.staging .item .carousel-caption .fourth .caption .h3 h3 {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 145px;
  line-height: 125px;
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item .carousel-caption .fourth .caption .h3 h3 {
    font-size: 38px !important;
    line-height: 45px;
  }
}

#homepageCarousel.staging .item .carousel-caption .fourth .caption .h2 h2 {
  padding-left: 0;
  font-size: 147px;
  line-height: 125px;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #homepageCarousel.staging .item .carousel-caption .fourth .caption .h2 h2 {
    font-size: 105px !important;
    line-height: 94px;
  }
}

@media only screen and (max-width: 767px) {
  #homepageCarousel.staging .item.fourth .fill {
    background-size: auto 91%;
    background-repeat: no-repeat;
  }
}

#homepageCarousel.staging .item.eastwood-at-riverside .fill {
  background-position: center top;
}

.microsite-form {
  padding: 20px;
  margin: 0 0 50px;
  background: white;
}

.microsite-form__form {
  display: grid;
  gap: 20px;
}

.microsite-form__form .opt-in-form-disclaimer {
  font-size: 14px;
  color: darkgray;
}

.microsite-welcome .microsite-form .microsite-form__title {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  color: #f1a43c;
}

.microsite-welcome .microsite-form .microsite-form__subtitle {
  margin: 0.25em 0 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6667;
}

.microsite-form__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 10px;
}

.microsite-form__field--wide {
  grid-column: 1 / span 2;
}

.microsite-form__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 37px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 300;
  border: 1px solid #989898;
  border-radius: 0;
  transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.microsite-form__input:focus {
  outline: 0;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
}

.microsite-form__input--textarea {
  height: unset;
  padding: 8px 10px;
  resize: none;
}

.microsite-form__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.microsite-body {
  background-color: #f4f3f0;
  color: #9e9991;
}

.microsite-body h2 {
  font-size: 53.33pt;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .microsite-body h2 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-body h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-body h2 {
    font-size: 30px;
  }
}

.microsite-body .h4 {
  font-size: 13.33pt;
}

.microsite-body .h5 {
  font-size: 13.33pt;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .microsite-body .h4,
  .microsite-body .h5 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-body .h4,
  .microsite-body .h5 {
    font-size: 15px;
    line-height: 25px;
  }
}

.microsite-body .section-description {
  font-size: 25px;
  font-weight: 100;
  line-height: 45px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-body .section-description {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-body .section-description {
    font-size: 18px;
    line-height: 30px;
    padding-top: 15px;
  }
}

.microsite-body .section-description .embed-responsive {
  margin-top: 30px;
}

#micrositeCarousel {
  position: fixed;
  z-index: 0;
  top: 0;
  width: 100%;
}

#micrositeCarousel .carousel-control.right {
  right: 30px;
}

#micrositeCarousel .item .h5 {
  color: #ffffff;
  margin: 0;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
  letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
  #micrositeCarousel .item .h5 {
    text-shadow: 0px 2px 5px #000000;
  }
}

#micrositeCarousel.carousel .carousel-caption {
  display: table;
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  #micrositeCarousel.carousel .carousel-caption {
    transform: scale(1);
  }
}

#micrositeCarousel.carousel .carousel-caption .text {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-height: 865px) {
  #micrositeCarousel.carousel .carousel-caption .text .caption {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 675px) {
  #micrositeCarousel.carousel .carousel-caption .text .caption {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 610px) {
  #micrositeCarousel.carousel .carousel-caption .text .caption {
    padding-bottom: 80px;
  }
}

#micrositeCarousel.carousel .carousel-caption h2,
#micrositeCarousel.carousel .carousel-caption .h2 {
  font-size: 117px;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-height: 865px) {
  #micrositeCarousel.carousel .carousel-caption h2,
  #micrositeCarousel.carousel .carousel-caption .h2 {
    font-size: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 675px) {
  #micrositeCarousel.carousel .carousel-caption h2,
  #micrositeCarousel.carousel .carousel-caption .h2 {
    font-size: 70px;
    margin-top: 5px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 610px) {
  #micrositeCarousel.carousel .carousel-caption h2,
  #micrositeCarousel.carousel .carousel-caption .h2 {
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #micrositeCarousel.carousel .carousel-caption h2,
  #micrositeCarousel.carousel .carousel-caption .h2 {
    font-size: 70px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 100px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #micrositeCarousel.carousel .carousel-caption h2,
  #micrositeCarousel.carousel .carousel-caption .h2 {
    font-size: 15vw;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

#micrositeCarousel.carousel .carousel-caption p.h5 {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 5px 20px;
  display: inline-block;
}

#micrositeCarousel h2 {
  font-style: inherit !important;
  margin-top: 35px;
  margin-bottom: 35px;
}

#micrositeCarousel h2 big {
  display: block;
  line-height: 1em;
}

#micrositeCarousel h2 .at {
  display: block;
  text-align: center;
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-size: 25%;
  line-height: 1em;
  position: relative;
}

#micrositeCarousel h2 .at:before {
  content: '';
  position: absolute;
  border-bottom: 1px solid white;
  height: 0px;
  top: 60%;
  right: 50%;
  margin-right: 1em;
  width: 10%;
}

#micrositeCarousel h2 .at:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid white;
  height: 0px;
  top: 60%;
  left: 50%;
  margin-left: 1em;
  width: 10%;
}

#micrositeCarousel h2 small {
  display: block;
  color: white;
  line-height: 1em;
}

#micrositeCarousel .carousel-indicators {
  right: 50%;
  bottom: 220px;
}

@media only screen and (max-width: 767px) {
  #micrositeCarousel .carousel-indicators {
    right: 40%;
    bottom: 160px;
    margin-top: 0 !important;
    top: auto !important;
  }
}

@media only screen and (min-width: 768px) and (max-height: 610px) {
  #micrositeCarousel .carousel-indicators {
    bottom: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-height: 530px) {
  #micrositeCarousel .carousel-indicators {
    display: none;
  }
}

#micrositeCarousel .carousel-indicators li {
  width: 13px;
  height: 14px;
  border-radius: 3px;
  background-clip: padding-box;
  border: 2px solid #ffffff;
}

#micrositeCarousel .carousel-indicators li.active {
  height: 14px;
  margin: 1px;
}

.affix-trigger {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  top: -176px;
  background-color: white;
}

#microsite-secondary {
  padding: 0;
  border: 0;
  text-align: center;
  background-color: transparent;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 13;
  margin-top: -31px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary > .container {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  #microsite-secondary {
    background-color: white;
    position: fixed;
    top: 107px;
    width: 100%;
    margin-top: 0;
  }
}

#microsite-secondary ul.nav-tabs {
  border: 1px solid #efeeeb;
  background-color: #fff;
  width: 100%;
  padding: 15px 0;
  margin: auto;
}

#microsite-secondary ul.nav-tabs li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-bottom: 0;
  padding-right: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #microsite-secondary ul.nav-tabs li {
    padding-right: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary ul.nav-tabs li {
    padding-right: 20px;
  }
}

#microsite-secondary ul.nav-tabs li a {
  color: #f1a43c;
  font-size: 19px;
  font-weight: 300;
  line-height: 33.33px;
  border: none;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary ul.nav-tabs li a {
    font-size: 16px;
  }
}

#microsite-secondary ul.nav-tabs li a.floorplans {
  background-color: transparent;
}

#microsite-secondary ul.nav-tabs li a:hover,
#microsite-secondary ul.nav-tabs li a:focus,
#microsite-secondary ul.nav-tabs li.active a {
  color: #9e9991;
  text-decoration: none;
  font-weight: 300;
  background-color: transparent;
}

#microsite-secondary ul.nav-tabs li.current a {
  color: #9e9991;
}

#microsite-secondary ul.nav-tabs li.logo {
  transition: all 0.2s ease-out;
  width: 1px;
  position: relative;
  padding: 0;
  opacity: 0;
}

#microsite-secondary ul.nav-tabs li.logo img {
  height: 40px;
  width: 40px;
}

#microsite-secondary ul.nav-tabs li:last-child {
  padding-right: 0;
}

#microsite-secondary.fixed {
  position: fixed;
  top: 177px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary.fixed {
    top: 165px;
  }
}

#microsite-secondary.fixed ul {
  border: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary.fixed ul li:not(:last-child) {
    padding-right: 15px;
  }
}

#microsite-secondary.fixed.hide-main-nav {
  transition: all 0.2s ease-in;
  top: 30px;
}

#microsite-secondary.fixed.hide-main-nav .logo {
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition: all 0.2s ease-in;
  -moz-transition-delay: 0.4s;
  -o-transition: all 0.2s ease-in;
  -o-transition-delay: 0.4s;
  transition: 0.2s ease-in;
  transition-delay: 0.4s;
  padding-right: 45px;
  opacity: 1;
  width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #microsite-secondary.fixed.hide-main-nav .logo {
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite-secondary.fixed.hide-main-nav .logo {
    padding-right: 10px;
  }
}

.persistent-features-content {
  position: absolute;
  z-index: 10000;
  left: auto;
  top: auto;
  bottom: 0;
  right: 82px;
}

@media only screen and (max-width: 767px) {
  .persistent-features-content {
    right: 0;
    width: 100%;
    position: relative;
    overflow: auto;
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .persistent-features-content.schedule-a-tour-active {
    bottom: -266px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .persistent-features-content.schedule-a-tour-active {
    bottom: -296px;
  }
}

.persistent-features-content.receive-updates-active {
  bottom: -166px;
}

.persistent-features-content .schedule-a-tour-content {
  min-height: 620px;
}

.persistent-features-content .receive-updates-content {
  min-height: 420px;
}

.persistent-features-content .schedule-a-tour-content,
.persistent-features-content .receive-updates-content {
  display: none;
  width: 710px;
  background-color: #ffffff;
  left: auto;
  padding: 40px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .persistent-features-content .schedule-a-tour-content,
  .persistent-features-content .receive-updates-content {
    width: 100%;
    padding: 40px 20px;
  }
}

.persistent-features-content .schedule-a-tour-content .close,
.persistent-features-content .receive-updates-content .close {
  position: absolute;
  right: 15px;
  color: #b9d7da;
  background: none;
  top: 7px;
  font-size: 27px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  opacity: 1 !important;
}

@media only screen and (max-width: 767px) {

}

.persistent-features-content .schedule-a-tour-content .h3,
.persistent-features-content .receive-updates-content .h3 {
  margin-bottom: 30px;
  color: #9e9991;
}

@media only screen and (max-width: 767px) {
  .persistent-features-content .schedule-a-tour-content .h3,
  .persistent-features-content .receive-updates-content .h3 {
    font-size: 18px;
    line-height: 30px;
  }
}

.persistent-features-content .schedule-a-tour-content form,
.persistent-features-content .receive-updates-content form {
  /*override submit button*/
}

.persistent-features-content .schedule-a-tour-content form .form-group,
.persistent-features-content .receive-updates-content form .form-group {
  margin-bottom: 30px;
}

.persistent-features-content .schedule-a-tour-content form input,
.persistent-features-content .receive-updates-content form input,
.persistent-features-content .schedule-a-tour-content form textarea,
.persistent-features-content .receive-updates-content form textarea {
  border-radius: 0px;
  background-clip: padding-box;
  color: #888177;
  border-color: #cfcfcf;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  background: #ffffff;
}

@media only screen and (max-width: 767px) {
  .persistent-features-content .schedule-a-tour-content form input,
  .persistent-features-content .receive-updates-content form input,
  .persistent-features-content .schedule-a-tour-content form textarea,
  .persistent-features-content .receive-updates-content form textarea {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .persistent-features-content .schedule-a-tour-content form .btn-group .btn,
  .persistent-features-content .receive-updates-content form .btn-group .btn {
    color: #888177;
    font-size: 16px;
    line-height: 30px;
  }
}

.persistent-features-content .schedule-a-tour-content form input,
.persistent-features-content .receive-updates-content form input {
  height: 47px;
}

.persistent-features-content .schedule-a-tour-content form textarea,
.persistent-features-content .receive-updates-content form textarea {
  height: 120px;
  resize: none;
}

.persistent-features-content .schedule-a-tour-content form > .row > div:last-child,
.persistent-features-content .receive-updates-content form > .row > div:last-child {
  text-align: center;
}

.persistent-features-content .schedule-a-tour-content form > .row > div:last-child button.form-button,
.persistent-features-content .receive-updates-content form > .row > div:last-child button.form-button {
  margin: 0 !important;
  float: none !important;
}

.persistent-features-content .schedule-a-tour-content form.ng-submitted input.ng-invalid,
.persistent-features-content .receive-updates-content form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.persistent-features-content .schedule-a-tour-content .opt-in-form-disclaimer,
.persistent-features-content .receive-updates-content .opt-in-form-disclaimer {
  font-size: 14px;
  line-height: normal;
}

.persistent-features-content .dropdown-menu.community-interest.dropdown-accordion li {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #888177;
  font-size: 18px;
}

.info-square {
  margin: 50px 0;
  border: 1px solid #e8e1d8;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .info-square {
    margin: 30px 0;
  }
}

.info-square div:not(:last-child) {
  border-right: 1px solid #e8e1d8;
}

.info-square div {
  background-color: #fff;
  padding: 10px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .info-square div {
    padding: 20px 10px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .info-square div {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }
}

.info-square div i {
  font-size: 25px;
  font-weight: 100;
  display: inline-block;
  position: relative;
  top: -5px;
}

@media only screen and (max-width: 767px) {
  .info-square div i {
    font-size: 4.5vw;
  }
}

.info-square div img {
  vertical-align: middle;
}

.info-square div span {
  display: inline-block;
  padding-left: 5px;
  font-weight: 100;
}

@media only screen and (max-width: 767px) {
  .info-square div span {
    font-size: 4.5vw;
  }
}

.info-square ul {
  width: 100%;
  border: 1px solid #e8e1d8;
  background-color: #fff;
}

.info-square ul li {
  border-left: 1px solid #e8e1d8;
}

.microsite-welcome {
  padding-top: 88px;
  padding-bottom: 42px;
  background-color: #F1F0ED;
}

@media only screen and (max-width: 767px) {
  .microsite-welcome {
    padding-top: 42px;
  }
}

.microsite-welcome h1,
.microsite-welcome h2,
.microsite-welcome .h3,
.microsite-welcome .h4,
.microsite-welcome .h5,
.microsite-welcome .h6 {
  margin: 0;
}

.microsite-welcome .by-m-signature {
  color: #bbb7b2;
  font-weight: 700;
  letter-spacing: 1px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .microsite-welcome .by-m-signature {
    font-size: 16.5px;
    margin-left: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .microsite-welcome .by-m-signature {
    font-size: 13.5px;
    margin-left: 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-welcome .by-m-signature {
    font-size: 10.5px;
    margin-left: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-welcome .by-m-signature {
    font-size: 10.5px;
    margin-left: 3px;
  }
}

.microsite-welcome .h5 {
  color: #9e9991;
  letter-spacing: 1px;
}

.microsite-welcome .row.sales-office {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .microsite-welcome .row.sales-office--mobile {
    display: none;
  }
}

.microsite-welcome .row.sales-office--desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .microsite-welcome .row.sales-office--desktop {
    display: block;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-welcome .row.sales-office .get-directions-link-ph {
    padding-left: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-welcome .row.sales-office .get-directions-link-ph {
    text-align: center;
  }

  .microsite-welcome .row.sales-office .get-directions-link-ph a {
    display: inline-block !important;
  }
}

.microsite-welcome .row.sales-office .h5 {
  color: #9e9991;
  font-size: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .microsite-welcome .row.sales-office .h5 {
    font-size: 16px;
  }
}

.microsite-welcome .row.sales-office p {
  font-weight: 300;
  font-size: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-welcome .row.sales-office p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-welcome .row.sales-office p {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
}

.microsite-welcome .row.sales-office p i {
  vertical-align: top;
  width: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-welcome .row.sales-office p i {
    margin-top: 4.5px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-welcome .row.sales-office p i {
    margin-top: 3px;
  }
}

.microsite-welcome .row.sales-office p strong {
  display: inline-block;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-welcome .row.sales-office p span {
    padding-left: 36px;
  }
}

.microsite-community-location {
  background-color: #ffffff;
  padding-top: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .microsite-community-location {
    padding-top: 22px;
  }
}

.microsite-community-location .heading {
  text-align: center;
}

.microsite-community-location .heading h2 {
  color: #f1a43c;
  margin-top: 20px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .microsite-community-location .heading h2 {
    margin: 0;
  }
}

.microsite-community-location .community-location {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .microsite-community-location .community-location {
    padding: 20px;
  }
}

.microsite-community-location .community-location .angular-google-map-container {
  min-height: 400px;
  height: 66vh;
  max-height: 100vw;
}

.microsite-community-location .community-location-popup-window {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
  text-align: center;
}

.microsite-community-location .community-location-popup-window .h5.media-heading {
  margin-left: auto;
  margin-right: auto;
  max-width: 146px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-community-location .community-location-popup-window {
    height: 88px;
  }
}

.microsite-community-location .community-location-popup-window .get-directions-link {
  display: inline-block !important;
}

.microsite-community-location .key {
  background-color: #ffffff;
  padding: 15px 30px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.microsite-community-location .key .list-unstyled {
  margin-top: 15px;
}

.microsite-community-location .key .list-unstyled li {
  margin-bottom: 15px;
}

.microsite-community-location .key .list-unstyled li img {
  margin-right: 10px;
  max-width: 30px;
}

.persistent-features {
  background-color: transparent;
  position: fixed;
  right: 20px;
  z-index: 1040;
}

@media only screen and (max-height: 950px), only screen and (min-width: 768px) and (max-width: 991px) {
  .persistent-features {
    transform: scale(0.7);
    transform-origin: right center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .persistent-features {
    transform: scale(0.8);
    transform-origin: right center;
  }
}

.persistent-features i.fa.fa-times-circle {
  position: absolute;
  color: lightgray;
  top: 140px;
  right: 27px;
  font-size: 25px;
  z-index: 99999;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .persistent-features {
    right: 7px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .persistent-features {
    right: -7px;
  }
}

@media only screen and (max-width: 767px) {
  .persistent-features {
    top: 0;
    left: 100%;
    right: auto;
    height: 100%;
    width: 100%;
    z-index: 2;
    transition: all 0.3s ease-out;
  }

  .persistent-features.open {
    transition: all 0.3s ease-in;
    left: 0%;
  }
}

.persistent-features .persistent-feature-active {
  background-color: #fff;
  color: #cbc8bf !important;
}

.persistent-features .border-box {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.16);
}

.persistent-features .border-box div {
  padding: 10px;
}

.persistent-features .border-box .receive-updates {
  border-top: 1px solid #fff;
}

.persistent-features .border-box .schedule-a-tour,
.persistent-features .border-box .receive-updates {
  font-size: 10pt;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.persistent-features .border-box .schedule-a-tour i,
.persistent-features .border-box .receive-updates i {
  font-size: 30px;
  font-weight: bold;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .persistent-features[ng-controller="QuickDeliveryHomesDetailsCtrl"] {
    top: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .persistent-features[ng-controller="QuickDeliveryHomesDetailsCtrl"].pf-active {
    left: 0;
  }
}

.popover.in {
  z-index: 9991;
}

section.floorplans {
  background-color: #dcf1f3;
  padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  section.floorplans {
    padding-bottom: 0;
  }
}

section.floorplans nav {
  background-color: #c5dfe2;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  section.floorplans nav {
    margin-bottom: 30px;
  }
}

section.floorplans nav .nav-tabs {
  padding: 0;
  margin: auto;
}

section.floorplans nav .nav-tabs li {
  display: inline-block;
  padding: 0;
  color: white;
}

section.floorplans nav .nav-tabs li a {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 20px 30px;
  curosr: pointer;
}

@media only screen and (max-width: 767px) {
  section.floorplans nav .nav-tabs li a {
    padding: 20px 5vw;
  }
}

section.floorplans nav .nav-tabs li a:link,
section.floorplans nav .nav-tabs li a:hover,
section.floorplans nav .nav-tabs li a:active,
section.floorplans nav .nav-tabs li a:visited {
  color: inherit;
  background: transparent;
  border: none;
  cursor: pointer;
}

section.floorplans nav .nav-tabs li.active {
  background-color: #dcf1f3;
  color: #f1a43c;
}

section.floorplans .floor-plan-link {
  color: #1393cd;
  font-weight: 500;
}

section.floorplans .floor-plan-link:hover {
  cursor: pointer;
}

section.floorplans .tabs-series {
  border-bottom: 3px solid #c6dfe3;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .tabs-series {
    height: 61px;
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .tabs-series {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 96px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .tabs-series li:first-child {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .tabs-series li:first-child {
    min-width: calc(100vw - 20px);
  }

  section.floorplans .tabs-series li:first-child p {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .tabs-series li:not(:first-child) {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 30vw;
  }
}

section.floorplans .tabs-series li:not(:first-child) a {
  border: 3px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #9e9991;
  display: inline-block;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  section.floorplans .tabs-series li:not(:first-child) a {
    padding: 15px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .tabs-series li:not(:first-child) a {
    padding: 15px 6px;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .tabs-series li:not(:first-child) a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    height: 51px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    text-align: center;
  }
}

section.floorplans .tabs-series li:not(:first-child).active a {
  background-color: #dcf1f3;
  border: 3px solid #c6dfe3;
  border-bottom-color: transparent;
  color: #f1a43c;
}

section.floorplans .floorplans-box .header {
  margin-bottom: 40px;
}

section.floorplans .floorplans-box .header h2,
section.floorplans .floorplans-box .header .h5 {
  margin: 0;
}

section.floorplans .floorplans-box .header h2 {
  font-size: 50px;
  line-height: 50px;
}

section.floorplans .floorplans-box .header .h5.sub-title {
  color: #9e9991;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 1px;
}

section.floorplans .floorplans-box .header .h5.sub-title .new-price {
  color: #F26B1F;
  font-size: 16.5px;
}

section.floorplans .floorplans-box .header .h5.sub-title s {
  font-weight: 400;
}

section.floorplans .floorplans-box .header .row.info-square {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  section.floorplans .floorplans-box .header > .container > .row > div[class^="col-"]:not(:last-child) {
    margin-bottom: 20px;
  }
}

section.floorplans #dropdownOtherPlans {
  background-color: #f1a43c;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
  display: block;
  width: 270px;
  padding: 10px;
  font-style: none;
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  section.floorplans #dropdownOtherPlans {
    width: 100%;
  }
}

section.floorplans #dropdownOtherPlans:focus {
  font-style: none;
}

section.floorplans .home-of-the-week-row {
  padding: 30px 0;
  background-color: #f0fbfc;
}

section.floorplans .list-other-plans {
  cursor: pointer;
  width: 270px;
  border: 0;
  background-color: #f1a43c;
  color: #fff;
  padding: 20px;
  margin-top: -2px;
}

@media only screen and (max-width: 767px) {
  section.floorplans .list-other-plans {
    width: 100%;
  }
}

section.floorplans .list-other-plans li {
  font-size: 18px;
  line-height: 36px;
}

section.floorplans .elevations-content .content-container {
  width: 100%;
  padding: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  section.floorplans .elevations-content .content-container {
    padding: 10px 10px 30px;
  }
}

section.floorplans .elevations-content .carousel {
  height: auto;
  background-color: #ffffff;
  color: #9e9991;
  margin-top: 0;
}

section.floorplans .elevations-content .carousel .carousel-indicators {
  bottom: -39px;
}

section.floorplans .elevations-content .carousel .elevation-img {
  margin: 0 auto;
}

section.floorplans .elevations-content .carousel .elevation-name {
  background-color: rgba(241, 164, 60, 0.9);
  color: #ffffff;
  margin-bottom: 0;
  padding: 3.75px 30px;
  position: absolute;
  bottom: 7.55px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

section.floorplans .elevations-content .carousel .carousel-control .icon-prev {
  left: 0;
  background: url("/images/site/prev-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

section.floorplans .elevations-content .carousel .carousel-control:hover .icon-prev {
  background: url("/images/site/prev-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

section.floorplans .elevations-content .carousel .carousel-control .icon-next {
  right: 0;
  background: url("/images/site/next-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

section.floorplans .elevations-content .carousel .carousel-control:hover .icon-next {
  background: url("/images/site/next-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

section.floorplans .floor-plan-img-container .floor-plan-submenu ul {
  width: 100%;
  display: block;
  background-color: #eeece7;
  list-style: none;
  padding: 0;
  margin: 0;
}

section.floorplans .floor-plan-img-container .floor-plan-submenu ul li {
  padding: 25px;
  text-transform: uppercase;
  padding-right: 25px;
  color: #9e9991;
  display: inline-block;
  cursor: pointer;
}

section.floorplans .floor-plan-img-container .floor-plan-submenu ul li.active {
  background-color: #fff;
  color: #f1a43c;
}

section.floorplans .floor-plan-img-container .floor-plan-content,
section.floorplans .floor-plan-img-container .elevations-content {
  width: 100%;
  background-color: #ffffff;
}

@media only screen and (max-width: 560px) {
  section.floorplans .f360-embed-container.tall {
    padding-bottom: 267%;
  }
}

@media only screen and (max-width: 340px) {
  section.floorplans .f360-embed-container.tall {
    padding-bottom: 287%;
  }
}

@media only screen and (max-width: 270px) {
  section.floorplans .f360-embed-container.tall {
    padding-bottom: 317%;
  }
}

section.floorplans .house-card-container {
  text-align: center;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  section.floorplans .house-card-container {
    padding-bottom: 0;
  }
}

section.floorplans a {
  color: #81b3b8;
  font-weight: 500;
}

section.floorplans .titles {
  text-align: center;
}

section.floorplans .available-homes-box .new-price {
  color: #f1a43c;
}

section.floorplans .available-homes-box .new-price s {
  color: #9e9991;
}

section.floorplans .available-homes-box .available-homes-content {
  background-color: #ffffff;
  padding: 20px 40px;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  section.floorplans .available-homes-box .available-homes-content {
    margin-top: 0;
    padding: 0 0 20px;
    background-color: transparent;
  }
}

section.floorplans .available-homes-box .container > .row > div[class^="col-"] {
  padding: 0;
}

section.floorplans .available-homes-box .h1 {
  text-align: center;
  font-weight: 300;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  section.floorplans .available-homes-box .h1 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 0;
  }
}

section.floorplans .available-homes-box table {
  border: 0;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
}

section.floorplans .available-homes-box table .body-home-week td {
  background-color: #ffffff;
}

section.floorplans .available-homes-box table thead th {
  background-color: #e0d7c9;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #8f8677;
  font-size: 16px;
  border-color: #dad0bf;
}

section.floorplans .available-homes-box table thead th i {
  margin-right: 10px;
  font-size: 18px;
}

section.floorplans .available-homes-box table thead th i.fa-sort {
  font-size: 18px;
  margin-top: 2px;
}

section.floorplans .available-homes-box table thead th {
  border-left-width: 0;
  border-bottom-width: 2px;
}

section.floorplans .available-homes-box table thead th:first-child {
  border-left-width: 1px;
}

section.floorplans .available-homes-box table tbody {
  text-transform: uppercase;
  font-weight: 300;
}

section.floorplans .available-homes-box table tbody tr {
  background-color: #ffffff;
}

section.floorplans .available-homes-box table tbody td {
  color: #8f8677;
  border-color: #e0d7c9 !important;
}

section.floorplans .available-homes-box table tbody td p {
  font-size: 15px;
  color: #8f8677;
  text-transform: none;
}

section.floorplans .available-homes-box table tbody td .h4 {
  color: #f1a43c;
  font-size: 13.33pt;
  line-height: 1em;
  margin: .3em 0;
  text-transform: uppercase;
}

section.floorplans .available-homes-box table tbody td a {
  color: #1393cd;
  font-weight: bold;
}

section.floorplans .available-homes-box table tbody td {
  vertical-align: middle;
  width: 12%;
}

section.floorplans .available-homes-box table tbody td:first-child {
  vertical-align: top;
  width: auto;
}

section.floorplans .available-homes-box table thead > tr > th,
section.floorplans .available-homes-box table tbody > tr > th,
section.floorplans .available-homes-box table tfoot > tr > th {
  border-left-width: 0;
  border-bottom-width: 1px;
  text-align: center;
}

section.floorplans .available-homes-box table thead > tr > th:first-child,
section.floorplans .available-homes-box table tbody > tr > th:first-child,
section.floorplans .available-homes-box table tfoot > tr > th:first-child {
  border-left-width: 1px;
  text-align: left;
}

section.floorplans .available-homes-box table tbody td > img:not(.card-banner) {
  float: left;
  min-height: 124px;
  width: 188px;
  background: url('/images/site/elevation.png');
  background-size: cover;
  background-position: center center;
}

@media only screen and (max-width: 767px) {
  section.floorplans .available-homes-box table tbody td > img:not(.card-banner) {
    width: 100%;
  }
}

section.floorplans .available-homes-box table tbody td .img-text {
  padding-left: 200px;
  vertical-align: middle;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  section.floorplans .available-homes-box table tbody td .img-text {
    padding-left: 0;
  }
}

section.floorplans .available-homes-box table .sort .indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  margin-top: .15em;
}

section.floorplans .available-homes-box table .sort .indicator.fa-pull-left {
  margin-right: .3em;
}

section.floorplans .available-homes-box table .sort .indicator.fa-pull-right {
  margin-left: .3em;
}

section.floorplans .available-homes-box table .sort .indicator.pull-left {
  margin-right: .3em;
}

section.floorplans .available-homes-box table .sort .indicator.pull-right {
  margin-left: .3em;
}

section.floorplans .available-homes-box table .sort .indicator::before {
  position: absolute;
  opacity: 0.25;
  content: "\f0de";
}

section.floorplans .available-homes-box table .sort .indicator::after {
  position: absolute;
  opacity: 0.25;
  content: "\f0dd";
}

section.floorplans .available-homes-box table .sort .indicator-asc::before {
  opacity: 1;
}

section.floorplans .available-homes-box table .sort .indicator-desc::after {
  opacity: 1;
}

section.floorplans .available-homes-box table thead th {
  padding: 10px 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .available-homes-box table thead th {
    position: relative;
    font-size: 14px;
  }

  section.floorplans .available-homes-box table thead th i:not(.fa),
  section.floorplans .available-homes-box table thead th .fa.fa-usd {
    display: none;
  }

  section.floorplans .available-homes-box table thead th:last-child i.indicator {
    position: absolute;
    margin-top: 0;
    top: 11px;
    right: 5px;
  }
}

section.floorplans .available-homes-box table tbody td {
  text-align: center;
  /* Why? */
}

section.floorplans .available-homes-box table tbody td:first-child {
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .available-homes-box table tbody td:first-child p {
    line-height: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  section.floorplans .available-homes-box table tbody td {
    font-size: 15px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  section.floorplans .available-homes-box table tbody td {
    font-size: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .available-homes-box table tbody td > img:not(.card-banner) {
    width: 112px;
    min-height: inherit;
  }
}

section.floorplans .available-homes-box table tbody td .img-text {
  padding-top: 10px;
  padding-right: 10px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .available-homes-box table tbody td .img-text {
    padding-left: 125px;
    padding-right: 15px;
  }
}

section.floorplans .available-homes-box table tbody td .img-text .list-inline_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

section.floorplans .available-homes-box table tbody td .img-text .btn-gallery {
  display: inline-block;
}

section.floorplans .available-homes-box table tbody td .img-text .banner-save {
  cursor: pointer;
}

section.floorplans .available-homes-box table tbody td .img-text .banner-save img {
  max-height: 36px;
}

section.floorplans .available-homes-box .visible-xs {
  background-color: transparent;
}

section.floorplans .available-homes-box .visible-xs > td {
  border: none;
}

section.floorplans .available-homes-box .visible-xs > td .house-card {
  margin-top: 20px;
}

section.floorplans .available-homes-box .visible-xs > td .house-card .list-inline {
  margin-left: -10px;
}

section.floorplans .available-homes-box .visible-xs > td .house-card .list-inline > li {
  padding: 5px 10px;
}

section.floorplans .available-homes-box p.small {
  font-size: 20px;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  section.floorplans .available-homes-box p.small {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .available-homes-box p.small {
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  section.floorplans .floorplan-elevation {
    padding-bottom: 50px;
  }
}

section.floorplans .no-homes {
  padding-bottom: 15px;
}

section.floorplans .no-homes p {
  line-height: 45px;
}

section.floorplans .no-homes .btn-click-here {
  color: #f1a43c;
}

section.floorplans .no-homes .btn-click-here:hover {
  color: #1393cd;
}

.home-of-the-week-row table {
  border: 0;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.home-of-the-week-row table .body-home-week td {
  background-color: #ffffff;
}

.home-of-the-week-row table thead th {
  background-color: #e0d7c9;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #8f8677;
  font-size: 16px;
  border-color: #dad0bf;
}

.home-of-the-week-row table thead th i {
  margin-right: 10px;
  font-size: 18px;
}

.home-of-the-week-row table thead th i.fa-sort {
  font-size: 18px;
  margin-top: 2px;
}

.home-of-the-week-row table thead th {
  border-left-width: 0;
  border-bottom-width: 2px;
}

.home-of-the-week-row table thead th:first-child {
  border-left-width: 1px;
}

.home-of-the-week-row table tbody {
  text-transform: uppercase;
  font-weight: 300;
}

.home-of-the-week-row table tbody tr {
  background-color: #ffffff;
}

.home-of-the-week-row table tbody td {
  color: #8f8677;
  border-color: #e0d7c9 !important;
}

.home-of-the-week-row table tbody td p {
  font-size: 15px;
  color: #8f8677;
  text-transform: none;
}

.home-of-the-week-row table tbody td .h4 {
  color: #f1a43c;
  font-size: 13.33pt;
  line-height: 1em;
  margin: .3em 0;
  text-transform: uppercase;
}

.home-of-the-week-row table tbody td a {
  color: #1393cd;
  font-weight: bold;
}

.home-of-the-week-row table tbody td {
  vertical-align: middle;
  width: 12%;
}

.home-of-the-week-row table tbody td:first-child {
  vertical-align: top;
  width: auto;
}

.home-of-the-week-row table thead > tr > th,
.home-of-the-week-row table tbody > tr > th,
.home-of-the-week-row table tfoot > tr > th {
  border-left-width: 0;
  border-bottom-width: 1px;
  text-align: center;
}

.home-of-the-week-row table thead > tr > th:first-child,
.home-of-the-week-row table tbody > tr > th:first-child,
.home-of-the-week-row table tfoot > tr > th:first-child {
  border-left-width: 1px;
  text-align: left;
}

.home-of-the-week-row table tbody td > img:not(.card-banner) {
  float: left;
  min-height: 124px;
  width: 188px;
  background: url('/images/site/elevation.png');
  background-size: cover;
  background-position: center center;
}

@media only screen and (max-width: 767px) {
  .home-of-the-week-row table tbody td > img:not(.card-banner) {
    width: 100%;
  }
}

.home-of-the-week-row table tbody td .img-text {
  padding-left: 200px;
  vertical-align: middle;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .home-of-the-week-row table tbody td .img-text {
    padding-left: 0;
  }
}

.home-of-the-week-row table .sort .indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  margin-top: .15em;
}

.home-of-the-week-row table .sort .indicator.fa-pull-left {
  margin-right: .3em;
}

.home-of-the-week-row table .sort .indicator.fa-pull-right {
  margin-left: .3em;
}

.home-of-the-week-row table .sort .indicator.pull-left {
  margin-right: .3em;
}

.home-of-the-week-row table .sort .indicator.pull-right {
  margin-left: .3em;
}

.home-of-the-week-row table .sort .indicator::before {
  position: absolute;
  opacity: 0.25;
  content: "\f0de";
}

.home-of-the-week-row table .sort .indicator::after {
  position: absolute;
  opacity: 0.25;
  content: "\f0dd";
}

.home-of-the-week-row table .sort .indicator-asc::before {
  opacity: 1;
}

.home-of-the-week-row table .sort .indicator-desc::after {
  opacity: 1;
}

/* apply this to a table */

.section {
  padding: 80px 0 130px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .section {
    padding: 50px 0 80px;
  }
}

@media only screen and (max-width: 767px) {
  .section {
    padding: 22px 0 40px;
  }
}

.section-wrap {
  background-color: white;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .section-wrap {
    margin-top: 165%;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-community-site-plan p,
  .microsite-community-site-plan h2 {
    text-align: center;
  }

  .microsite-community-site-plan h2 {
    margin-bottom: 20px;
  }

  .microsite-community-site-plan img {
    width: 100%;
  }
}

.microsite-gallery div.mobile-tab-to-dropdown.visible-xs {
  margin-bottom: 10px;
}

.microsite-gallery div.mobile-tab-to-dropdown.visible-xs + .mobile-filter {
  margin-top: -10px;
}

.microsite-gallery .thumb.image {
  display: inline-block;
  background-color: #1393cd;
  position: relative;
  height: 173px;
  width: 230px;
  overflow: hidden;
  text-align: center;
  vertical-align: center;
}

.microsite-gallery .thumb.image img {
  min-height: 100%;
  min-width: 100%;
  width: auto;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.microsite-gallery .thumb.image i {
  transition: all 0.2s ease-in;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 30px;
  color: white;
  z-index: 1;
}

.microsite-gallery .thumb.image:hover img {
  transition: all 0.2s ease-out;
  opacity: .3;
  cursor: pointer;
  transform: scale(1.05);
}

.microsite-gallery .thumb.image:hover i {
  -webkit-transition: all 0.2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition: all 0.2s ease-out;
  -moz-transition-delay: 0.2s;
  -o-transition: all 0.2s ease-out;
  -o-transition-delay: 0.2s;
  transition: 0.2s ease-out;
  transition-delay: 0.2s;
  opacity: 1;
}

.site-plan-pin .house-card {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s linear;
  margin-top: 0;
}

.site-plan-pin .house-card.left {
  left: -20px;
  right: auto;
}

.site-plan-pin .house-card.right {
  left: auto;
  right: 20px;
}

.site-plan-pin .house-card.top {
  top: -40px;
  bottom: auto;
}

.site-plan-pin .house-card.bottom {
  top: auto;
  bottom: 20px;
}

.site-plan-pin:hover .house-card {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.floorplans .house-card {
  vertical-align: bottom;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .floorplans .house-card {
    margin-left: 0;
  }
}

.floorplans .house-card:hover {
  transition: all 0.3s ease-out;
  background-color: #eee7de;
  cursor: pointer;
}

.floorplans .house-card > .list-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .floorplans .house-card > .list-inline {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .floorplans .house-card > .list-inline > li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.floorplans .house-card > .list-inline > li > .list-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  margin-left: 0;
}

.floorplans .house-card > .list-inline > li > .list-inline > li .btn-gallery {
  color: #f1a43c;
}

.floorplans .house-card > .list-inline > li > .list-inline > li .btn-gallery:hover {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .house-card-container {
    padding-bottom: 20px;
  }
}

.view-floor-link {
  display: inline-block;
  line-height: 1em;
  font-size: 15px;
  text-transform: uppercase;
  white-space: nowrap;
}

.house-card {
  width: 467px;
  min-height: 215px;
  display: inline-block;
  position: relative;
  background-color: #fff;
  padding: 20px;
  margin-top: 30px;
  margin-left: 30px;
  border: 1px solid #afdce0;
  text-align: left;
  transition: all 0.2s ease-in;
}

@media only screen and (max-width: 767px) {
  .house-card {
    width: 90%;
    margin: 0 5% 20px;
  }
}

.house-card .star {
  width: 20px;
  height: 20px;
  /*
				background: url("/images/site/star-icon.png") no-repeat;
				background-size: 20px 20px;
				*/
  position: absolute;
  top: 20px;
  right: 20px;
}

.house-card .star:hover {
  cursor: pointer;
}

.house-card .star.active {
  /* background: url("/images/site/star-icon-fill.png") no-repeat; */
}

.house-card .star.saved path {
  fill: #f1a43c;
}

.house-card .star path {
  fill: none;
}

.house-card .house-image {
  width: 183px;
  border: 1px solid #e8e1d8;
  padding: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .house-card .house-image {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .house-card .house-image {
    width: 100%;
    height: auto;
  }
}

.house-card .house-image img {
  width: 100%;
}

.house-card .house-detail {
  margin-bottom: 20px;
  max-width: 227px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .house-card .house-detail {
    max-width: 100%;
  }
}

.house-card .house-detail .detail-title {
  line-height: 20px;
}

.house-card .house-detail .h6 {
  margin-top: 15px;
  font-weight: 400;
  font-size: 15px;
}

.house-card .house-detail .h4 {
  margin-top: 0;
  font-size: 20px;
}

.house-card .house-detail .price {
  font-size: 15px;
}

.house-card .house-detail .price .new-price {
  color: #F26B1F;
  font-size: 16.5px;
}

.house-card .house-detail .price s {
  font-weight: 400;
}

.house-card .house-detail .detail-block {
  margin-top: 10px;
}

.house-card .house-detail .detail-description {
  letter-spacing: 1px;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 15px;
  font-size: 15px;
}

.house-card .list-inline_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.house-card .virtual-tour {
  display: inline-block;
  white-space: nowrap;
  color: #1393cd;
  line-height: 60px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1em;
}

.house-card .virtual-tour a {
  color: #1393cd;
}

.house-card .virtual-tour i {
  margin-right: 5px;
}

.house-card .virtual-tour:hover {
  cursor: pointer;
}

.house-card .btn-gallery {
  display: inline-block;
}

.house-card .banner-save {
  cursor: pointer;
}

.house-card .banner-save img {
  max-height: 36px;
}

.home-of-the-week-row {
  position: relative;
}

.available-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #7ca62a;
}

.available-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.available-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.sold-out-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: red;
}

.sold-out-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #660000 transparent transparent;
}

.sold-out-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
}

.home-week-ribbon {
  height: 28px;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-weight: 300;
  background-color: #7ca62a;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 200px;
  border: 1px solid #5b7e1b;
  border-width: 0 1px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -100px;
  z-index: 1;
}

.home-week-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  border-color: #7ca62a #7ca62a #7ca62a transparent;
}

.home-week-ribbon::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

/*mobile filter style*/

.mobile-tab-to-dropdown {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
  position: relative;
  text-align: left;
  background: transparent;
  border: 1px solid #eee9e1;
  z-index: 0;
  margin-top: 20px;
}

.mobile-tab-to-dropdown a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .mobile-tab-to-dropdown a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-tab-to-dropdown a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-tab-to-dropdown {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

.mobile-tab-to-dropdown.active {
  background: #eee9e1;
}

.mobile-tab-to-dropdown span {
  margin-left: 10px;
}

.mobile-tab-to-dropdown i.fa {
  position: absolute;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .mobile-tab-to-dropdown i.fa {
    top: 50%;
    margin-top: -6px;
  }
}

ul.mobile-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  ul.mobile-filter {
    position: absolute;
    height: auto;
    width: 100%;
    display: none;
    height: 186px;
    overflow: auto;
  }

  ul.mobile-filter.active {
    display: block;
    background-color: #8f8677;
    z-index: 1;
  }
}

ul.mobile-filter li {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
}

ul.mobile-filter li a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  ul.mobile-filter li a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  ul.mobile-filter li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  ul.mobile-filter li {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  ul.mobile-filter li {
    color: white;
    height: 62px;
    line-height: 62px;
    margin: 0;
  }
}

ul.mobile-filter li.active,
ul.mobile-filter li:hover {
  background-color: #eee9e1;
  border-right: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  ul.mobile-filter li.active,
  ul.mobile-filter li:hover {
    border: none;
    color: #8f8677;
    background-color: #e5ddd1;
  }
}

div.mobile-tab-to-dropdown.visible-xs {
  background-color: white !important;
}

div.mobile-tab-to-dropdown.visible-xs.active {
  background-color: #eee9e1 !important;
}

.mobile-tab-to-dropdown.visible-xs {
  margin-top: 20px;
}

.mobile-tab-to-dropdown,
ul.mobile-filter {
  margin: 0 5%;
}

/*end*/

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-favorite-not-logged-in .modal-dialog {
    width: 690px;
  }
}

.modal-favorite-not-logged-in .modal-dialog .modal-content {
  border-radius: 0;
  box-shadow: none;
}

.modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body {
    padding-left: 75px;
    padding-right: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .close {
  color: #b9d7da;
  font-size: 27px;
  font-weight: 300;
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 1;
}

.modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h2 {
  color: #9e9991;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h2 a {
  color: #016ca6;
  font-weight: 700;
}

.modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h3 {
  color: #9e9991;
  font-weight: 300;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h3 {
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-favorite-not-logged-in .modal-dialog .modal-content .modal-body .h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

.modal-available-home .modal-dialog {
  color: #9e9991;
}

@media only screen and (min-width: 1230px) {
  .modal-available-home .modal-dialog {
    width: 1200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .modal-available-home .modal-dialog {
    width: 1000px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-available-home .modal-dialog {
    width: 768px;
  }
}

.modal-available-home .modal-dialog .modal-content {
  background-color: #dcf1f3;
}

.modal-available-home .modal-dialog .modal-content .modal-body {
  padding-left: 0;
  padding-right: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .btn-close {
  position: absolute;
  cursor: pointer;
  font-size: 32px;
  color: #0d92df;
  background: #dcf1f3;
  /* This embiggens the hover/touch size of the close button */
  height: 1.25em;
  width: 1.25em;
  /* Line height is different here just due to font glyph sizes */
  line-height: 1.18em;
  top: 0;
  right: 0;
  z-index: 1;
}

.modal-available-home .modal-dialog .modal-content .modal-body .btn-close:hover {
  text-decoration: none;
  font-weight: bolder;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header {
  margin-bottom: 40px;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header > div[class^="col-"]:first-child .dropdown {
  display: none;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header h2,
.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header .h5 {
  margin: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header h2 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 15px;
  -ms-flex-align: center;
  align-items: center;
  font-size: 50px;
  line-height: 50px;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header h2 .sold {
  padding: 8px 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: white;
  background: #C71F3A;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header .sub-title {
  margin-bottom: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header .row.info-square {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .floorplans-box .header > .container > .row > div[class^="col-"]:not(:last-child) {
    margin-bottom: 20px;
  }
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .content-container {
  width: 100%;
  padding: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .content-container {
    padding: 10px;
  }
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel {
  height: 700px;
  background-color: #ffffff;
  color: #9e9991;
  margin-top: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .item,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .active.left,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .active.right {
  transition: all 0.2s ease-out;
  opacity: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .active,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .next.left,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .next,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .prev,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .active.left,
.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 767px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel {
    height: 200px;
  }
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .elevation-img {
  margin: 0 auto 50px auto;
  height: 700px;
}

@media only screen and (max-width: 767px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .elevation-img {
    height: 200px;
  }
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .elevation-name {
  background-color: rgba(241, 164, 60, 0.9);
  color: #ffffff;
  margin-bottom: 0;
  padding: 3.75px 30px;
  position: absolute;
  bottom: 7.55px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .carousel-control .icon-prev {
  left: 0;
  background: url("/images/site/prev-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .carousel-control:hover .icon-prev {
  background: url("/images/site/prev-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .carousel-control .icon-next {
  right: 0;
  background: url("/images/site/next-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

.modal-available-home .modal-dialog .modal-content .modal-body .elevations-content .carousel .carousel-control:hover .icon-next {
  background: url("/images/site/next-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floor-plan-img-container .floor-plan-submenu ul {
  width: 100%;
  display: block;
  background-color: #eeece7;
  list-style: none;
  padding: 0;
  margin: 0;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floor-plan-img-container .floor-plan-submenu ul li {
  padding: 25px;
  text-transform: uppercase;
  padding-right: 25px;
  color: #9e9991;
  display: inline-block;
  cursor: pointer;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floor-plan-img-container .floor-plan-submenu ul li.active {
  background-color: #fff;
  color: #f1a43c;
}

.modal-available-home .modal-dialog .modal-content .modal-body .floor-plan-img-container .floor-plan-content,
.modal-available-home .modal-dialog .modal-content .modal-body .floor-plan-img-container .elevations-content {
  width: 100%;
  background-color: #ffffff;
}

@media only screen and (max-width: 560px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .f360-embed-container.tall {
    padding-bottom: 267%;
  }
}

@media only screen and (max-width: 340px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .f360-embed-container.tall {
    padding-bottom: 287%;
  }
}

@media only screen and (max-width: 270px) {
  .modal-available-home .modal-dialog .modal-content .modal-body .f360-embed-container.tall {
    padding-bottom: 317%;
  }
}

.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}

@keyframes stretchLeft {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/*
.floorplans-container { .stretchRight; }
.available-homes-container { .stretchLeft; }
.floorplan-elevation { .fadeIn; }
*/

.microsite-home-features {
  background-color: #dcf1f3;
  padding: 100px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features {
    padding: 55px 0;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-home-features {
    padding: 22px 0;
  }
}

.microsite-home-features .left-column,
.microsite-home-features .right-column {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}

.microsite-home-features .heading {
  white-space: nowrap;
}

.microsite-home-features .heading .left-column {
  width: 30%;
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .heading .left-column {
    width: 100%;
    display: block;
  }
}

.microsite-home-features .heading .left-column h2,
.microsite-home-features .heading .left-column .h4 {
  margin: 0;
}

.microsite-home-features .heading .left-column h2 {
  line-height: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .microsite-home-features .heading .left-column h2 {
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features .heading .left-column h2 {
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .heading .left-column h2 {
    text-align: center;
    line-height: 45px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .heading .left-column .h4 {
    text-align: center;
    margin: 10px 0;
  }
}

.microsite-home-features .heading .right-column {
  width: 69%;
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .heading .right-column {
    width: 100%;
    display: block;
  }
}

.microsite-home-features .content {
  white-space: nowrap;
  margin-top: 30px;
  font-size: 25px;
  font-weight: 100;
  line-height: 3;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features .content {
    font-size: 20px;
  }
}

.microsite-home-features .content .left-column {
  width: 25%;
}

.microsite-home-features .content .left-column ul {
  list-style: none;
  padding: 0 0 80px;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features .content .left-column ul {
    padding: 0 0 20px;
  }
}

.microsite-home-features .content .left-column ul li {
  text-transform: uppercase;
  font-weight: 400;
  line-height: 3.25;
  letter-spacing: 2px;
  font-size: 20px;
  padding-left: 95px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .microsite-home-features .content .left-column ul li {
    padding-left: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features .content .left-column ul li {
    padding-left: 5px;
  }
}

.microsite-home-features .content .left-column ul li a {
  cursor: pointer;
  color: #1393cd;
  position: relative;
}

.microsite-home-features .content .left-column ul li a:hover {
  text-decoration: none;
  color: #f1a43c;
}

.microsite-home-features .content .left-column ul li a.selected {
  color: #f1a43c;
}

.microsite-home-features .content .left-column ul li a.selected:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #f1a43c;
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: -5px;
}

.microsite-home-features .content .right-column {
  width: 75%;
  border-left: 1px solid #e8e1d8;
  padding-left: 60px;
  white-space: nowrap;
}

.microsite-home-features .content .right-column .h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
}

.microsite-home-features .content .right-column p {
  border-bottom: 1px solid #e8e1d8;
  padding: 15px 0;
  margin: 0;
  line-height: 1.8;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-home-features .content .right-column p {
    font-size: 20px;
  }
}

.microsite-home-features .content .right-column p:hover {
  text-decoration: none;
}

.microsite-home-features .content .right-column p:last-child {
  border: none;
}

.microsite-home-features .content .right-column .left-column,
.microsite-home-features .content .right-column .right-column {
  width: 45%;
  white-space: normal;
}

.microsite-home-features .content .right-column .right-column {
  margin-left: 7%;
  padding: 0;
  border: none;
}

.microsite-home-features #mobile-features-accordian .panel-heading {
  padding: 0;
  border: 1px solid lightgray;
}

.microsite-home-features #mobile-features-accordian .panel-heading span.button {
  display: block;
  padding: 10px 20px;
  background-color: white;
  font-size: 14px;
  color: #1393cd;
}

.microsite-home-features #mobile-features-accordian .panel-heading span.button i {
  margin-top: 12px;
}

.microsite-home-features #mobile-features-accordian .panel-heading span.button[aria-expanded="true"] {
  color: #f1a43c;
}

.microsite-home-features #mobile-features-accordian .panel-heading span.button[aria-expanded="true"] i {
  transform: rotateX(180deg);
}

.microsite-home-features #mobile-features-accordian .panel.panel-default:not(:first-child) .panel-heading {
  border-top: none;
}

.microsite-home-features #mobile-features-accordian .panel-body {
  border-top: none;
  background-color: #ececec;
}

.microsite-home-features #mobile-features-accordian p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 10px;
}

.microsite-home-features #mobile-features-accordian p:not(:last-child) {
  border-bottom: 1px solid #8f8677;
}

.microsite-home-features .tab-wrapper {
  background-color: #c6dfe3;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .tab-wrapper {
    margin-top: 10px;
  }
}

.microsite-home-features .tab-wrapper ul {
  margin: 0;
}

.microsite-home-features .tab-wrapper ul li {
  text-transform: uppercase;
  font-weight: 400;
  line-height: 75px;
  letter-spacing: 2px;
  font-size: 20px;
  color: white;
  padding: 0 50px;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .tab-wrapper ul li {
    width: 50%;
    text-align: center;
    line-height: 22px;
    padding: 10px;
    font-size: 15px;
  }
}

.microsite-home-features .tab-wrapper ul li:hover {
  color: #f1a43c;
  cursor: pointer;
}

.microsite-home-features .tab-wrapper ul li.active {
  transition: all 0.2s ease-in;
  background-color: #dcf1f3;
  color: #f1a43c;
}

.microsite-home-features .tab-main-content {
  padding-left: 50px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .microsite-home-features .tab-main-content {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
  }
}

.microsite-community-site-plan {
  font-weight: 100;
  background-color: #ffffff;
}

.microsite-community-site-plan .available-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #7ca62a;
}

.microsite-community-site-plan .available-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.microsite-community-site-plan .available-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.microsite-community-site-plan .sold-out-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: red;
}

.microsite-community-site-plan .sold-out-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #660000 transparent transparent;
}

.microsite-community-site-plan .sold-out-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
}

.microsite-community-site-plan .home-week-ribbon {
  height: 28px;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-weight: 300;
  background-color: #7ca62a;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 200px;
  border: 1px solid #5b7e1b;
  border-width: 0 1px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -100px;
  z-index: 1;
}

.microsite-community-site-plan .home-week-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #5b7e1b transparent transparent;
}

.microsite-community-site-plan .home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.microsite-community-site-plan .home-week-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  border-color: #7ca62a #7ca62a #7ca62a transparent;
}

.microsite-community-site-plan .home-week-ribbon::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #7ca62a transparent #7ca62a #7ca62a;
}

.microsite-community-site-plan .site-plan-legend {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 3.25;
  margin-top: 30px;
  letter-spacing: 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-community-site-plan .site-plan-legend {
    font-size: 18px;
    line-height: 2.25;
  }
}

.microsite-community-site-plan .site-plan-legend .lots-legend {
  line-height: 2;
  padding-left: 30px;
}

.microsite-community-site-plan .site-plan-legend .lots-legend .lot-box {
  width: 234px;
  height: 38px;
  padding-left: 45px;
}

.microsite-community-site-plan .site-plan-legend .lots-legend .lot-box:not(:first-child) {
  margin-top: 25px;
}

.microsite-community-site-plan .availability-legend {
  padding-left: 30px;
}

.microsite-community-site-plan .list-icon {
  list-style: none;
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-community-site-plan .list-icon {
    display: inline-block;
    transform: scale(0.8);
    transform-origin: left center;
  }
}

.microsite-community-site-plan .list-icon.available {
  background-image: url('/images/site/microsite/icon_available.png');
}

.microsite-community-site-plan .list-icon.inventory {
  background-image: url('/images/site/microsite/icon_inventory.png');
}

.microsite-community-site-plan .list-icon.hold {
  background-image: url('/images/site/microsite/icon_hold.png');
}

.microsite-community-site-plan .list-icon.sold {
  background-image: url('/images/site/microsite/icon_sold.png');
}

.microsite-community-site-plan .list-icon.model {
  background-image: url('/images/site/microsite/icon_model.png');
}

.microsite-community-site-plan .available-ribbon {
  background-color: #9ac35b;
}

.microsite-community-site-plan .available-ribbon::before {
  border-color: transparent #739938 transparent transparent;
}

.microsite-community-site-plan .available-ribbon::after {
  border-color: #9ac35b transparent #9ac35b #9ac35b;
}

.microsite-community-site-plan .inventory-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #f1a53c;
}

.microsite-community-site-plan .inventory-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #d1800f transparent transparent;
}

.microsite-community-site-plan .inventory-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #f1a53c transparent #f1a53c #f1a53c;
}

.microsite-community-site-plan .hold-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #4e4e4e;
}

.microsite-community-site-plan .hold-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #282828 transparent transparent;
}

.microsite-community-site-plan .hold-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #4e4e4e transparent #4e4e4e #4e4e4e;
}

.microsite-community-site-plan .sold-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #e72b2b;
}

.microsite-community-site-plan .sold-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #b11414 transparent transparent;
}

.microsite-community-site-plan .sold-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #e72b2b transparent #e72b2b #e72b2b;
}

.microsite-community-site-plan .model-ribbon {
  height: 28px;
  position: absolute;
  top: 9px;
  left: -10px;
  color: white;
  background-repeat: no-repeat;
  background-size: 182px 32px;
  background-position: top right;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 20px 0 15px;
  letter-spacing: 1.5px;
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  background-color: #3989c9;
}

.microsite-community-site-plan .model-ribbon::before {
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: '';
  height: 0;
  width: 0;
  display: block;
  left: 0;
  bottom: -10px;
  position: absolute;
  border-color: transparent #27618f transparent transparent;
}

.microsite-community-site-plan .model-ribbon::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 0;
  border-width: 14px 7px;
  border-style: solid;
  border-color: red red red transparent;
  left: auto;
  right: -14px;
  border-color: red transparent red red;
  border-color: #3989c9 transparent #3989c9 #3989c9;
}

.microsite-community-site-plan .site-plan-pins {
  position: relative;
  margin-top: 30px;
}

.microsite-community-site-plan .site-plan-pins .popover {
  border-radius: 0;
}

.microsite-community-site-plan .site-plan-pins .popover-content {
  padding: 20px;
}

.microsite-community-site-plan .site-plan-pins .popover,
.microsite-community-site-plan .site-plan-pins .popover-content {
  width: 469px;
  max-width: 469px;
}

.microsite-community-site-plan .site-plan-pins .view-floor-link {
  color: #1393cd;
  text-transform: uppercase;
  display: block;
}

.microsite-community-site-plan .site-plan-pins .view-floor-link .fa-caret-right {
  margin-right: 5px;
}

.microsite-community-site-plan .house-detail {
  margin-left: 15px;
}

.microsite-community-site-plan .house-detail .detail-title {
  margin-top: 0;
}

.microsite-community-site-plan .house-detail .detail-rooms {
  margin-bottom: 5px;
}

.microsite-community-site-plan .house-detail .detail-icons {
  margin-top: 15px;
}

.microsite-community-site-plan .house-detail .detail-icons .detail-icon {
  font-size: 25px;
}

.microsite-community-site-plan .house-detail .detail-icons .icon-sq-ft2 {
  margin-left: 20px;
}

.microsite-community-site-plan .house-detail .detail-icons .icon-sq-ft {
  font-size: 20px;
}

.microsite-community-site-plan .house-detail .detail-description {
  letter-spacing: 2px;
  text-transform: uppercase;
  /* vertical-align: super; */
  padding-left: 5px;
}

.site-plan-pin {
  position: absolute;
  cursor: pointer;
}

.site-plan-pin img {
  width: 14px;
}

.microsite-gallery {
  font-weight: 100;
  background: linear-gradient(to bottom, #efefef, #FFFFFF);
  background-size: 100% 170px;
  background-repeat: no-repeat;
  background-position: 0 -50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-gallery .section {
    padding-bottom: 30px;
  }
}

.microsite-gallery .mobile-filter-wrap {
  margin-bottom: 20px;
}

.microsite-gallery .gallery-list {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 3.25;
  letter-spacing: 1px;
  font-weight: 400;
  margin-top: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-gallery .gallery-list {
    margin-top: 0;
  }
}

.microsite-gallery .gallery-list a {
  cursor: pointer;
  color: #1393cd;
  text-decoration: none;
}

.microsite-gallery .gallery-list a:hover {
  text-decoration: none;
  color: #f1a43c;
}

.microsite-gallery .gallery-list a.selected {
  color: #f1a43c;
}

.microsite-gallery .gallery-list a.selected:hover {
  font-weight: 400;
}

.microsite-gallery .gallery-list .fa {
  margin-right: 40px;
}

.microsite-gallery .gallery-photos {
  padding: 0;
  text-align: center;
}

.microsite-gallery .gallery-photos .gallery-photo {
  padding: 0;
  margin: 40px 35px 0 0;
  height: 173px;
  background-color: #fff;
  width: 22.25%;
  perspective: 1000px;
  overflow: hidden;
}

.microsite-gallery .gallery-photos .gallery-photo .thumb.image {
  opacity: 0;
  transform: rotateY(-90deg);
}

.microsite-gallery .gallery-photos .gallery-photo.flip-x-in,
.microsite-gallery .gallery-photos .gallery-photo.shown {
  display: inline-block;
}

.microsite-gallery .gallery-photos .gallery-photo.flip-x-in .thumb.image,
.microsite-gallery .gallery-photos .gallery-photo.shown .thumb.image {
  opacity: 1;
  transform: rotateY(0deg);
  transition: all 0.4s ease-out;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .microsite-gallery .gallery-photos .gallery-photo .thumb.image {
    width: 250px;
  }

  .microsite-gallery .gallery-photos .gallery-photo .thumb.image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .microsite-gallery .gallery-photos .gallery-photo:nth-child(4n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-gallery .gallery-photos .gallery-photo {
    margin: 10px 2.5%;
    height: 150px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 28.3%;
  }

  .microsite-gallery .gallery-photos .gallery-photo .thumb.image {
    width: 100%;
    height: 150px;
  }

  .microsite-gallery .gallery-photos .gallery-photo img {
    min-height: 150px;
    height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-gallery .gallery-photos .gallery-photo {
    margin: 10px 2.5%;
    height: 100px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 42.5%;
  }

  .microsite-gallery .gallery-photos .gallery-photo .thumb.image {
    width: 100%;
    height: 100px;
  }

  .microsite-gallery .gallery-photos .gallery-photo img {
    min-height: 100px;
    height: 100px;
  }
}

@media only screen and (max-height: 479px) {
  .microsite-gallery .gallery-photos .gallery-photo {
    margin: 10px 2.5%;
    height: 100px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 24%;
  }

  .microsite-gallery .gallery-photos .gallery-photo .thumb.image {
    width: 100%;
    height: 100px;
  }

  .microsite-gallery .gallery-photos .gallery-photo img {
    min-height: 100px;
    height: 100px;
  }
}

.microsite-gallery .gallery-photos .gallery-photo img {
  cursor: pointer;
}

.microsite-gallery .mobile-tab-to-dropdown {
  padding-left: 20px;
}

.contact-info {
  background-color: #fff;
  padding-top: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info {
    padding-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info {
    padding-top: 10px;
  }
}

.contact-info .container {
  padding-bottom: 150px;
}

@media only screen and (max-width: 767px) {
  .contact-info .container {
    text-align: center;
    padding-bottom: 30px;
  }

  .contact-info .container > .row > div[class^="col-"] {
    margin-bottom: 30px;
  }
}

.contact-info .col-xs-4:last-child {
  border-left: 1px solid #e8e1d8;
}

.contact-info .col-lg-4:last-child {
  border-left: 1px solid #e8e1d8;
}

.contact-info .col-sm-4:last-child {
  border-left: 1px solid #e8e1d8;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info .get-directions-link-ph {
    padding-left: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info .get-directions-link-ph {
    text-align: center;
  }

  .contact-info .get-directions-link-ph a {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info a {
    font-size: 18px;
  }
}

.contact-info .h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 65px;
}

@media only screen and (max-width: 767px) {
  .contact-info .h4 {
    font-size: 15px;
    line-height: 25px;
  }
}

.contact-info h2 {
  margin-bottom: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info h2 {
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info h2 {
    margin-bottom: 22px;
  }
}

.contact-info .h5 {
  color: #9e9991;
  font-size: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .contact-info .h5 {
    font-size: 16px;
  }
}

.contact-info p {
  font-weight: 300;
  font-size: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info p {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
}

.contact-info p i {
  vertical-align: top;
  width: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info p i {
    margin-top: 4.5px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info p i {
    margin-top: 3px;
  }
}

.contact-info p strong {
  display: inline-block;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info p span {
    display: inline-block;
    padding-left: 36px;
  }
}

.contact-info .sales-rep {
  margin-top: 20px;
}

.contact-info .sales-rep:first-child {
  margin-top: 0px;
}

.contact-info .register-form .h5 {
  color: #f1a43c;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-info .register-form .h3 {
    font-size: 27px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info .register-form .h3 {
    font-size: 21px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info .register-form .h3 {
    font-size: 5.7vw;
    line-height: 9vw;
  }
}

.contact-info .register-form textarea {
  height: 120px;
  resize: none;
}

.contact-info .register-form .opt-in-form-disclaimer {
  font-size: 14px;
}

.microsite-nearby-communities {
  background-color: #F1F0ED;
  padding-bottom: 120px;
  padding-top: 60px;
}

@media only screen and (min-width: 1200px) {
  .microsite-nearby-communities {
    padding-top: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities {
    padding-top: 30px;
  }
}

.microsite-nearby-communities h2 {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .microsite-nearby-communities h2 {
    font-size: 46.5pt;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .microsite-nearby-communities h2 {
    font-size: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities h2 {
    font-size: 21px;
  }
}

.microsite-nearby-communities .list-inline-communities {
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .microsite-nearby-communities .list-inline-communities {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities .list-inline-communities {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .microsite-nearby-communities .list-inline-communities > li {
    padding: 10px;
    width: 33.33333333%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities .list-inline-communities > li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities .list-inline-communities > li {
    width: 100%;
  }
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections {
  background-color: #ffffff;
  border: 1px solid #e8e1d8;
  padding: 0;
  text-align: left;
  width: auto;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections > div {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections > div .image-container {
  padding: 0;
  width: 150px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections > div .image-container {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections > div .image-container {
    margin-right: 0;
    display: block !important;
    width: 100% !important;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container {
    height: 124px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container {
    max-width: 173px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container {
    max-width: 160px;
  }
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container .h4 {
  font-size: 15px;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container .cta {
  font-size: 15px;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections > div .title-container p {
  font-size: 15px;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections .headline {
  clear: both;
  color: #9e9991;
  font-size: 15px;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections ul {
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin-top: 0;
  margin-left: 0;
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections ul li {
  border-right: none;
  font-size: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections ul li {
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .microsite-nearby-communities .list-inline-communities > li .card-threesections ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.microsite-nearby-communities .list-inline-communities > li .card-threesections ul li span {
  margin-left: 0;
  float: none;
}

.why-milestone-testimonials,
.why-milestone-about-us,
.why-milestone-hometown-heroes,
.why-milestone-awards {
  padding-top: 177px;
  height: auto;
  color: #ffffff;
}

.why-milestone-testimonials .h4,
.why-milestone-about-us .h4,
.why-milestone-hometown-heroes .h4,
.why-milestone-awards .h4 {
  color: #ffffff;
  font-weight: 400;
}

.why-milestone-the-team {
  height: auto;
  color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team {
    padding-top: 254px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team {
    padding-top: 159px;
  }
}

.sub-nav-fixed {
  position: fixed;
  top: 175px;
  background-color: #ffffff;
  text-align: center;
  width: 100%;
  font-size: 25px;
  opacity: 0.85;
  font-weight: 100;
  z-index: 1020;
  box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-nav-fixed {
    top: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .sub-nav-fixed {
    top: 109px;
    font-size: 18px;
    opacity: 1;
    height: 50px;
    background-color: white;
  }

  .sub-nav-fixed h4 {
    position: absolute;
    font-size: 15px;
    top: 5px;
    left: 20px;
    margin: 0;
  }

  .sub-nav-fixed button {
    color: #f1a43c;
    position: absolute;
    right: 15px;
    top: 0;
    margin: 0;
    font-size: 25px;
    padding: 6px 10px;
    transition: all 0.2s ease-in;
    transform: rotate(0deg);
  }

  .sub-nav-fixed button[aria-expanded="true"] {
    transition: all 0.2s ease-out;
    transform: rotate(180deg);
  }
}

.sub-nav-fixed #sub-navigation {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .sub-nav-fixed #sub-navigation {
    margin-top: 50px;
    background-color: #1393cd;
  }
}

.sub-nav-fixed ul {
  display: inline-block;
  float: none;
}

@media only screen and (max-width: 767px) {
  .sub-nav-fixed ul {
    margin: 10px 0;
  }
}

.sub-nav-fixed li {
  display: inline-block;
  padding: 30px 70px 20px 0px;
}

.sub-nav-fixed li:last-child {
  padding-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .sub-nav-fixed li {
    padding: 33px 55px 20px 0px;
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sub-nav-fixed li {
    padding: 30px 30px 20px 0px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .sub-nav-fixed li {
    padding: 0;
    font-size: 16px;
    display: block;
  }
}

.sub-nav-fixed li a {
  color: #9e9991;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .sub-nav-fixed li a {
    padding: 10px;
    color: white;
  }
}

.sub-nav-fixed li a:hover {
  color: #f1a43c;
  text-decoration: none;
  background-color: transparent;
}

.sub-nav-fixed li a:focus {
  text-decoration: none;
  background-color: transparent;
}

.sub-nav-fixed li.active a {
  color: #f1a43c;
}

.why-milestone-testimonials {
  background-image: url('/images/site/why-milestone/testimonials-bg.jpg');
  background-size: cover;
  margin-top: 177px;
  padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials {
    height: auto;
    padding-bottom: 50px;
    background-size: cover;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials {
    height: auto;
    padding-bottom: 50px;
    background-size: cover;
    margin-top: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-testimonials {
    height: auto;
    padding-bottom: 50px;
    background-size: cover;
    margin-top: 130px;
  }
}

.why-milestone-testimonials .header {
  border-bottom: 1px solid;
  padding-top: 140px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .why-milestone-testimonials .header {
    padding-top: 50px;
  }
}

.why-milestone-testimonials .header h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 45px;
  color: white;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials .header h1 {
    font-size: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .header h1 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-testimonials .header h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-testimonials .header h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

.why-milestone-testimonials .header .h3 {
  margin-bottom: 45px;
}

@media only screen and (min-width: 1200px) {
  .why-milestone-testimonials .header .h3 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .header .h3 {
    font-size: 24px;
    line-height: 37.5px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .h3 {
    font-size: 21px;
    line-height: 30px;
  }
}

.why-milestone-testimonials .header .col-left,
.why-milestone-testimonials .header .col-right {
  padding-bottom: 25px;
}

.why-milestone-testimonials .header .col-left {
  padding-top: 10px;
  padding-right: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .col-left {
    padding-right: 15px;
  }
}

.why-milestone-testimonials .header .col-right {
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .col-right {
    text-align: center;
  }
}

.why-milestone-testimonials .header .col-right p.h3 {
  margin-top: 0;
  margin-bottom: 80px;
  font-size: 28px;
  line-height: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials .header .col-right p.h3 {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .col-right p.h3 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .col-right p.h3 {
    font-size: 8vw;
  }
}

.why-milestone-testimonials .header .col-right a.button {
  font-size: 16px;
  position: absolute;
  display: inline-block !important;
  text-align: center;
  padding: 10px 18px;
  width: 290px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-testimonials .header .col-right a.button {
    position: relative;
  }
}

.why-milestone-testimonials .testimonials {
  font-weight: 100;
  font-size: 21px;
  margin-top: 70px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  /*left quote default*/
  /*right quote small*/
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials .testimonials {
    margin-top: 50px;
  }
}

.why-milestone-testimonials .testimonials .grid-item {
  width: 100%;
  padding: 50px 70px 35px 70px;
  border: 1px solid;
  font-size: 23px;
  line-height: 1.6;
  font-style: italic;
  margin-bottom: 40px;
  transition: all 0.2s ease-in;
  background-color: rgba(255, 255, 255, 0);
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials .testimonials .grid-item {
    padding: 50px 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .testimonials .grid-item {
    padding: 50px 30px 20px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-testimonials .testimonials .grid-item {
    padding: 20px 60px;
  }
}

.why-milestone-testimonials .testimonials .grid-item:hover {
  transition: all 0.2s ease-out;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.why-milestone-testimonials .testimonials .testimonial {
  border-bottom: 1px solid;
  position: relative;
}

.why-milestone-testimonials .testimonials .testimonial .description {
  margin-bottom: 45px;
}

.why-milestone-testimonials .testimonials .testimonial-by {
  margin: 20px 0 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-testimonials .testimonials .testimonial-by {
    font-size: 18px;
  }
}

.why-milestone-testimonials .testimonials blockquote {
  font-size: 21px;
  border: none;
  margin: 0;
  padding: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .testimonials blockquote {
    font-size: 18px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-testimonials .testimonials blockquote {
    font-size: 16px;
  }
}

.why-milestone-testimonials .testimonials blockquote:before {
  font-family: Georgia, serif;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  top: 25px;
  left: -50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-testimonials .testimonials blockquote:before {
    left: -25px;
    top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .testimonials blockquote:before {
    left: -25px;
    top: 0px;
  }
}

.why-milestone-testimonials .testimonials blockquote:after {
  font-family: Georgia, serif;
  content: close-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  bottom: 40px;
  right: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-testimonials .testimonials blockquote:after {
    right: -15px;
  }
}

.why-milestone-testimonials #masonry-carousel {
  height: auto;
}

.why-milestone-testimonials #masonry-carousel .carousel-control {
  width: 0%;
  height: 900px;
}

.why-milestone-testimonials #masonry-carousel .carousel-control span {
  border-color: white;
}

.why-milestone-testimonials #masonry-carousel .carousel-control.left {
  left: -40px;
}

@media only screen and (min-width: 1230px) {
  .why-milestone-testimonials #masonry-carousel .carousel-control.left {
    left: -60px;
  }
}

.why-milestone-testimonials #masonry-carousel .carousel-control.left span {
  background-image: url("/images/site/prev-arrow-hover.png");
}

.why-milestone-testimonials #masonry-carousel .carousel-control.right {
  right: -40px;
}

@media only screen and (min-width: 1230px) {
  .why-milestone-testimonials #masonry-carousel .carousel-control.right {
    right: -60px;
  }
}

.why-milestone-testimonials #masonry-carousel .carousel-control.right span {
  background-image: url("/images/site/next-arrow-hover.png");
}

.why-milestone-testimonials #masonry-carousel .carousel-inner {
  margin: 0;
}

.why-milestone-testimonials #masonry-carousel .item {
  transition-property: opacity;
}

.why-milestone-testimonials #masonry-carousel .item,
.why-milestone-testimonials #masonry-carousel .active.left,
.why-milestone-testimonials #masonry-carousel .active.right {
  opacity: 0;
}

.why-milestone-testimonials #masonry-carousel .active,
.why-milestone-testimonials #masonry-carousel .next.left,
.why-milestone-testimonials #masonry-carousel .prev.right {
  opacity: 1;
}

.why-milestone-testimonials #masonry-carousel .next,
.why-milestone-testimonials #masonry-carousel .prev,
.why-milestone-testimonials #masonry-carousel .active.left,
.why-milestone-testimonials #masonry-carousel .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.modal-testimonial {
  /*left quote default*/
  /*right quote small*/
}

.modal-testimonial .modal-dialog {
  display: table;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-testimonial .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: table-cell;
  vertical-align: middle;
}

.modal-testimonial .testimonial-popup {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  font-weight: 100;
  border: 2px solid white;
  position: relative;
  /*important overides bootstraps styles*/
  -webkit-transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.6s;
  -moz-transition: all 0.3s ease-out;
  -moz-transition-delay: 0.6s;
  -o-transition: all 0.3s ease-out;
  -o-transition-delay: 0.6s;
  transition: 0.3s ease-out;
  transition-delay: 0.6s;
}

.modal-testimonial .testimonial-popup span.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: 100 !important;
  font-size: 21px !important;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.2s ease-out;
}

.modal-testimonial .testimonial-popup span.close-btn:hover {
  transition: all 0.2s ease-in;
  cursor: pointer;
  color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-testimonial .testimonial-popup {
    padding: 50px 100px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-testimonial .testimonial-popup {
    padding: 50px 60px;
  }
}

.modal-testimonial .testimonial {
  border-bottom: 1px solid;
  position: relative;
}

.modal-testimonial .testimonial .description {
  border-left: none;
  margin-bottom: 45px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-testimonial .testimonial .description p {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-testimonial .testimonial .description p {
    font-size: 18px;
  }
}

.modal-testimonial .testimonial-by {
  margin: 20px 0 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .modal-testimonial .testimonial-by {
    font-size: 18px;
  }
}

.modal-testimonial blockquote {
  font-size: 21px;
  border: none;
  margin: 0;
  padding: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-testimonial blockquote {
    font-size: 18px;
  }
}

@media only screen and (max-width: 555px) {
  .modal-testimonial blockquote {
    font-size: 16px;
  }
}

.modal-testimonial blockquote:before {
  font-family: Georgia, serif;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  top: 25px;
  left: -50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .modal-testimonial blockquote:before {
    left: -25px;
    top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-testimonial blockquote:before {
    left: -25px;
    top: 0px;
  }
}

.modal-testimonial blockquote:after {
  font-family: Georgia, serif;
  content: close-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  bottom: 40px;
  right: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-testimonial blockquote:after {
    right: -15px;
  }
}

.why-milestone-about-us {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .why-milestone-about-us {
    padding-bottom: 30px;
  }
}

.why-milestone-about-us .background-image {
  background-image: url('/images/site/why-milestone/about-us-bg.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
}

@media only screen and (max-height: 950px) {
  .why-milestone-about-us .background-image {
    height: 85%;
  }
}

@media only screen and (max-height: 800px) {
  .why-milestone-about-us .background-image {
    height: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-about-us .background-image {
    height: 55%;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-about-us .background-image {
    height: 65%;
    background-position: left 130px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-about-us .background-image {
    height: 65%;
  }
}

.why-milestone-about-us .header {
  padding-top: 360px;
  text-shadow: 2px 2px 6px #000;
}

.why-milestone-about-us .header .container {
  padding-right: 3%;
}

.why-milestone-about-us .header .container h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
}

@media only screen and (max-height: 950px) {
  .why-milestone-about-us .header {
    padding-top: 285px;
  }

  .why-milestone-about-us .header .container {
    padding-right: 15%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 950px) {
  .why-milestone-about-us .header .container h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-about-us .header {
    padding-top: 230px;
  }

  .why-milestone-about-us .header .container h1 {
    font-size: 35px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-about-us .header {
    padding-top: 180px;
  }

  .why-milestone-about-us .header .container {
    padding-right: 15px;
  }

  .why-milestone-about-us .header .container h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .why-milestone-about-us .header .container .h4 {
    font-size: 20px;
  }
}

.why-milestone-about-us .content {
  margin-top: 700px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 950px) {
  .why-milestone-about-us .content {
    margin-top: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-about-us .content {
    margin-top: 320px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-about-us .content {
    margin-top: 195px;
  }
}

.why-milestone-about-us .about-us-description {
  width: 85%;
  background-color: #ffffff;
  margin: 130px auto 60px auto;
  color: #9e9991;
  padding: 70px 40px;
}

.why-milestone-about-us .about-us-description p {
  font-size: 25px;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-about-us .about-us-description p {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-about-us .about-us-description p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-about-us .about-us-description p {
    font-size: 16px;
  }
}

.why-milestone-about-us .about-us-description h2 {
  font-size: 82px;
  line-height: 90px;
  opacity: 0.6;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-about-us .about-us-description > div:first-child h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .why-milestone-about-us .about-us-description > div:first-child button {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-height: 950px) {
  .why-milestone-about-us .about-us-description > div:first-child h2 {
    font-size: 40px;
    line-height: 60px;
  }

  .why-milestone-about-us .about-us-description > div:first-child button {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-about-us .about-us-description > div:first-child {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-about-us .about-us-description {
    font-size: 18px;
    margin: 0 auto;
    padding: 20px 20px;
    width: 95%;
    margin-bottom: 60px;
  }

  .why-milestone-about-us .about-us-description > div:first-child {
    text-align: center;
  }

  .why-milestone-about-us .about-us-description > div:first-child h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .why-milestone-about-us .about-us-description > div:first-child button {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

.why-milestone-about-us .about-us-description .form-button {
  margin-top: 50px;
  font-size: 15px;
}

.why-milestone-about-us .about-us-description .form-button a {
  color: white;
}

@media only screen and (max-width: 555px) {
  .why-milestone-about-us .about-us-description .form-button {
    font-size: 14px;
  }
}

.why-milestone-hometown-heroes {
  position: relative;
  height: auto;
}

.why-milestone-hometown-heroes .background-container .background-image {
  background-image: url('/images/site/why-milestone/hometown-heroes-bg.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-hometown-heroes .background-container .background-image {
    top: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-hometown-heroes .background-container .background-image {
    top: 125px;
  }
}

.why-milestone-hometown-heroes .hometown-heroes {
  position: relative;
  background-color: #ffffff;
  color: #9e9991;
  margin-top: 40%;
  margin-bottom: -1px;
  z-index: 1;
  padding: 20px 70px 70px;
}

@media only screen and (max-width: 767px) {
  .why-milestone-hometown-heroes .hometown-heroes {
    margin-top: 45%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-hometown-heroes .hometown-heroes {
    margin-top: 50%;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-hometown-heroes .hometown-heroes {
    padding: 20px 10px;
  }
}

.why-milestone-hometown-heroes .hometown-heroes .h4 {
  color: #9e9991;
  margin-top: 40px;
  margin-bottom: 0;
}

@media only screen and (max-width: 555px) {
  .why-milestone-hometown-heroes .hometown-heroes .h4 {
    font-size: 12px;
    margin-top: 15px;
  }
}

.why-milestone-hometown-heroes .hometown-heroes h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 90px;
  margin-top: 0;
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-hometown-heroes .hometown-heroes h1 {
    font-size: 55px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-hometown-heroes .hometown-heroes h1 {
    font-size: 45px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-hometown-heroes .hometown-heroes h1 {
    font-size: 35px;
    line-height: 35px;
  }
}

.why-milestone-hometown-heroes .hometown-heroes p {
  font-size: 27px;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-hometown-heroes .hometown-heroes p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-hometown-heroes .hometown-heroes p {
    font-size: 18px;
  }
}

.why-milestone-hometown-heroes .velocity-wrapper {
  overflow: hidden;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row {
    display: -ms-flexbox;
    display: flex;
  }
}

.why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child {
  background-image: url('/images/site/why-milestone/austin-skyline-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child::before {
  background-color: rgba(0, 0, 0, 0.45);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child > div {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding: 30px 15px;
  }
}

.why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:first-child > div img {
  max-width: 100%;
  position: relative;
}

.why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child {
  background-color: #0d668e;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div {
    padding: 105px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div {
    padding: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div {
    padding: 30px 15px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div p {
    font-size: 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div p {
    line-height: 30px;
  }
}

.why-milestone-the-team .ten-years-strong .container-fluid > .row > div[class^="col-"]:last-child > div p:nth-child(2) {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .at-milestone {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .at-milestone {
    padding-left: 135px;
    padding-right: 135px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .at-milestone {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .at-milestone {
    padding: 30px 15px;
  }
}

.why-milestone-the-team .at-milestone .container-fluid > .row > div[class^="col-"] > div p {
  color: #9e9991;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .at-milestone .container-fluid > .row > div[class^="col-"] > div p {
    font-size: 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .at-milestone .container-fluid > .row > div[class^="col-"] > div p {
    line-height: 30px;
  }
}

.why-milestone-the-team .team {
  background-color: #F3F0EA;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .team {
    padding-left: 135px;
    padding-right: 135px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .team {
    padding: 30px 15px;
  }
}

.why-milestone-the-team .team .container-fluid > .row:first-child p {
  color: #9e9991;
  margin-bottom: 75px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team .container-fluid > .row:first-child p {
    font-size: 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .team .container-fluid > .row:first-child p {
    line-height: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team .container-fluid > .row:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.why-milestone-the-team .team .container-fluid > .row:last-child > div[class^="col-"] {
  padding-bottom: 30px;
}

.why-milestone-the-team .team .member {
  background-color: #ffffff;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team .member {
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team .member > .row {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}

.why-milestone-the-team .team .member > .row > div[class^="col-"]:first-child > div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .team .member > .row > div[class^="col-"]:first-child > div {
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .team .member > .row > div[class^="col-"]:first-child > div {
    min-height: 326px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .why-milestone-the-team .team .member > .row > div[class^="col-"]:first-child > div {
    min-height: 326px;
    height: 900px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .team .member > .row > div[class^="col-"]:last-child > div {
    padding-left: 30px;
  }
}

.why-milestone-the-team .team .member > .row > div[class^="col-"]:last-child > div p.h4 {
  margin-top: 45px;
  margin-bottom: 0;
}

.why-milestone-the-team .team .member > .row > div[class^="col-"]:last-child > div p.title {
  color: #1393cd;
}

.why-milestone-the-team .team .member > .row > div[class^="col-"]:last-child > div p.blurb {
  color: #9e9991;
  line-height: 30px;
  margin-bottom: 45px;
}

.why-milestone-the-team .team .member > .row > div[class^="col-"]:last-child > div .btn-read-more {
  color: #1393cd;
  cursor: pointer;
  text-decoration: underline;
}

.why-milestone-the-team .view-careers {
  background-color: #0d668e;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .view-careers {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .why-milestone-the-team .view-careers {
    padding-left: 135px;
    padding-right: 135px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .view-careers {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .view-careers {
    padding: 30px 15px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .view-careers .container-fluid > .row {
    display: -ms-flexbox;
    display: flex;
  }
}

.why-milestone-the-team .view-careers .container-fluid > .row > div[class^="col-"]:first-child > div p {
  margin-bottom: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .view-careers .container-fluid > .row > div[class^="col-"]:first-child > div p {
    font-size: 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .view-careers .container-fluid > .row > div[class^="col-"]:first-child > div p {
    line-height: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-the-team .view-careers .container-fluid > .row > div[class^="col-"]:last-child > div {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-cintent: center;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-the-team .view-careers .container-fluid > .row > div[class^="col-"]:last-child > div {
    padding-top: 30px;
  }
}

.modal-member .modal-header {
  border-bottom-color: transparent;
}

.modal-member .close {
  color: #1393cd;
  font-size: 30px;
  opacity: 1;
}

.modal-member .modal-body {
  padding: 0 45px 45px;
}

@media only screen and (max-width: 767px) {
  .modal-member .modal-body .member > .row > div[class^="col-"]:first-child img {
    width: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .modal-member .modal-body .member > .row > div[class^="col-"]:last-child > div {
    padding-left: 30px;
  }
}

.modal-member .modal-body .member > .row > div[class^="col-"]:last-child > div p.h4 {
  margin-bottom: 0;
}

.modal-member .modal-body .member > .row > div[class^="col-"]:last-child > div p.title {
  color: #1393cd;
}

.modal-member .modal-body .member > .row > div[class^="col-"]:last-child > div p.blurb {
  color: #9e9991;
  line-height: 30px;
  margin-bottom: 45px;
}

.awards-body {
  padding-top: 75px;
  background-color: #2D4052;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .awards-body {
    padding-top: 50px;
  }
}

.why-milestone-awards {
  margin: 177px 0 20px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards {
    margin-top: 50px;
  }
}

.why-milestone-awards h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-awards h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-awards .h4 {
    font-size: 18px;
  }
}

.why-milestone-awards .trophy-wrap,
.why-milestone-awards .trophy {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 0;
}

.why-milestone-awards .trophy-wrap {
  background-image: url('/images/site/why-milestone/awards-bg-blue.jpg');
}

.why-milestone-awards .trophy {
  background-image: url('/images/site/why-milestone/awards-trophy.png');
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards .trophy {
    opacity: 0.7 !important;
  }
}

.why-milestone-awards .container {
  padding-top: 110px;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-awards .container {
    padding-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-awards .container {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards .container {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-awards .container {
    padding-top: 60px;
  }
}

.why-milestone-awards .awards-description {
  font-size: 25px;
  font-weight: 100;
  padding-top: 25px;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-awards .awards-description p {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-awards .awards-description p {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .why-milestone-awards .awards-description {
    padding-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-awards .awards-description {
    padding-top: 15px;
  }
}

.why-milestone-awards .carousel {
  opacity: 0;
  height: 430px !important;
  background-color: #ffffff;
  padding-top: 80px;
  color: #9e9991;
  margin: 130px 0 157px 0;
  -webkit-transition: all 0.5s ease-in;
  -webkit-transition-delay: 2s;
  -moz-transition: all 0.5s ease-in;
  -moz-transition-delay: 2s;
  -o-transition: all 0.5s ease-in;
  -o-transition-delay: 2s;
  transition: 0.5s ease-in;
  transition-delay: 2s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-milestone-awards .carousel {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards .carousel {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-awards .carousel {
    margin-top: 30px;
    margin-bottom: 100px;
  }
}

.why-milestone-awards .carousel.fade-in {
  opacity: 1;
}

.why-milestone-awards .carousel .award-img {
  margin: 0 auto 50px auto;
  height: 170px;
}

.why-milestone-awards .carousel .award-title {
  font-size: 25px;
  font-style: italic;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .why-milestone-awards .carousel .award-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 555px) {
  .why-milestone-awards .carousel .award-title {
    font-size: 18px;
  }
}

.why-milestone-awards .carousel .award-subtitle {
  color: #B2D3D6;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (max-width: 555px) {
  .why-milestone-awards .carousel .award-subtitle {
    font-size: 16px;
  }
}

.why-milestone-awards .carousel .carousel-control {
  opacity: 1;
}

.why-milestone-awards .carousel .carousel-control .icon-prev,
.why-milestone-awards .carousel .carousel-control .icon-next {
  transition: all 0.2s ease-in;
  border-color: #e98d11;
}

.why-milestone-awards .carousel .carousel-control .icon-prev {
  left: -15px;
  background: url("/images/site/prev-arrow-hover.png") #f1a43c 12px 13px no-repeat;
}

.why-milestone-awards .carousel .carousel-control .icon-next {
  right: -15px;
  background: url("/images/site/next-arrow-hover.png") #f1a43c 12px 13px no-repeat;
}

.why-milestone-awards .carousel .carousel-control:hover .icon-prev {
  transition: all 0.2s ease-out;
  background: url("/images/site/prev-arrow-hover.png") #d17f0f 12px 13px no-repeat;
}

.why-milestone-awards .carousel .carousel-control:hover .icon-next {
  transition: all 0.2s ease-out;
  background: url("/images/site/next-arrow-hover.png") #d17f0f 12px 13px no-repeat;
}

.regional {
  margin-top: 177px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .regional {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .regional .regional-body {
    overflow: hidden;
  }
}

.regional .no-communities {
  background-color: #eee9e1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .regional .no-communities {
    margin-top: 345px;
    padding: 105px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .no-communities {
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .regional .no-communities {
    margin-top: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .no-communities {
    margin-top: 262.5px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding-right: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div {
    padding-top: 30px;
  }
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div p {
  color: #8f8677;
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > p {
  font-weight: 700;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > p {
    font-size: 30px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > p {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p {
    font-size: 24px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p {
    font-size: 18px;
    line-height: 36px;
  }
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p a.read-more,
.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p a.read-less {
  color: #1393cd;
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin-top: 15px;
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p span.more-text {
  display: none;
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:first-child > div > div p span.more-text.show {
  display: inline !important;
}

.regional .no-communities > .container-fluid > .row > div[class^="col-"]:last-child .register-form {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .regional .no-communities > .container-fluid > .row > div[class^="col-"]:last-child .register-form .h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

.regional .map-section {
  overflow: hidden;
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .regional .map-section {
    position: fixed;
    top: 175px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .map-section {
    position: fixed;
    top: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .map-section {
    margin-top: 107px;
  }
}

.regional.no-comm .map-section {
  background-color: #ffffff;
  overflow: initial;
  z-index: 1;
}

.regional .angular-google-map {
  /* this gets set by javascript later for parallax */
  height: 55%;
  height: 65vh;
}

.regional .angular-google-map-container {
  height: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-section i.fa.fa-caret-right,
  .regional .search-section i.fa.fa-caret-down {
    position: absolute;
    right: 10px;
  }
}

.regional .search-section,
.regional .search-results-section {
  position: relative;
  background-color: white;
}

.regional .search-results-section {
  margin-top: 55%;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section {
    margin-top: 0 !important;
  }
}

.regional .subtitle {
  font-size: 45px;
  font-weight: 300;
  margin: 60px 0 30px 0;
  color: #f1a43c;
}

.regional .subtitle.smaller {
  font-size: 25px;
  line-height: 45px;
  margin: 55px 0 70px 0;
  color: #817a70;
}

.regional .map-section .container {
  position: relative;
  z-index: 99;
}

.regional .map-section .container .heading {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 225px;
}

@media only screen and (max-width: 767px) {
  .regional .map-section .container .heading {
    padding-right: 0;
    padding-top: 0;
  }
}

.regional .map-section .container .heading h1 {
  margin-bottom: 10px;
  font-size: 80px;
  line-height: 90px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #9e9991;
  display: block;
}

.regional .map-section .container .heading h1 small {
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 2px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .regional .map-section .container .heading h1 {
    font-size: 50px;
    line-height: 70px;
    margin-bottom: 0;
  }

  .regional .map-section .container .heading h1 small {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .map-section .container .heading h1 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 50px;
  }

  .regional .map-section .container .heading h1 small {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .map-section .container .heading h1 {
    font-size: 25px;
    line-height: 40px;
    margin: 40px 10px 5px;
    width: 90%;
  }

  .regional .map-section .container .heading h1 small {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
  }
}

.regional .map-section .container .heading .view-another-region {
  height: 50px;
  border: 1px solid #e8e1d8;
  width: 225px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
}

@media only screen and (max-width: 767px) {
  .regional .map-section .container .heading .view-another-region {
    margin: 12px 5%;
    width: 90%;
  }
}

.regional .map-section .container .heading .view-another-region .fa.fa-caret-down {
  line-height: inherit;
}

.regional .map-section .container .heading .view-another-region .dropdown-menu {
  min-width: 100%;
  padding: 0;
}

.regional .map-section .container .heading .view-another-region .dropdown-menu li a {
  border-bottom: 1px solid #ccc;
  color: #8f8677 !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  color: #f1a43c;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 2px;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .map-section .container .heading .view-another-region .dropdown-menu li a {
    font-size: 16px;
  }
}

.regional .map-section .container .heading .view-another-region .dropdown-menu li a:hover,
.regional .map-section .container .heading .view-another-region .dropdown-menu li a:focus {
  background: #f1a43c !important;
  color: white !important;
  font-weight: 300 !important;
}

.regional .map-section .container .heading .view-another-region button {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #ffffff;
  color: #8f8677;
  font-size: 20px;
  font-weight: 100;
  border: 0.5px solid #ccc;
  text-align: left;
}

.regional .map-section .container .heading .view-another-region button i {
  position: absolute;
  right: 1em;
}

.regional .map-section .map-container {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .regional .map-section .map-container {
    padding: 0 20px;
  }
}

.regional .map-section .map-container img.map {
  width: 100%;
}

.regional .map-section .map-container a.map-pin {
  position: absolute;
  width: 46px;
  height: 58px;
  display: block;
}

.regional .map-section .map-container a.map-pin:hover {
  cursor: pointer;
}

.regional .map-section .map-container a.map-pin:hover .shadow {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

.regional .map-section .map-container a.map-pin .shadow.show {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

.regional .map-section .map-container a.map-pin img.active-pin {
  z-index: 1062;
  position: relative;
}

.regional .map-section .map-container a.map-pin.pin-0 {
  top: 6%;
  left: 21%;
}

.regional .map-section .map-container a.map-pin.pin-1 {
  left: 23%;
  top: 43%;
}

.regional .map-section .map-container a.map-pin.pin-2 {
  left: 39%;
  bottom: 27%;
}

.regional .map-section .map-container a.map-pin.pin-3 {
  left: 52%;
  top: 8%;
}

.regional .map-section .map-container a.map-pin.pin-4 {
  right: 25%;
  bottom: 33%;
}

.regional .map-section .gradient-white {
  position: absolute;
  height: 200px;
  width: 100%;
  top: 0;
  left: 0;
  background: url('/images/site/gradient-pattern.png') repeat-x;
  background-size: 100% 100%;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .regional .map-section .gradient-white {
    height: 175px;
  }
}

.regional .search-section {
  margin-top: -45px;
  height: 100px;
}

.regional .search-section .affix-trigger {
  top: -144px;
}

@media only screen and (max-width: 767px) {
  .regional .search-section .affix-trigger {
    top: -78px;
  }
}

.regional .search-section .filters {
  width: 100%;
  padding: 0px;
  border: 1px solid #cfcfcf;
  border-radius: 0px;
  background: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-section .filters {
    left: auto;
    right: 0 !important;
  }
}

.regional .search-section .filters label {
  font-weight: 500;
  font-size: 16px;
  color: #8f8677;
  line-height: 30px;
}

.regional .search-section .filters .form-horizontal .form-group {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px 0;
}

.regional .search-section .filters .form-control {
  border-radius: 0px;
}

.regional .search-section .search-box {
  box-sizing: border-box;
  background-color: #8f8677;
  margin-bottom: 80px;
  position: relative;
  padding: 10px 0 10px 15px;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .regional .search-section .search-box {
    padding: 15px;
    width: 100%;
  }

  .regional .search-section .search-box img {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-section .search-box {
    margin-bottom: 20px;
  }

  .regional .search-section .search-box img {
    height: 70%;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .search-section .search-box img {
    display: none;
  }
}

.regional .search-section .search-box.affix {
  position: fixed;
  top: 144px;
  width: 100%;
  left: 0;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .regional .search-section .search-box.affix {
    top: 177px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-section .search-box.affix {
    top: 167px;
  }
}

@media only screen and (max-width: 767px) {
  .regional .search-section .search-box.affix {
    top: 78px;
  }
}

.regional .search-section .search-box div.title {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #ffffff;
  font-weight: 100;
  margin-left: -10px;
}

@media only screen and (max-width: 767px) {
  .regional .search-section .search-box div.title {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    margin-left: 0;
    margin-bottom: 0;
  }
}

.regional .search-section .search-box div.title + i.fa {
  position: absolute;
  right: 27px;
  font-size: 25px;
  top: 15px;
  color: #f1a43c;
}

.regional .search-section .search-box ul.list-unstyled {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  height: 50px;
}

.regional .search-section .search-box ul.list-unstyled li {
  padding: 0;
  width: 100%;
  float: left;
  margin-left: 18px;
}

.regional .search-section .search-box ul.list-unstyled li:first-child {
  margin-left: 0;
}

.regional .search-section .search-box ul.list-unstyled li div.btn-group {
  width: 100%;
}

.regional .search-section .search-box ul.list-unstyled li div.btn-group button,
.regional .search-section .search-box ul.list-unstyled li div.btn-group input[type="text"] {
  width: 100%;
  height: auto;
  background: #ffffff;
  color: #8f8677;
  font-size: 20px;
  font-weight: 100;
  border: none;
  border-radius: 0px;
  text-align: left;
}

.regional .search-section .search-box ul.list-unstyled li div.btn-group i {
  font-size: 23px;
  opacity: .6;
  margin-top: 3px;
}

.regional .search-section .search-box ul.list-unstyled li.lg {
  width: 280px;
}

.regional .search-section .search-box ul.list-unstyled li.sm {
  width: 147px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .regional .search-section .search-box ul.list-unstyled {
    float: right;
    width: 75%;
  }

  .regional .search-section .search-box ul.list-unstyled li {
    margin-top: 10px;
  }

  .regional .search-section .search-box ul.list-unstyled li.lg {
    display: inline-block;
    width: 24.5% !important;
  }

  .regional .search-section .search-box ul.list-unstyled li.sm {
    display: inline-block;
    width: 21% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-section .search-box ul.list-unstyled {
    float: right;
    width: 70%;
    margin-top: 15px;
  }

  .regional .search-section .search-box ul.list-unstyled li {
    margin-top: 10px;
  }

  .regional .search-section .search-box ul.list-unstyled li.lg {
    margin: 0 2px;
    width: 30% !important;
  }

  .regional .search-section .search-box ul.list-unstyled li.sm {
    margin: 0 2px;
    width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .regional .search-section .search-box ul.list-unstyled {
    width: 100%;
    height: 0px;
    background: #f1a43c;
    position: absolute;
    left: 0;
    top: 55px;
    padding: 0 20px;
    overflow: hidden;
    transition: all 0.2s ease-out;
  }

  .regional .search-section .search-box ul.list-unstyled li {
    height: auto;
    margin-bottom: 10px;
    margin-left: 0 !important;
    padding: 0;
    float: none;
  }

  .regional .search-section .search-box ul.list-unstyled li .btn-group {
    transition: all 0.2s ease-out;
    opacity: 0;
  }

  .regional .search-section .search-box ul.list-unstyled li.lg {
    width: 100% !important;
  }

  .regional .search-section .search-box ul.list-unstyled li.sm {
    width: 100% !important;
  }

  .regional .search-section .search-box ul.list-unstyled.visible {
    transition: all 0.2s ease-in;
    height: 280px;
    padding: 20px;
    overflow: visible;
  }

  .regional .search-section .search-box ul.list-unstyled.visible li .btn-group {
    -webkit-transition: all 0.2s ease-in;
    -webkit-transition-delay: 0.2s;
    -moz-transition: all 0.2s ease-in;
    -moz-transition-delay: 0.2s;
    -o-transition: all 0.2s ease-in;
    -o-transition-delay: 0.2s;
    transition: 0.2s ease-in;
    transition-delay: 0.2s;
    opacity: 1;
  }
}

.regional .search-results-section {
  padding-bottom: 60px;
}

.regional .search-results-section .legend h1,
.regional .search-results-section .legend h2,
.regional .search-results-section .legend h3,
.regional .search-results-section .legend h4,
.regional .search-results-section .legend h5,
.regional .search-results-section .legend h6,
.regional .search-results-section .legend p,
.regional .search-results-section .legend li {
  color: #9e9991;
  font-weight: 300;
  text-align: center;
}

.regional .search-results-section .legend h1,
.regional .search-results-section .legend h2,
.regional .search-results-section .legend h3,
.regional .search-results-section .legend h4,
.regional .search-results-section .legend h5,
.regional .search-results-section .legend h6 {
  text-transform: none;
}

.regional .search-results-section .legend p,
.regional .search-results-section .legend li {
  font-size: 25px;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section .legend p,
  .regional .search-results-section .legend li {
    font-size: 16px;
  }
}

.regional .search-results-section .legend p {
  width: 90%;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section .legend p {
    margin: 0 auto 50px;
  }
}

.regional .search-results-section .legend ul {
  list-style-position: inside;
  padding-left: 0;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .regional .search-results-section .legend.bottom {
    padding-top: 30px;
  }
}

.regional .search-results-section ul.search-results-items {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: -20px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section ul.search-results-items {
    padding-bottom: 30px;
  }
}

.regional .search-results-section ul.search-results-items .popover-content:hover {
  background-color: #cfcfcf;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.2s ease-in 0s;
}

.regional .search-results-section ul.search-results-items .map-popover {
  background-color: #fff;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all 0.2s ease-out 0s;
}

.regional .search-results-section ul.search-results-items .map-popover .pull-right {
  margin-right: 5px;
}

.regional .search-results-section ul.search-results-items .cta {
  border-bottom: 1px solid white;
  transition: all 0.2s ease-out;
}

.regional .search-results-section ul.search-results-items li.search-results-item {
  display: inline-block;
  text-align: left;
  border: 1px solid #e8e1d8;
  margin: 20px;
  box-shadow: 0 0 5px 0 rgba(136, 120, 100, 0.25);
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section ul.search-results-items li.search-results-item {
    display: block;
  }
}

.regional .search-results-section ul.search-results-items li.search-results-item:hover {
  transition: all 0.2s ease-in;
  background: #fafafa !important;
  transform: scale(1.01);
}

.regional .search-results-section ul.search-results-items li.search-results-item:hover .cta {
  border-bottom: 1px solid #1393cd;
  transition: all 0.2s ease-in;
}

.regional .search-results-section ul.search-results-items li.search-results-item .popover-content {
  border: 1px solid #cfcfcf;
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .regional .search-results-section ul.search-results-items li.search-results-item .card-threesections .image-container {
    display: block !important;
    width: 100% !important;
    border: 1px solid #e8e1d8 !important;
  }
}

.find-your-home {
  margin-top: 175px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home {
    margin-top: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home {
    margin-top: 107px;
  }
}

.find-your-home .find-your-home-body {
  position: relative;
  z-index: 2;
  background: white;
}

@media only screen and (max-width: 767px) {
  .find-your-home a.floor-plan-link {
    font-size: 3.5vw;
  }
}

.find-your-home .map-section .angular-google-map-container {
  height: 855px;
  max-height: 80vh;
}

.find-your-home .map-section .map-container {
  position: relative;
  /*pop up card*/
}

.find-your-home .map-section .map-container img.map {
  width: 100%;
}

.find-your-home .map-section .map-container a.map-pin {
  position: absolute;
  width: 46px;
  height: 58px;
  display: block;
}

.find-your-home .map-section .map-container a.map-pin:hover {
  cursor: pointer;
}

.find-your-home .map-section .map-container a.map-pin:hover .shadow {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

.find-your-home .map-section .map-container a.map-pin .shadow.show {
  background: url("/images/site/icon-pin-shadow.png");
  width: 38px;
  height: 44px;
  position: absolute;
  bottom: 4px;
  right: -8px;
  z-index: 1061;
}

@media only screen and (max-width: 767px) {
  .find-your-home .map-section .map-container .fagm-style-iw > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small {
    width: 100%;
    padding: 10px 0 0;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .image-container {
    display: none;
    width: 30%;
    padding: 5px;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .image-container img {
    width: 100%;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .title-container {
    min-width: 0px;
    max-width: 100%;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .title-container p,
  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .title-container h4,
  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small .title-container span {
    font-size: 12px;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small ul.list-inline {
    margin-left: 0;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small ul.list-inline li {
    padding: 5px 0;
    width: 25%;
    text-align: center;
    margin-bottom: 0;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small ul.list-inline li:last-child {
    width: 46%;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small ul.list-inline li img {
    display: none;
  }

  .find-your-home .map-section .map-container .fagm-style-iw > div .card-threesections-small ul.list-inline li span {
    font-size: 12px;
    margin: 0;
    float: none;
    letter-spacing: 0;
  }
}

.find-your-home .community-list-section {
  width: 100%;
  bottom: 0px;
  border-bottom: 20px solid #ffffff;
}

.find-your-home .community-list-section .community-list-container-toggle {
  background: #ffffff;
  height: 64px;
  width: 300px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
  top: -64px;
  cursor: pointer;
  z-index: 10;
}

.find-your-home .community-list-section .community-list-container-toggle .h5 {
  color: #1393cd;
  height: 100%;
  margin: 0;
  line-height: 64px;
  display: inline-block;
}

.find-your-home .community-list-section .community-list-container-toggle .h5 .fa {
  margin-left: 20px;
  margin-top: 20px;
}

.find-your-home .custom-select {
  border: 1px solid #eee9e1;
  color: #8f8677;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 13.5px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.find-your-home .custom-select.custom-select_brown-light {
  background-color: #eee9e1;
}

.find-your-home .custom-select > span {
  white-space: nowrap;
}

.find-your-home .custom-select > select {
  background: transparent;
  border: none;
  color: #8f8677;
  font-size: 13.5px;
  outline: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}

.find-your-home .community-list-container {
  margin: 0 auto;
  background: #ffffff;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}

.find-your-home .community-list-container .community-list-container-content {
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs {
    position: relative;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header {
  background-color: #ffffff;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
  position: relative;
  text-align: left;
  background: transparent;
  border: 1px solid #eee9e1;
  z-index: 0;
  margin-top: 20px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown.active {
  background: #eee9e1;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown span {
  margin-left: 10px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown i.fa {
  position: absolute;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown i.fa {
    top: 50%;
    margin-top: -6px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter {
    position: absolute;
    height: auto;
    width: 100%;
    display: none;
    height: 186px;
    overflow: auto;
  }

  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter.active {
    display: block;
    background-color: #8f8677;
    z-index: 1;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
    color: white;
    height: 62px;
    line-height: 62px;
    margin: 0;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li.active,
.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li:hover {
  background-color: #eee9e1;
  border-right: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li.active,
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-header ul.mobile-filter li:hover {
    border: none;
    color: #8f8677;
    background-color: #e5ddd1;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body {
  background-color: #eee9e1;
  box-sizing: border-box;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body {
    background-color: transparent;
    padding: 0;
    margin: 20px 0;
    border: none;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities {
    padding: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities {
    padding: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div {
    padding-right: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div {
    padding-top: 30px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div p {
  color: #8f8677;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div > p {
  font-weight: 700;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div > p {
    font-size: 30px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div > p {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div > div p {
    font-size: 24px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:first-child > div > div p {
    font-size: 18px;
    line-height: 36px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:last-child .register-form {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:last-child .register-form {
    border: 1px solid #cfcfcf;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body .no-communities > .row > div[class^="col-"]:last-child .register-form .h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table {
  border: 0;
  margin: 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table .body-home-week td {
  background-color: #ffffff;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th {
  background-color: #e0d7c9;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #8f8677;
  font-size: 16px;
  border-color: #dad0bf;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th i {
  margin-right: 10px;
  font-size: 18px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th i.fa-sort {
  font-size: 18px;
  margin-top: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th i:first-child {
    display: none;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th {
  border-left-width: 0;
  border-bottom-width: 2px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table thead th:first-child {
  border-left-width: 1px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody {
  text-transform: uppercase;
  font-weight: 300;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody tr {
  background-color: #ffffff;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td {
  color: #8f8677;
  border-color: #e0d7c9 !important;
  vertical-align: middle;
  width: 12%;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td {
    border: none;
    padding: 0;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td:first-child {
  vertical-align: top;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .img-text {
    display: none;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list {
  margin: 0 0 20px;
  padding-top: 15px;
  border: 1px solid #eee9e1;
  transition: all 0.2s ease-in;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list.hover-active {
  cursor: pointer;
  background: #eee9e1;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:nth-child(2) {
  padding-left: 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:nth-child(2) h4 {
  font-size: 14px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 10px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:nth-child(2) p {
  line-height: 22px;
  margin-bottom: 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child {
  padding: 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child p,
.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child ul {
  padding: 0 15px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child p {
  line-height: 22px;
  padding: 10px 20px;
  border-bottom: 1px solid #eee9e1;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child ul > li {
  width: 25%;
  text-align: center;
  font-size: 14px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list > div:last-child ul > li:first-child {
  width: 40%;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list img {
  width: 100%;
  min-height: 90px;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list h4 {
  font-size: 18px;
  white-space: initial;
  line-height: 1.5em;
  margin-bottom: 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list p {
  white-space: initial;
  font-size: 15px;
  color: #8f8677;
  text-transform: none;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td .row.mobile-list a {
  color: #1393cd;
  font-weight: bold;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 {
  color: #f1a43c;
  line-height: 1em;
  margin: .3em 0;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 span {
  color: #8f8677;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: none;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 span {
    padding-left: 3.75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 span {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td h4 span {
    font-size: 12px;
  }
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td p {
  font-size: 15px;
  color: #8f8677;
  text-transform: none;
}

.find-your-home .community-list-container .community-list-container-content .community-list-tabs .community-list-tabs-body table tbody td a {
  color: #1393cd;
  font-weight: bold;
}

.find-your-home .community-list-footer {
  position: absolute;
  width: 100%;
  height: 22px;
  background-color: #ffffff;
  bottom: -22px;
}

.find-your-home .card-table {
  border-collapse: separate;
  border-spacing: 0 8px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .card-table {
    border-spacing: 0;
  }
}

.find-your-home .card-table thead > tr > th,
.find-your-home .card-table tbody > tr > th,
.find-your-home .card-table tfoot > tr > th {
  border-left-width: 0;
  border-bottom-width: 1px;
  text-align: center;
}

.find-your-home .card-table thead > tr > th:first-child,
.find-your-home .card-table tbody > tr > th:first-child,
.find-your-home .card-table tfoot > tr > th:first-child {
  border-left-width: 1px;
  text-align: left;
}

.find-your-home .card-table thead > tr > td,
.find-your-home .card-table tbody > tr > td,
.find-your-home .card-table tfoot > tr > td {
  border-left-width: 0;
  border-bottom-width: 1px;
  text-align: center;
}

.find-your-home .card-table thead > tr > td:first-child,
.find-your-home .card-table tbody > tr > td:first-child,
.find-your-home .card-table tfoot > tr > td:first-child {
  border-left-width: 1px;
  text-align: left;
}

.find-your-home .card-table tbody td img {
  float: left;
  min-height: 124px;
  width: 188px;
  background: url(/images/site/elevation.png);
  background-size: cover;
  background-position: center center;
}

.find-your-home .card-table tbody td .img-text {
  padding-left: 200px;
  vertical-align: middle;
  height: 100%;
}

.find-your-home .card-table .sort .indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  margin-top: .15em;
}

.find-your-home .card-table .sort .indicator.fa-pull-left {
  margin-right: .3em;
}

.find-your-home .card-table .sort .indicator.fa-pull-right {
  margin-left: .3em;
}

.find-your-home .card-table .sort .indicator.pull-left {
  margin-right: .3em;
}

.find-your-home .card-table .sort .indicator.pull-right {
  margin-left: .3em;
}

.find-your-home .card-table .sort .indicator::before {
  position: absolute;
  opacity: 0.25;
  content: "\f0de";
}

.find-your-home .card-table .sort .indicator::after {
  position: absolute;
  opacity: 0.25;
  content: "\f0dd";
}

.find-your-home .card-table .sort .indicator-asc::before {
  opacity: 1;
}

.find-your-home .card-table .sort .indicator-desc::after {
  opacity: 1;
}

.find-your-home .tabs {
  text-align: center;
}

.find-your-home .tabs li {
  backgorund: transparent;
  width: auto;
  height: 62px;
  line-height: 62px;
  text-align: center;
  cursor: pointer;
  font-size: 23px;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #8f8677;
  text-shadow: rgba(255, 255, 255, 0.25) 0 1px;
  padding: 0 60px;
  text-transform: uppercase;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.find-your-home .tabs li a {
  color: inherit !important;
  padding: 20px 10px;
}

@media only screen and (max-width: 767px) {
  .find-your-home .tabs li {
    float: left;
    width: 50%;
  }
}

.find-your-home .tabs li.active,
.find-your-home .tabs li:hover {
  background-color: #ffffff;
  box-shadow: 0 0 9px #a69072;
}

.find-your-home .tabs li.active {
  cursor: default;
}

@media only screen and (max-width: 767px) {
  .find-your-home .tabs li {
    color: #ffffff;
    font-size: 16px;
  }
}

.find-your-home .tabs li.active,
.find-your-home .tabs li:hover {
  color: #f1a43c;
  text-shadow: none;
}

@media only screen and (max-width: 767px) {
  .find-your-home .tabs li.active,
  .find-your-home .tabs li:hover {
    color: #979797;
  }
}

.tabs {
  background-color: #e7e1d9;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 62px;
}

@media only screen and (max-width: 767px) {
  .tabs {
    background-color: #aaa196;
  }
}

.tabs .tab {
  backgorund: transparent;
  width: auto;
  height: 62px;
  line-height: 62px;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  font-size: 23px;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.tabs .tab a {
  color: inherit !important;
  padding: 20px 10px;
}

@media only screen and (max-width: 767px) {
  .tabs .tab {
    float: left;
    width: 50%;
  }
}

.tabs .tab.active,
.tabs .tab:hover {
  background-color: #ffffff;
  box-shadow: 0 0 9px #a69072;
}

.tabs .tab.active {
  cursor: default;
}

.heading h1 {
  text-align: center;
  color: #9e9991;
  font-size: 30px;
  margin: 0 0 .5em 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .heading h1 {
    font-size: 20px;
  }
}

.interest-list .header {
  background-image: url('/images/site/full-interest-list-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  padding-top: 260px;
  text-shadow: 1px 1px 10px #353535;
  height: 560px;
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 0;
}

.interest-list .header h1 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.interest-list h3,
.interest-list .h3 {
  font-size: 65px;
  line-height: 1.385;
  font-weight: 100;
  color: #9e9991;
  opacity: 0.7;
}

.interest-list .content {
  padding-top: 70px;
  margin-top: 561px;
  position: relative;
  z-index: 2;
  background-color: white;
}

.interest-list .dropdown-menu.state {
  max-height: 260px;
  overflow: auto;
}

.interest-list .form-group {
  margin-bottom: 30px;
}

.interest-list input,
.interest-list textarea,
.interest-list .dropdown-menu li {
  border-radius: 0;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
}

.interest-list .dropdown-menu li {
  margin-bottom: 5px;
}

.interest-list textarea {
  height: auto;
  height: 97%;
}

.interest-list .additional-information {
  margin-top: 90px;
}

.interest-list .checkbox-holder,
.interest-list .radio-holder {
  font-size: 20px;
  color: #9e9991;
  padding-bottom: 5px;
}

.interest-list .checkbox-holder .fil-checkbox,
.interest-list .radio-holder .fil-checkbox {
  margin-bottom: 15px;
}

.interest-list .checkbox-holder .checkbox,
.interest-list .radio-holder .checkbox,
.interest-list .checkbox-holder .radio,
.interest-list .radio-holder .radio {
  font-size: 20px;
  color: #9e9991;
  margin-right: 20px;
}

.interest-list .checkbox-holder .checkbox-text,
.interest-list .radio-holder .checkbox-text,
.interest-list .checkbox-holder .radio-text,
.interest-list .radio-holder .radio-text {
  margin-right: 30px;
  margin-bottom: 30px;
}

.interest-list .checkbox-holder .hear-about .checkbox,
.interest-list .radio-holder .hear-about .checkbox {
  display: inline-block;
}

.interest-list .checkbox-holder .hear-about .checkbox.label:before,
.interest-list .radio-holder .hear-about .checkbox.label:before {
  top: 6px;
}

.interest-list .checkbox-holder .hear-about .other-text,
.interest-list .radio-holder .hear-about .other-text {
  margin-left: -10px;
}

.interest-list .form-button {
  width: 250px;
  margin: 30px 0 80px 0;
}

.interest-list form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.my-saved-homes {
  position: relative;
  background-color: #412c19;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .my-saved-homes {
    margin-top: 175px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes {
    margin-top: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes {
    margin-top: 107px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes {
    padding-top: 94px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes {
    padding-top: 30px;
  }
}

.my-saved-homes h1,
.my-saved-homes h2 {
  text-align: center;
  color: #ffffff;
}

.my-saved-homes h1 {
  font-size: 20px;
  margin-top: 0;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 5px #000;
}

.my-saved-homes h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  margin: 0;
  text-shadow: 0px 0px 6px #000;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes h2 {
    font-size: 80px;
    line-height: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes h2 {
    font-size: 60px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

.my-saved-homes .my-saved-homes-content {
  width: 65%;
  padding-bottom: 80px;
  text-align: center;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content {
    margin: 50px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content {
    margin-top: 30px;
  }
}

.my-saved-homes .my-saved-homes-content .navigation-section {
  border-bottom: 1px solid #e0d7c9;
  padding-bottom: 7px;
}

.my-saved-homes .my-saved-homes-content .navigation-section a {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #f1a43c;
  font-size: 15px;
  line-height: 42px;
  margin-left: 50px;
  position: relative;
  display: inline-block;
}

.my-saved-homes .my-saved-homes-content .navigation-section a:hover {
  text-decoration: none;
}

.my-saved-homes .my-saved-homes-content .navigation-section a.selected {
  color: #ffffff;
  cursor: default;
}

.my-saved-homes .my-saved-homes-content .navigation-section a.selected:before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 8px solid #e0d7c9;
}

.my-saved-homes .my-saved-homes-content .navigation-section a:first-child {
  margin-left: 0;
}

.my-saved-homes .my-saved-homes-content .content-section {
  clear: both;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section {
  color: #ffffff;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section h3 {
  line-height: 65px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  margin-bottom: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section h3 {
    font-size: 45px;
    margin-top: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section h3 {
    font-size: 24px;
    margin-top: 0;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .form-section > div {
  color: #c0bdb7;
  font-weight: 100;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section > div {
    font-size: 24px;
    margin-top: 35px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .form-section > div a {
  color: #f1a43c;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section > div a:hover {
  text-decoration: none;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section form {
  padding-top: 40px;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section form input {
  height: 50px;
  color: #8f8677;
  text-indent: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section form input {
    width: 280px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section form input {
    width: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section form input {
    margin-bottom: 15px;
    width: 280px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .form-section form button[type="submit"] {
  height: 50px;
  border: none;
  border-radius: 6px;
  padding: 0 50px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 100;
  background-color: #f1a43c;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section form button[type="submit"] {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .form-section form button[type="submit"] {
    margin-left: 15px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .form-section form a {
  margin-top: 5px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  color: #f1a43c;
  font-size: 15px;
}

.my-saved-homes .my-saved-homes-content .content-section .form-section form a:hover {
  text-decoration: none;
}

.my-saved-homes .my-saved-homes-login {
  position: relative;
  z-index: 1;
}

.my-saved-homes .my-saved-homes-login .my-saved-homes-content .navigation-section a {
  float: none;
}

.my-saved-homes .my-saved-homes-login .my-saved-homes-content .navigation-section a:last-child {
  float: none;
}

.my-saved-homes .my-saved-homes-login .my-saved-homes-content .content-section {
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-login .my-saved-homes-content .content-section .form-section {
    text-align: center;
  }
}

.my-saved-homes .my-saved-homes-register {
  position: relative;
  z-index: 1;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .navigation-section a {
  float: none;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .navigation-section a:last-child {
  float: none;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section {
  background-color: transparent;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section h3 {
  margin: 0 auto;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section h3 {
    padding: 0 70px;
    width: 70%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section h3 {
    width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section h3 {
    line-height: 45px;
  }
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section > div {
  margin-top: 15px;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form {
  margin: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form {
    padding-top: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form > .row {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form > .row {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .community-drop-down {
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .dropdown-menu.state {
  max-height: 260px;
  min-width: 115px;
  overflow: auto;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .dropdown-menu li {
  border-radius: 0;
  color: #8f8677;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .label {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .label label {
  padding: 0;
  font-weight: 100;
  text-align: left;
  line-height: 35px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .label label {
    font-size: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .label label {
    font-size: 45px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row .label label {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row input {
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row input {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row input {
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.checkbox {
  text-align: left;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.checkbox input[type="checkbox"] {
  display: inline-block;
  height: auto;
  width: auto;
  margin: 3px 0;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.checkbox label {
  color: #f1a43c;
  text-transform: uppercase;
  margin-left: 10px;
}

.my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.submit {
  text-align: right;
  padding: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.submit {
    margin: 70px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-register .my-saved-homes-content .content-section .form-section form .row.submit {
    text-align: center;
    margin: 15px 0;
  }
}

.my-saved-homes .my-saved-homes-forgot-password {
  position: relative;
  z-index: 1;
}

.my-saved-homes .my-saved-homes-forgot-password .my-saved-homes-content {
  margin-top: 0;
  padding-bottom: 90px;
}

.my-saved-homes .my-saved-homes-forgot-password .my-saved-homes-content .content-section {
  background-color: transparent;
}

.my-saved-homes .my-saved-homes-forgot-password .my-saved-homes-content .content-section .form-section form button[type="submit"] {
  margin-left: 0;
  margin-bottom: 15px;
}

.my-saved-homes .my-saved-homes-content {
  width: 100%;
  padding-bottom: 0;
}

.my-saved-homes .my-saved-homes-content .navigation-section {
  margin: 0 auto;
  height: 48px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .navigation-section {
    width: 65%;
    height: 51px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content .navigation-section {
    width: 85%;
    height: 51px;
    text-align: center;
  }
}

.my-saved-homes .my-saved-homes-content .navigation-section a {
  float: left;
}

.my-saved-homes .my-saved-homes-content .navigation-section a:last-child {
  float: right;
}

.my-saved-homes .my-saved-homes-content .content-section {
  background-color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section {
    min-height: 450px;
    padding: 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content .content-section {
    padding-top: 30px;
    padding-bottom: 90px;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region {
    height: 50px;
    border: 1px solid #e8e1d8;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    position: relative;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region .dropdown-menu {
    min-width: 100%;
    padding: 0;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region .dropdown-menu li a {
    border-bottom: 1px solid #ccc;
    color: #8f8677 !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #f1a43c;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 2px;
    display: block;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region .dropdown-menu li a:hover,
  .my-saved-homes .my-saved-homes-content .content-section .view-another-region .dropdown-menu li a:focus {
    background: #f1a43c !important;
    color: white !important;
    font-weight: 300 !important;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region button {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #ffffff;
    color: #8f8677;
    font-size: 20px;
    font-weight: 100;
    border: 0.5px solid #ccc;
    text-align: left;
  }

  .my-saved-homes .my-saved-homes-content .content-section .view-another-region button i {
    position: absolute;
    right: 1em;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .image-container,
  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container,
  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small ul {
    float: none;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .image-container {
    display: block !important;
    width: 100%;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .image-container img {
    width: auto;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container {
    max-width: none;
    position: relative;
    text-align: left;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    /* background: url('/images/site/star-icon.png') no-repeat; */
    cursor: pointer;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon.saved path {
    fill: #f1a43c;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon path {
    fill: none;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon .title {
    display: none;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon:hover .title {
    display: block;
    position: absolute;
    background-color: #1393cd;
    color: #ffffff;
    left: -77px;
    top: -27px;
    width: 175px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-size: 15px;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small .title-container .fav-icon:hover .title:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 7px solid #1393cd;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small ul {
    margin-left: 0;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small ul li {
    margin-bottom: 0;
    padding: 0;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small ul li img {
    display: inline-block;
  }

  .my-saved-homes .my-saved-homes-content .content-section .card-threesections-small ul li span {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-content .content-section .view-another-region {
    margin: 12px 5%;
    width: 90%;
  }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .view-another-region .dropdown-menu li a {
    font-size: 16px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .alert-info a {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-tabs .ms-tabs-header .ms-tabs-header-item span {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-tabs .ms-tabs-header .ms-tabs-header-item span {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-tabs .ms-tabs-body .ms-tabs-body-content {
  padding: 15px;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion .ms-accordion-item.active .ms-accordion-item-body {
  padding: 0 15px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div {
    border-right-color: transparent;
    height: auto;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 1230px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div {
    border-right: 1px solid #e0d7c9;
    height: 159px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(1) {
  width: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(1) {
    float: left;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(1) img {
  width: 188px;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) {
  padding: 10px 15px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) {
    margin-right: 23%;
    width: 45%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 1230px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) {
    margin-right: 0;
    width: 250px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  /* background: url('/images/site/star-icon.png') no-repeat; */
  cursor: pointer;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon.saved path {
  fill: #f1a43c;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon path {
  fill: none;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon .title {
  display: none;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon:hover .title {
  display: block;
  position: absolute;
  background-color: #1393cd;
  color: #ffffff;
  left: -77px;
  top: -27px;
  width: 175px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
  font-size: 15px;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) .fav-icon:hover .title:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid #1393cd;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) a {
  color: #1393cd;
  text-transform: uppercase;
  text-indent: 20px;
  display: block;
  position: relative;
  font-size: 15px;
  font-weight: 700;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) a:hover {
  text-decoration: none;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(2) a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #1393cd;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 1230px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(4),
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(5),
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(6) {
    width: 140px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 1230px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(7) {
    width: 150px;
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(4),
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(5),
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(6),
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(7) {
  text-transform: uppercase;
  font-weight: 100;
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(4) p,
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(5) p,
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(6) p,
.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(7) p {
  font-size: 18px;
  text-align: center;
  position: relative;
  top: 50%;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 1230px) {
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(4) p,
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(5) p,
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(6) p,
  .my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:nth-child(7) p {
    transform: translateY(-50%);
  }
}

.my-saved-homes .my-saved-homes-content .content-section .ms-accordion-item-body .community-details-items li > div:last-child {
  border-right: none;
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-login .my-saved-homes-content .navigation-section {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-recently-viewed .my-saved-homes-content .navigation-section a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    line-height: 1.42857143;
    margin-left: 0;
    text-align: center;
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-saved-homes .my-saved-homes-content .navigation-section a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    line-height: 1.42857143;
    margin-left: 0;
    text-align: center;
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .my-saved-homes-content .navigation-section a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    line-height: 1.42857143;
    margin-left: 0;
    text-align: center;
    width: 25%;
  }
}

.my-saved-homes .my-saved-homes-my-profile .form-section h3 {
  padding: 0 70px;
}

.my-saved-homes .my-saved-homes-my-profile .form-section > div {
  margin-top: 15px;
}

.my-saved-homes .my-saved-homes-my-profile .form-section form {
  margin: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form {
    padding-top: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form > .row {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form > .row {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row .community-drop-down {
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row .dropdown-menu.state {
  max-height: 260px;
  min-width: 115px;
  overflow: auto;
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row .dropdown-menu li {
  border-radius: 0;
  color: #8f8677;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row .label {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row .label label {
  padding: 0;
  color: #8f8677;
  width: 100%;
  font-weight: 100;
  text-align: left;
  line-height: 35px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row .label label {
    font-size: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row .label label {
    font-size: 45px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row .label label {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row input {
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row input {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row input {
    margin-bottom: 15px;
  }
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row.checkbox {
  text-align: left;
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row.checkbox input[type="checkbox"] {
  display: inline-block;
  height: auto;
  width: auto;
  margin: 3px 0;
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row.checkbox label {
  color: #f1a43c;
  text-transform: uppercase;
  margin-left: 10px;
}

.my-saved-homes .my-saved-homes-my-profile .form-section form .row.submit {
  text-align: right;
  padding: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row.submit {
    margin: 70px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-saved-homes .my-saved-homes-my-profile .form-section form .row.submit {
    margin: 15px 0;
  }
}

.my-saved-homes > div:not(.background-image) {
  position: relative;
  z-index: 1;
}

.my-saved-homes .background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  z-index: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
}

.my-saved-homes .background-image.half-height {
  height: 350px;
  background-position: top;
}

.buying-milestone.sub-nav-fixed li {
  padding: 30px 50px 20px 0px;
}

@media only screen and (max-width: 767px) {
  .buying-milestone.sub-nav-fixed li {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-milestone.sub-nav-fixed li {
    padding: 0;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-milestone.sub-nav-fixed li a {
    font-size: 12px;
  }
}

.buying-new-vs-resale .header {
  background-image: url('/images/site/buying-milestone/bkg-img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 406px;
  padding-bottom: 55px;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: absolute;
  height: 630px;
  width: 100%;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .header {
    padding-top: 200px;
    height: 350px;
  }
}

.buying-new-vs-resale .header .warranty-subtitle {
  font-size: 45px;
  font-weight: 100;
  max-width: 1200px;
  margin: 60px auto 0 auto;
  line-height: 1.444;
}

.buying-new-vs-resale .header h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 90px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-new-vs-resale .header h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .header h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .header h1 {
    font-size: 30px;
  }
}

.buying-new-vs-resale .content {
  margin-top: 631px;
  background-color: white;
  position: relative;
  padding: 60px 0 90px 0;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content {
    margin-top: 350px;
    padding-top: 20px;
  }
}

.buying-new-vs-resale .content .form-bkg {
  background-color: #faf5ee;
  width: 50%;
  position: absolute;
  top: 50px;
  bottom: 50px;
  right: 0;
  z-index: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .form-bkg {
    display: none;
  }
}

.buying-new-vs-resale .content .form-bkg2 {
  background-color: #faf5ee;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .form-bkg2 {
    display: block;
  }
}

.buying-new-vs-resale .content .container {
  color: #9e9991;
}

.buying-new-vs-resale .content .container p,
.buying-new-vs-resale .content .container ul.list-underline li {
  font-size: 25px;
  line-height: 1.8;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container p,
  .buying-new-vs-resale .content .container ul.list-underline li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container p,
  .buying-new-vs-resale .content .container ul.list-underline li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container ul.list-underline {
    margin-left: 35px;
  }
}

.buying-new-vs-resale .content .container ul.list-underline li {
  padding: 15px 30px;
  margin-bottom: 0;
  text-indent: -36px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container ul.list-underline li {
    padding: 10px 0;
    text-indent: -30px;
    line-height: 1;
  }
}

.buying-new-vs-resale .content .container ul.list-underline li:before {
  content: "• ";
  color: #f1a43c;
  font-size: 36px;
  margin-right: 15px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container ul.list-underline li:before {
    margin-right: 10px;
  }
}

.buying-new-vs-resale .content .container ul.list-underline li:last-child {
  border-bottom: none;
}

.buying-new-vs-resale .content .container .col-left {
  padding-right: 70px;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container .col-left {
    padding-right: 20px;
    padding-top: 25px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container .col-left {
    padding-right: 15px;
    padding-top: 20px;
  }
}

.buying-new-vs-resale .content .container .col-right > div:first-child,
.buying-new-vs-resale .content .container .col-right .loader {
  z-index: 1;
  position: relative;
}

.buying-new-vs-resale .content .container .col-right > div:first-child {
  padding: 40px 0 40px 70px;
}

.buying-new-vs-resale .content .container form {
  margin-bottom: 30px;
}

.buying-new-vs-resale .content .container form > div:not(.form-bkg) {
  z-index: 1;
  position: relative;
  padding: 40px 0 40px 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-new-vs-resale .content .container form > div:not(.form-bkg) {
    padding: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-new-vs-resale .content .container form > div:not(.form-bkg) {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container form > div:not(.form-bkg) {
    padding: 20px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form > div:not(.form-bkg) {
    padding: 20px 0;
  }
}

.buying-new-vs-resale .content .container form .form-group {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container form .form-button {
    width: 100%;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form .btn-group {
    margin-bottom: 15px;
  }
}

.buying-new-vs-resale .content .container form .btn {
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-new-vs-resale .content .container form .btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form .btn {
    font-size: 14px;
    margin-bottom: 0px;
  }
}

.buying-new-vs-resale .content .container form input,
.buying-new-vs-resale .content .container form textarea,
.buying-new-vs-resale .content .container form .checkbox-wrap,
.buying-new-vs-resale .content .container form .radio-wrap,
.buying-new-vs-resale .content .container form .dropdown-menu li {
  font-size: 18px;
  height: 47px;
  color: #9e9991;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-new-vs-resale .content .container form input,
  .buying-new-vs-resale .content .container form textarea,
  .buying-new-vs-resale .content .container form .checkbox-wrap,
  .buying-new-vs-resale .content .container form .radio-wrap,
  .buying-new-vs-resale .content .container form .dropdown-menu li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form input,
  .buying-new-vs-resale .content .container form textarea,
  .buying-new-vs-resale .content .container form .checkbox-wrap,
  .buying-new-vs-resale .content .container form .radio-wrap,
  .buying-new-vs-resale .content .container form .dropdown-menu li {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.buying-new-vs-resale .content .container form .checkbox-wrap,
.buying-new-vs-resale .content .container form .radio-wrap,
.buying-new-vs-resale .content .container form .dropdown-menu li {
  margin-bottom: 5px;
}

.buying-new-vs-resale .content .container form textarea {
  height: auto;
}

.buying-new-vs-resale .content .container form i.fa-stick {
  position: absolute;
  top: 0;
  right: 10px;
}

.buying-new-vs-resale .content .container form .text,
.buying-new-vs-resale .content .container form .checkbox,
.buying-new-vs-resale .content .container form .radio {
  margin-right: 20px;
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form .radio {
    font-size: 12px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container form label {
    font-size: 12px;
  }
}

.buying-new-vs-resale .content .container form label.checkbox:before,
.buying-new-vs-resale .content .container form label.radio:before {
  top: 9px;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container form label.checkbox:before,
  .buying-new-vs-resale .content .container form label.radio:before {
    top: 2px;
  }
}

.buying-new-vs-resale .content .container form .button-container {
  text-align: right;
}

.buying-new-vs-resale .content .container form .form-button {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px 70px;
}

.buying-new-vs-resale .content .container form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.buying-new-vs-resale .content .container .form-bkg {
  background-color: #faf5ee;
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-new-vs-resale .content .container .form-bkg {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-new-vs-resale .content .container .form-bkg {
    width: 100%;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container .form-bkg {
    width: 100%;
    left: 0;
  }
}

.buying-new-vs-resale .content .container span.disclaimer {
  font-size: 20px;
  line-height: 30px;
  clear: both;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .buying-new-vs-resale .content .container span.disclaimer {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-new-vs-resale .content .container span.disclaimer {
    font-size: 14px;
    line-height: 20px;
  }
}

.warranty-request input,
.warranty-request textarea {
  border-radius: 0;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
}

.warranty-request textarea {
  height: auto;
}

.homecare-tips {
  background-image: url('/images/site/homecare-tips/homecare-tips-bg.jpg');
  background-size: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .homecare-tips {
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .homecare-tips {
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.homecare-tips .container {
  position: relative;
  padding-bottom: 265px;
}

@media only screen and (max-width: 555px) {
  .homecare-tips .container {
    padding-bottom: 200px;
  }
}

.homecare-tips .header {
  padding-top: 280px;
  padding-bottom: 110px;
  color: #9e9991;
}

@media only screen and (max-width: 767px) {
  .homecare-tips .header {
    padding-top: 190px;
    padding-bottom: 30px;
  }
}

.homecare-tips .header h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .homecare-tips .header h1 {
    font-size: 72px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .header h1 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .header h1 {
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 555px) {
  .homecare-tips .header h1 {
    font-size: 24px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .header h2 {
    font-size: 20px;
    line-height: 40px;
    padding-bottom: 220px;
  }
}

@media only screen and (max-width: 555px) {
  .homecare-tips .header h2 {
    font-size: 18px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 555px) {
  .homecare-tips .header h4 {
    font-size: 18px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .header .h4 {
    padding-bottom: 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips > .content {
    margin-top: 20px;
  }
}

.homecare-tips .month-container {
  margin-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .month-container {
    float: left;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .month-container {
    float: left;
    margin-bottom: 20px;
    text-align: center;
  }
}

.homecare-tips .month-content {
  max-width: 320px;
}

@media only screen and (max-width: 767px) {
  .homecare-tips .month-content {
    float: none;
  }
}

@media only screen and (max-width: 555px) {
  .homecare-tips .month-content h4 {
    font-size: 20px;
    line-height: 25px;
  }
}

.homecare-tips .month-content .month-tip {
  color: #817a70;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.75;
  margin-bottom: 0;
}

@media only screen and (max-width: 555px) {
  .homecare-tips .month-content .month-tip {
    font-size: 16px;
    line-height: 22px;
  }
}

.homecare-tips .month-content .view-more-tips-link {
  color: #1393cd;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 2;
}

.homecare-tips .pull-center {
  margin-left: auto;
  margin-right: auto;
}

.homecare-tips .more-tips-modal .modal-dialog {
  width: 860px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-right: 80px;
}

.homecare-tips .more-tips-modal .modal-content {
  padding: 30px 0 40px 60px;
}

.homecare-tips .more-tips-modal .modal-header {
  border-bottom: none;
}

.homecare-tips .more-tips-modal .modal-header .close {
  font-size: 40px;
  font-weight: 400;
  color: #1393cd;
  margin-top: -25px;
  padding-right: 10px;
  opacity: 1;
}

.homecare-tips .more-tips-modal .modal-header .close:hover {
  opacity: 0.5;
}

.homecare-tips .more-tips-modal .modal-header .close:focus {
  outline: none;
}

.homecare-tips .more-tips-modal .modal-body {
  color: #817a70;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.75;
}

.homecare-tips .more-tips-modal .modal-body .more-tip {
  margin-bottom: 0;
}

.homecare-tips .fixed-image-house {
  width: 800px;
  position: absolute;
  top: -180px;
  left: -450px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .homecare-tips .fixed-image-house {
    width: 770px;
    left: -435px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .fixed-image-house {
    width: 400px;
    left: 20%;
    top: -250px;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .fixed-image-house {
    display: none;
  }
}

.homecare-tips .fixed-image-drill {
  width: 530px;
  position: absolute;
  top: 1070px;
  left: -315px;
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .fixed-image-drill {
    left: 350px;
    opacity: 0.5;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .fixed-image-drill {
    display: none;
  }
}

.homecare-tips .fixed-image-hammer {
  position: absolute;
  top: 640px;
  width: 270px;
  right: -290px;
  transform: rotate(-30deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .fixed-image-hammer {
    margin-right: 20%;
    opacity: 0.8;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .fixed-image-hammer {
    opacity: 0.7;
  }
}

.homecare-tips .fixed-image-tools {
  width: 1190px;
  position: absolute;
  bottom: -155px;
  left: 420px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .fixed-image-tools {
    width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .fixed-image-tools {
    width: 300px;
    bottom: 0;
    right: 0;
    left: auto;
  }
}

.homecare-tips .january-content,
.homecare-tips .april-content,
.homecare-tips .july-content,
.homecare-tips .october-content {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .homecare-tips .january-content,
  .homecare-tips .april-content,
  .homecare-tips .july-content,
  .homecare-tips .october-content {
    float: none;
  }
}

.homecare-tips .february-content,
.homecare-tips .may-content,
.homecare-tips .august-content,
.homecare-tips .november-content {
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homecare-tips .february-content,
  .homecare-tips .may-content,
  .homecare-tips .august-content,
  .homecare-tips .november-content {
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .homecare-tips .february-content,
  .homecare-tips .may-content,
  .homecare-tips .august-content,
  .homecare-tips .november-content {
    float: none;
  }
}

.homecare-tips .march-content,
.homecare-tips .june-content,
.homecare-tips .september-content,
.homecare-tips .december-content {
  float: left;
}

@media only screen and (max-width: 767px) {
  .homecare-tips .march-content,
  .homecare-tips .june-content,
  .homecare-tips .september-content,
  .homecare-tips .december-content {
    float: none;
  }
}

.warranty-request .header {
  background-image: url('/images/site/owning-milestone/warranty-request-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 396px;
  padding-bottom: 55px;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: absolute;
  height: 765px;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-request .header {
    padding-top: 312px;
    padding-left: 50px;
    padding-right: 50px;
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .header {
    padding-top: 0;
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 290px;
  }
}

.warranty-request .header h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .header h1 {
    padding-top: 70px;
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header h1 {
    font-size: 40px;
    top: 56%;
    line-height: 30px;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-request .header h1 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-request .header h2 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .header h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-request .header h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.warranty-request .header .warranty-subtitle {
  font-size: 45px;
  font-weight: 100;
  max-width: 1200px;
  margin: 60px auto 0 auto;
  line-height: 1.444;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-request .header .warranty-subtitle {
    font-size: 25px;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .header .warranty-subtitle {
    max-width: 90%;
    font-size: 22px;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header .warranty-subtitle {
    max-width: 90%;
    font-size: 20px;
    margin: 20px auto 0 auto;
    margin-top: 0;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-request .header .warranty-subtitle {
    font-size: 18px;
  }
}

.warranty-request .content {
  margin-top: 764px;
  background-color: white;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-request .content {
    margin-top: 549px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .content {
    margin-top: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .content {
    margin-top: 315px;
    padding-top: 0;
  }
}

.warranty-request .content .container {
  color: #9e9991;
}

.warranty-request .content .container p {
  margin-bottom: 30px;
}

.warranty-request .content .container .form-group {
  margin-bottom: 30px;
}

.warranty-request .content .container .radio-holder {
  margin-left: 11px;
}

@media only screen and (max-width: 555px) {
  .warranty-request .content .container .radio-holder {
    margin-left: 0;
  }
}

.warranty-request .content .container .radio-holder label.radio {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
}

.warranty-request .content .container .radio-holder label.radio:hover {
  cursor: pointer;
}

.warranty-request .content .container .checkbox-holder {
  padding-left: 70px;
}

.warranty-request .content .container .checkbox-holder .checkbox {
  margin-right: 60px;
  margin-bottom: 30px;
}

.warranty-request .content .container .btn .fa-caret-down {
  position: absolute;
  right: 15px;
  line-height: 30px;
}

.warranty-request .content .container .contacting-directly {
  margin-bottom: 30px;
}

.warranty-request .content .container .contacting-directly .text {
  margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .warranty-request .content .container .contacting-directly .text {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-request .content .container .contacting-directly .text {
    font-size: 14px;
    line-height: 24px;
  }
}

.warranty-request .content .container .contacting-directly .checkbox {
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .warranty-request .content .container .contacting-directly label.radio {
    margin-left: 11px;
  }
}

.warranty-request .content .container .checkbox {
  color: #9e9991;
}

.warranty-request .content .container .checkbox:before {
  top: 5px;
}

@media only screen and (max-width: 555px) {
  .warranty-request .content .container label.checkbox,
  .warranty-request .content .container label.radio {
    font-size: 14px;
    line-height: 24px;
    margin-left: 15px;
    display: block;
    text-align: left;
  }
}

.warranty-request .content .container label.radio {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
}

.warranty-request .content .container label.radio:hover {
  cursor: pointer;
}

.warranty-request .content .container input,
.warranty-request .content .container textarea,
.warranty-request .content .container .btn {
  margin-bottom: 15px;
}

@media only screen and (max-width: 555px) {
  .warranty-request .content .container input,
  .warranty-request .content .container textarea,
  .warranty-request .content .container .btn {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .content .container input,
  .warranty-request .content .container textarea,
  .warranty-request .content .container .btn {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .content .container .describe-service p {
    margin-top: 20px;
  }
}

.warranty-request .content .container .add-request-link {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  color: #1393cd;
}

.warranty-request .content .container .add-request-link:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .warranty-request .content .container .add-request-link {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
  }
}

.warranty-request .content .container .form-button {
  margin-top: 30px;
  margin-bottom: 70px;
  padding: 10px 70px;
}

@media only screen and (max-width: 767px) {
  .warranty-request .content .container .form-button {
    width: 100%;
    padding: 10px 0;
  }
}

.warranty-request .content .container .fa-check {
  color: green;
}

.warranty-request .content .container .fa-times {
  color: red;
}

.warranty-request .content .container .progress div {
  background-color: #f1a43c;
  color: #ffffff;
  font-size: 15px;
  padding-left: 6px;
  padding-right: 6px;
}

.warranty-request .content .container .btn-upload-image,
.warranty-request .content .container .btn-upload-pdf {
  display: inline-block;
}

.warranty-request .content .container .files {
  margin-top: 15px;
}

.warranty-request .content .container .files li {
  font-size: 15px;
}

.warranty-request .content .container .inspection-report {
  background-color: #f4f3f0;
  margin-top: 60px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .content .container .inspection-report {
    padding: 39px 39px 29px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .content .container .inspection-report {
    padding: 15px;
    margin-top: 30px;
  }
}

.warranty-request .content .container form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.warranty-request .contact-block {
  font-weight: 300;
  background-color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .warranty-request .contact-block {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block {
    padding-bottom: 0;
  }
}

.warranty-request .contact-block .col1 {
  padding-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .warranty-request .contact-block .col1 {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .warranty-request .contact-block .subtitle {
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .contact-block .subtitle {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block .subtitle {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
  }
}

.warranty-request .contact-block .phone {
  font-weight: 400;
  color: #1393cd;
}

.warranty-request .contact-block .text-sm {
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .warranty-request .contact-block .text-sm {
    font-size: 19.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .warranty-request .contact-block .text-sm {
    font-size: 18px;
  }
}

.warranty-request .contact-block ul {
  margin-bottom: 30px;
  padding-left: 30px;
}

.warranty-request .contact-block .disclaimer {
  padding-left: 60px;
}

.warranty-request .contact-block p.emergency-service,
.warranty-request .contact-block ul.emergency-service-definition {
  margin-bottom: 0;
}

.warranty-request .contact-block .col2 {
  position: relative;
  height: 470px;
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block .col2 {
    height: auto;
    padding-bottom: 0px;
  }
}

.warranty-request .contact-block .green-float-container {
  background-color: #1393cd;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .warranty-request .contact-block .green-float-container {
    height: 450px;
    padding-top: 60px;
    padding-left: 60px;
    position: absolute;
    width: 200%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .warranty-request .contact-block .green-float-container {
    height: 540px;
    padding-top: 105px;
    padding-left: 60px;
    position: absolute;
    width: 200%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .contact-block .green-float-container {
    height: 495px;
    padding-top: 135px;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block .green-float-container {
    width: 100%;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.warranty-request .contact-block .green-float-container .form-button {
  padding: 13px 67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .contact-block .green-float-container .form-button {
    font-size: 20px;
    padding: 10px;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-request .contact-block .green-float-container .form-button {
    padding: 10px;
  }
}

.warranty-request .contact-block .green-float-container .content {
  width: 305px;
  margin-top: 0;
  background-color: transparent;
  padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .contact-block .green-float-container .content {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block .green-float-container .content {
    width: 100%;
  }
}

.warranty-request .contact-block .green-float-container .content p {
  color: #ffffff;
  font-size: 28.5px;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 47px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .contact-block .green-float-container .content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .contact-block .green-float-container .content p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}

.warranty-request .contact-block .green-float-container .content button {
  width: 100%;
}

.warranty-request .header-title {
  padding: 0;
}

.warranty-request .header-title p {
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 0;
  font-weight: 200;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-request .header-title p {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header-title p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-request .header-title {
    padding: 30px 0 0;
  }
}

.warranty-request-body {
  position: relative;
  overflow: hidden;
}

#warranty-request-form input,
#warranty-request-form textarea {
  border-radius: 0;
  font-weight: 300;
  font-size: 18px;
  height: 47px;
}

#warranty-request-form textarea {
  height: auto;
}

#warranty-request-form .header {
  background-image: url('/images/site/owning-milestone/warranty-request-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 396px;
  padding-bottom: 55px;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: absolute;
  height: 765px;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #warranty-request-form .header {
    padding-top: 312px;
    padding-left: 50px;
    padding-right: 50px;
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .header {
    padding-top: 0;
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 290px;
  }
}

#warranty-request-form .header h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .header h1 {
    padding-top: 70px;
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header h1 {
    font-size: 40px;
    top: 56%;
    line-height: 30px;
  }
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .header h1 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #warranty-request-form .header h2 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .header h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .header h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

#warranty-request-form .header .warranty-subtitle {
  font-size: 45px;
  font-weight: 100;
  max-width: 1200px;
  margin: 60px auto 0 auto;
  line-height: 1.444;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #warranty-request-form .header .warranty-subtitle {
    font-size: 25px;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .header .warranty-subtitle {
    max-width: 90%;
    font-size: 22px;
    margin: 20px auto 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header .warranty-subtitle {
    max-width: 90%;
    font-size: 20px;
    margin: 20px auto 0 auto;
    margin-top: 0;
  }
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .header .warranty-subtitle {
    font-size: 18px;
  }
}

#warranty-request-form .content {
  margin-top: 764px;
  background-color: white;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  #warranty-request-form .content {
    margin-top: 549px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .content {
    margin-top: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content {
    margin-top: 315px;
    padding-top: 0;
  }
}

#warranty-request-form .content .container {
  color: #9e9991;
}

#warranty-request-form .content .container p {
  margin-bottom: 30px;
}

#warranty-request-form .content .container .form-group {
  margin-bottom: 30px;
}

#warranty-request-form .content .container .radio-holder {
  margin-left: 11px;
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .content .container .radio-holder {
    margin-left: 0;
  }
}

#warranty-request-form .content .container .radio-holder label.radio {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
}

#warranty-request-form .content .container .radio-holder label.radio:hover {
  cursor: pointer;
}

#warranty-request-form .content .container .checkbox-holder {
  padding-left: 70px;
}

#warranty-request-form .content .container .checkbox-holder .checkbox {
  margin-right: 60px;
  margin-bottom: 30px;
}

#warranty-request-form .content .container .btn .fa-caret-down {
  position: absolute;
  right: 15px;
  line-height: 30px;
}

#warranty-request-form .content .container .contacting-directly {
  margin-bottom: 30px;
}

#warranty-request-form .content .container .contacting-directly .text {
  margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #warranty-request-form .content .container .contacting-directly .text {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .content .container .contacting-directly .text {
    font-size: 14px;
    line-height: 24px;
  }
}

#warranty-request-form .content .container .contacting-directly .checkbox {
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #warranty-request-form .content .container .contacting-directly label.radio {
    margin-left: 11px;
  }
}

#warranty-request-form .content .container .checkbox {
  color: #9e9991;
}

#warranty-request-form .content .container .checkbox:before {
  top: 5px;
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .content .container label.checkbox,
  #warranty-request-form .content .container label.radio {
    font-size: 14px;
    line-height: 24px;
    margin-left: 15px;
    display: block;
    text-align: left;
  }
}

#warranty-request-form .content .container label.radio {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
}

#warranty-request-form .content .container label.radio:hover {
  cursor: pointer;
}

#warranty-request-form .content .container input,
#warranty-request-form .content .container textarea,
#warranty-request-form .content .container .btn {
  margin-bottom: 15px;
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .content .container input,
  #warranty-request-form .content .container textarea,
  #warranty-request-form .content .container .btn {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content .container input,
  #warranty-request-form .content .container textarea,
  #warranty-request-form .content .container .btn {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content .container .describe-service p {
    margin-top: 20px;
  }
}

#warranty-request-form .content .container .add-request-link {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  color: #1393cd;
}

#warranty-request-form .content .container .add-request-link:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content .container .add-request-link {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
  }
}

#warranty-request-form .content .container .form-button {
  margin-top: 30px;
  margin-bottom: 70px;
  padding: 10px 70px;
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content .container .form-button {
    width: 100%;
    padding: 10px 0;
  }
}

#warranty-request-form .content .container .fa-check {
  color: green;
}

#warranty-request-form .content .container .fa-times {
  color: red;
}

#warranty-request-form .content .container .progress div {
  background-color: #f1a43c;
  color: #ffffff;
  font-size: 15px;
  padding-left: 6px;
  padding-right: 6px;
}

#warranty-request-form .content .container .btn-upload-image,
#warranty-request-form .content .container .btn-upload-pdf {
  display: inline-block;
}

#warranty-request-form .content .container .files {
  margin-top: 15px;
}

#warranty-request-form .content .container .files li {
  font-size: 15px;
}

#warranty-request-form .content .container .inspection-report {
  background-color: #f4f3f0;
  margin-top: 60px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .content .container .inspection-report {
    padding: 39px 39px 29px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .content .container .inspection-report {
    padding: 15px;
    margin-top: 30px;
  }
}

#warranty-request-form .content .container form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

#warranty-request-form .contact-block {
  font-weight: 300;
  background-color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  #warranty-request-form .contact-block {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block {
    padding-bottom: 0;
  }
}

#warranty-request-form .contact-block .col1 {
  padding-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .col1 {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  #warranty-request-form .contact-block .subtitle {
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .contact-block .subtitle {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .subtitle {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
  }
}

#warranty-request-form .contact-block .phone {
  font-weight: 400;
  color: #1393cd;
}

#warranty-request-form .contact-block .text-sm {
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  #warranty-request-form .contact-block .text-sm {
    font-size: 19.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .text-sm {
    font-size: 18px;
  }
}

#warranty-request-form .contact-block ul {
  margin-bottom: 30px;
  padding-left: 30px;
}

#warranty-request-form .contact-block .disclaimer {
  padding-left: 60px;
}

#warranty-request-form .contact-block p.emergency-service,
#warranty-request-form .contact-block ul.emergency-service-definition {
  margin-bottom: 0;
}

#warranty-request-form .contact-block .col2 {
  position: relative;
  height: 470px;
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .col2 {
    height: auto;
    padding-bottom: 0px;
  }
}

#warranty-request-form .contact-block .green-float-container {
  background-color: #1393cd;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  #warranty-request-form .contact-block .green-float-container {
    height: 450px;
    padding-top: 60px;
    padding-left: 60px;
    position: absolute;
    width: 200%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #warranty-request-form .contact-block .green-float-container {
    height: 540px;
    padding-top: 105px;
    padding-left: 60px;
    position: absolute;
    width: 200%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .contact-block .green-float-container {
    height: 495px;
    padding-top: 135px;
    padding-left: 45px;
    padding-right: 45px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .green-float-container {
    width: 100%;
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

#warranty-request-form .contact-block .green-float-container .form-button {
  padding: 13px 67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .contact-block .green-float-container .form-button {
    font-size: 20px;
    padding: 10px;
  }
}

@media only screen and (max-width: 555px) {
  #warranty-request-form .contact-block .green-float-container .form-button {
    padding: 10px;
  }
}

#warranty-request-form .contact-block .green-float-container .content {
  width: 305px;
  margin-top: 0;
  background-color: transparent;
  padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .contact-block .green-float-container .content {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .green-float-container .content {
    width: 100%;
  }
}

#warranty-request-form .contact-block .green-float-container .content p {
  color: #ffffff;
  font-size: 28.5px;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 47px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .contact-block .green-float-container .content p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .contact-block .green-float-container .content p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}

#warranty-request-form .contact-block .green-float-container .content button {
  width: 100%;
}

#warranty-request-form .header-title {
  padding: 0;
}

#warranty-request-form .header-title p {
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 0;
  font-weight: 200;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form .header-title p {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header-title p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form .header-title {
    padding: 30px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form {
    margin-bottom: 30px;
  }
}

#warranty-request-form h2 {
  margin: .25em 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #warranty-request-form h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  #warranty-request-form h2 {
    font-size: 7.5vw;
  }
}

#warranty-request-form .content {
  margin-top: 0;
}

.referral-rewards {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .referral-rewards {
    padding-bottom: 60px;
  }
}

.referral-rewards .header {
  background-image: url('/images/site/owning-milestone/referral-rewards-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 421px;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  height: 715px;
  position: absolute;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .header {
    padding-top: 321px;
    height: 500px;
    background-size: 100% 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .header {
    padding-top: 321px;
    height: 500px;
    background-size: 100% 100%;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .header {
    padding-top: 180px;
    height: 290px;
    background-size: auto 170px;
    background-position: 0 125px;
    background-color: black;
  }
}

.referral-rewards .header h1 {
  font-size: 82px;
  font-weight: 300;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .header h1 {
    font-size: 68px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .header h1 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .header h1 {
    font-size: 42px;
  }
}

.referral-rewards .content {
  margin-top: 714px;
  background-color: white;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .content {
    margin-top: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .content {
    margin-top: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .content {
    margin-top: 320px;
  }
}

.referral-rewards .content .container {
  color: #9e9991;
}

.referral-rewards .content .container .subtitle {
  font-size: 45px;
  font-weight: 300;
  line-height: 60px;
  margin: 100px 0 80px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .content .container .subtitle {
    font-size: 45px;
    margin: 15px auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .content .container .subtitle {
    font-size: 30px;
    line-height: 45px;
    margin: 15px auto;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .content .container .subtitle {
    font-size: 20px;
    line-height: 25px;
    margin: 15px auto;
  }
}

.referral-rewards .content .container .description {
  font-size: 25px;
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .content .container .description {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .content .container .description {
    font-size: 18px;
    line-height: 25px;
    padding-top: 20px;
    margin-bottom: 15px;
  }

  .referral-rewards .content .container .description:last-child {
    margin-bottom: 40px;
  }
}

.referral-rewards .last_paragraph {
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .referral-rewards .last_paragraph {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 70px;
  }
}

.referral-rewards .background-gray {
  background-color: #f4f3f0;
  padding-bottom: 30px;
}

.referral-rewards .steps-container {
  margin-bottom: 50px;
  padding-bottom: 60px;
  position: relative;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .steps-container {
    width: 80%;
    margin: 10px auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container {
    width: 70%;
    margin: 10px auto;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container {
    width: 90%;
    margin: 10px auto;
    padding-bottom: 0;
  }
}

.referral-rewards .steps-container .carousel {
  height: 528px;
  box-shadow: 0px 0px 10px 1px #9e9991;
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel {
    height: 428px;
  }
}

.referral-rewards .steps-container .carousel .step-number-holder {
  vertical-align: middle;
  color: #ffffff;
  background-color: #f1a43c;
  font-weight: 300;
  line-height: 528px;
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel .step-number-holder {
    line-height: 130px;
  }
}

.referral-rewards .steps-container .carousel .step-number-holder .step-number {
  font-size: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .step-number-holder .step-number {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel .step-number-holder .step-number {
    font-size: 100px;
    position: relative;
    top: 15px;
  }
}

.referral-rewards .steps-container .carousel .step-number-holder .step-text {
  text-transform: uppercase;
  position: absolute;
  top: 216px;
  left: 75px;
  font-size: 20px;
  line-height: normal;
  background-color: #f1a43c;
  padding: 5px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .referral-rewards .steps-container .carousel .step-number-holder .step-text {
    left: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .step-number-holder .step-text {
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel .step-number-holder .step-text {
    left: 50%;
    margin-left: -60px;
    top: 63px;
  }
}

.referral-rewards .steps-container .carousel .step-number-holder .fa-caret-left {
  position: absolute;
  font-size: 40px;
  top: 150px;
  right: -2px;
}

.referral-rewards .steps-container .carousel .step-description-holder {
  font-size: 25px;
  font-weight: 300;
  line-height: 528px;
  background-color: #ffffff;
}

.referral-rewards .steps-container .carousel .step-description-holder .step-description {
  line-height: 1.8;
  vertical-align: middle;
  display: inline-block;
  padding: 0 120px 0 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .step-description-holder .step-description {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel .step-description-holder .step-description {
    padding: 10px;
    vertical-align: top;
    font-size: 18px;
  }
}

@media only screen and (max-width: 555px) {
  .referral-rewards .steps-container .carousel .step-description-holder .step-description {
    font-size: 16px;
  }
}

.referral-rewards .steps-container .carousel .carousel-control {
  width: 7%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .carousel-control {
    width: 7%;
  }
}

.referral-rewards .steps-container .carousel .carousel-control .icon-prev {
  background: url("/images/site/prev-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

.referral-rewards .steps-container .carousel .carousel-control .icon-next {
  background: url("/images/site/next-arrow-orange.png") 12px 13px no-repeat;
  border-color: #f1a43c;
}

.referral-rewards .steps-container .carousel .carousel-control:hover .icon-prev {
  background: url("/images/site/prev-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

.referral-rewards .steps-container .carousel .carousel-control:hover .icon-next {
  background: url("/images/site/next-arrow-hover.png") 12px 13px no-repeat;
  background-color: #f1a43c;
}

.referral-rewards .steps-container .carousel .carousel-control.left {
  left: -130px;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .carousel-control.left {
    left: -100px;
  }
}

.referral-rewards .steps-container .carousel .carousel-control.right {
  right: -130px;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-rewards .steps-container .carousel .carousel-control.right {
    right: -100px;
  }
}

.referral-rewards .steps-container .carousel .carousel-controls-phone {
  background-color: #a19b92;
  height: 50px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.referral-rewards .steps-container .carousel .carousel-controls-phone a {
  color: #e4e4e4;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  width: 49%;
}

.referral-rewards .steps-container .carousel .carousel-controls-phone a.left {
  border-right: 1px solid #e4e4e4;
}

.referral-rewards .steps-container .carousel .carousel-controls-phone a.left img {
  margin-right: 9%;
}

.referral-rewards .steps-container .carousel .carousel-controls-phone a.right img {
  margin-left: 9%;
}

.referral-rewards .steps-container .carousel .carousel-indicators {
  bottom: -80px;
}

@media only screen and (max-width: 767px) {
  .referral-rewards .steps-container .carousel .carousel-indicators {
    bottom: 0;
  }
}

.warranty-service-info {
  color: #9e9991;
  overflow: hidden;
}

.warranty-service-info .header {
  background-image: url('/images/site/owning-milestone/warranty-request-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 421px;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  height: 715px;
  position: absolute;
  width: 100%;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .header {
    height: 300px;
    padding-top: 170px;
  }
}

.warranty-service-info .header h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 90px;
  margin-top: 0;
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .header h1 {
    font-size: 30px;
    line-height: 45px;
  }
}

.warranty-service-info > .content {
  margin-top: 714px;
  background-color: white;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .warranty-service-info > .content {
    margin-top: 300px;
    padding: 0;
  }
}

.warranty-service-info .container .subtitle {
  font-size: 45px;
  line-height: 60px;
  margin: 60px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .container .subtitle {
    font-size: 30px;
    margin: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .container .subtitle {
    font-size: 22px;
    margin: 20px 0;
    line-height: 30px;
  }
}

.warranty-service-info .description-wrap {
  position: relative;
}

.warranty-service-info .description-wrap .interior-img {
  background-image: url('/images/site/owning-milestone/warranty-service-info-interior.jpg');
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: calc(50% - 140px);
  left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-service-info .description-wrap .interior-img {
    width: calc(50% - 120px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .description-wrap .interior-img {
    width: calc(50% - 90px);
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .description-wrap .interior-img {
    display: none;
  }
}

.warranty-service-info .description {
  font-size: 25px;
  font-weight: 300;
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .description {
    line-height: 1.2;
  }
}

.warranty-service-info .description p:last-child {
  margin-bottom: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .warranty-service-info .description p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .description p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .description p {
    font-size: 16px;
  }

  .warranty-service-info .description p:last-child {
    margin-bottom: 30px;
  }
}

.warranty-service-info .management-contact {
  background-color: #f4f3f0;
  padding: 60px 0;
  font-weight: 300;
  line-height: 1.75;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .management-contact {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .management-contact {
    padding: 15px 0;
  }
}

.warranty-service-info .management-contact .subtitle-text {
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 60px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .management-contact .subtitle-text {
    font-size: 24px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .management-contact .subtitle-text {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 25px;
  }
}

.warranty-service-info .management-contact .col1 {
  padding-right: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .warranty-service-info .management-contact .col1 {
    padding-right: 15px;
  }
}

.warranty-service-info .management-contact .text-box {
  font-size: 20px;
  list-style: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .management-contact .text-box p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .management-contact .text-box p {
    font-size: 16px;
  }
}

.warranty-service-info .management-contact .text-box h3 {
  color: #1393cd;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-service-info .management-contact .text-box h3 {
    font-size: 24px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .warranty-service-info .management-contact .text-box h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 555px) {
  .warranty-service-info .management-contact .text-box h3 {
    font-size: 18px;
    line-height: 25px;
  }
}

.buying-process {
  color: white;
  top: 140px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .buying-process {
    top: 170px;
  }
}

.buying-process .background-image {
  background: url('/images/site/buying-milestone/wood-tile-bkg.jpg');
  background-size: 100%;
  width: 100%;
  height: 400%;
  position: fixed;
  z-index: -1;
}

.buying-process h1,
.buying-process .h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  text-transform: capitalize;
  margin-top: 0;
}

@media only screen and (max-width: 555px) {
  .buying-process h1,
  .buying-process .h1 {
    font-size: 30px;
  }
}

.buying-process .h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 2px;
}

.buying-process p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
}

@media only screen and (max-width: 555px) {
  .buying-process p {
    font-size: 18px;
    line-height: 25px;
  }
}

.buying-process .header h1 {
  padding-top: 160px;
}

@media only screen and (max-width: 555px) {
  .buying-process .header h1 {
    padding-top: 30px;
  }
}

.buying-process .header .h3 {
  margin-top: 33px;
}

@media only screen and (max-width: 555px) {
  .buying-process .header .h3 {
    margin-top: 10px;
  }
}

.buying-process .header .text-content {
  margin-top: 43px;
}

.buying-process .header .text-content .left-side {
  padding-top: 0px;
}

.buying-process .header .text-content .blue-box {
  width: 300px;
  padding: 35px;
  background-color: #1393cd;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .header .text-content .blue-box {
    padding: 15px;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .header .text-content .blue-box {
    width: auto;
  }
}

.buying-process .header .text-content .blue-box p {
  font-size: 18px;
  line-height: 165%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .header .text-content .blue-box p {
    font-size: 15px;
    line-height: 150%;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .header .text-content .blue-box p {
    font-size: 15px;
    line-height: 150%;
  }
}

.buying-process .header .text-content .blue-box .button {
  display: block;
  font-size: 14px;
  padding: 5px;
  text-align: center;
}

.buying-process .modal .modal-content {
  position: relative;
  padding: 50px 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .modal .modal-content {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .modal .modal-content {
    padding: 20px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .modal .modal-content {
    padding: 5px;
  }
}

.buying-process .modal .modal-content .close-btn {
  position: absolute;
  right: 22px;
  top: 40px;
  color: #0d92df;
  font-size: 22px;
  opacity: 1;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .modal .modal-content p {
    padding-top: 0;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .modal .modal-content p {
    line-height: 25px;
  }
}

.buying-process .modal .h1 {
  margin-top: 40px;
  font-size: 30px;
  font-weight: 400;
  color: #817a70;
  line-height: 1.1;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .modal .h1 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .modal .h1 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .modal .h1 {
    margin-top: 10px;
    font-size: 20px;
  }
}

.buying-process .modal p {
  margin-top: 100px;
  color: #817a70;
  line-height: 35px;
}

@media only screen and (max-width: 767px) {
  .buying-process .modal p {
    margin-top: 0;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .modal p {
    font-size: 14px;
  }
}

.buying-process .modal p a {
  font-weight: 700;
}

.buying-process .modal .h3 {
  color: #f1a43c;
  font-weight: 700;
  line-height: 60px;
  margin-top: 20px;
}

.buying-process .steps {
  padding-top: 87px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .steps {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .steps {
    padding-top: 50px;
  }
}

.buying-process .steps p {
  padding-top: 30px;
}

.buying-process .steps .h1 {
  line-height: 1.1;
  padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .steps .h1 {
    font-size: 30px;
  }
}

.buying-process .steps .h3 {
  line-height: 60px;
  padding-top: 0;
}

.buying-process .steps .step {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 160px;
}

@media only screen and (max-width: 767px) {
  .buying-process .steps .step {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}

.buying-process .steps .step:nth-child(odd) {
  padding-right: 60px;
}

@media only screen and (max-width: 555px) {
  .buying-process .steps .step:nth-child(odd) {
    padding-right: 15px;
  }
}

.buying-process .steps .step:nth-child(even) {
  padding-left: 60px;
}

.buying-process .steps .step.step3 {
  padding-right: 55px;
}

.buying-process .steps .step.step5,
.buying-process .steps .step.step6 {
  margin-bottom: 230px;
}

@media only screen and (max-width: 767px) {
  .buying-process .steps .step.step5,
  .buying-process .steps .step.step6 {
    margin-bottom: 30px;
  }
}

.buying-process .steps .step.step6 {
  margin-bottom: 200px;
}

@media only screen and (max-width: 555px) {
  .buying-process .steps .step.step6 {
    margin-bottom: 300px;
  }
}

.buying-process .steps .step.step6 p {
  padding-right: 180px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .steps .step.step6 p {
    padding-right: 125px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .steps .step.step6 p {
    padding-right: 0;
  }
}

.buying-process .steps .step.step6 p.h1 {
  padding-right: 0;
}

.buying-process .steps .step a {
  text-transform: uppercase;
  font-size: 18px;
  color: #ffe150;
  display: block;
  padding-top: 10px;
}

.buying-process .dashed-line {
  background: url('/images/site/buying-milestone/dash.png');
  background-repeat: no-repeat;
  width: 120%;
  height: 100%;
  position: absolute;
  background-size: 100%;
  left: -5%;
  top: 240px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .buying-process .dashed-line {
    opacity: 0.7;
  }
}

.buying-process .dashed-line > div {
  position: absolute;
}

.buying-process .dashed-line > div.calculator {
  top: -239px;
  left: -426px;
}

@media only screen and (max-width: 767px) {
  .buying-process .dashed-line > div.calculator {
    display: none;
  }
}

.buying-process .dashed-line > div.magnifying-glass {
  top: 218px;
  right: -100px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-process .dashed-line > div.magnifying-glass {
    top: 300px;
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .buying-process .dashed-line > div.magnifying-glass {
    width: 40%;
    right: 0;
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .buying-process .dashed-line > div.magnifying-glass {
    width: 20%;
    right: 5%;
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .buying-process .dashed-line > div.magnifying-glass img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .buying-process .dashed-line > div.magnifying-glass img {
    width: 100%;
  }
}

.buying-process .dashed-line > div.key {
  bottom: 375px;
  right: -180px;
}

@media only screen and (max-width: 555px) {
  .buying-process .dashed-line > div.key {
    width: 70%;
    right: -20%;
    bottom: 300px;
  }
}

@media only screen and (max-width: 555px) {
  .buying-process .dashed-line > div.key img {
    width: 100%;
  }
}

.introducing-mission-mortgage {
  margin-top: 167px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage {
    margin-top: 0;
    top: 109px;
  }
}

.introducing-mission-mortgage .hero {
  background-image: url('/images/site/introducing-mission-mortgage/hero-bkg.jpg');
  background-position: center;
  background-size: cover;
  color: #ffffff;
  padding-top: 150px;
  padding-bottom: 300px;
}

.introducing-mission-mortgage .hero p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .hero p {
    font-size: 22.5px;
  }
}

@media only screen and (max-width: 555px) {
  .introducing-mission-mortgage .hero p {
    font-size: 18px;
    line-height: 25px;
  }
}

.introducing-mission-mortgage .hero h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  text-transform: capitalize;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .introducing-mission-mortgage .hero h1 {
    font-size: 57px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .hero h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .hero h1 {
    font-size: 11.25vw;
  }
}

.introducing-mission-mortgage .why-choose-mission-mortgage {
  color: #9e9991;
  padding-bottom: 75px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .container:nth-of-type(1) {
  background-color: #ffffff;
  margin-top: -150px;
  padding-top: 45px;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .logo-ph {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .logo-ph {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .logo-ph {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }
}

.introducing-mission-mortgage .why-choose-mission-mortgage .nmls {
  font-size: 15px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .nmls {
    margin-bottom: 30px;
  }
}

.introducing-mission-mortgage .why-choose-mission-mortgage .blurb-ph {
  padding-left: 30px;
  padding-right: 30px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .blurb {
  font-size: 22.5px;
  line-height: 45px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #817a70;
  margin-top: 75px;
  margin-bottom: 75px;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage h2 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage h2 {
    font-size: 7.2vw;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.introducing-mission-mortgage .why-choose-mission-mortgage h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #f1a43c;
  font-size: 22.5px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .reason {
  font-size: 21px;
  line-height: 45px;
  margin-bottom: 30px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed-ph {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed {
  border: 7.5px solid #ffffff;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .img-framed {
    max-width: 412.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .img-framed {
    max-width: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .why-choose-mission-mortgage .img-framed {
    max-width: 75vw;
  }
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed:nth-of-type(1),
.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed:nth-of-type(3) {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed:nth-of-type(1) {
  margin-top: 45px;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed:nth-of-type(2) {
  margin-top: -45px;
  position: relative;
  z-index: 1;
}

.introducing-mission-mortgage .why-choose-mission-mortgage .img-framed:nth-of-type(3) {
  margin-top: -30px;
  position: relative;
  z-index: 2;
}

.introducing-mission-mortgage .estimate-your-monthly-payments {
  background-color: #9e9991;
  color: #ffffff;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .estimate-your-monthly-payments {
    padding-top: 112.5px;
    padding-bottom: 112.5px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .estimate-your-monthly-payments {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.introducing-mission-mortgage .estimate-your-monthly-payments h2 {
  font-size: 52.5px;
  font-weight: 400;
  line-height: 75px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .introducing-mission-mortgage .estimate-your-monthly-payments h2 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .estimate-your-monthly-payments h2 {
    font-size: 33px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .estimate-your-monthly-payments h2 {
    font-size: 7.5vw;
    line-height: 45px;
  }
}

.introducing-mission-mortgage .estimate-your-monthly-payments p {
  font-size: 22.5px;
  line-height: 45px;
  margin-bottom: 45px;
}

.introducing-mission-mortgage .estimate-your-monthly-payments .btn-calculate-my-monthly-payments {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ffffff;
  color: #f1a43c;
  display: inline-block;
  font-size: 21px;
  margin-bottom: 30px;
  padding: 15px 30px;
}

.introducing-mission-mortgage .estimate-your-monthly-payments .btn-calculate-my-monthly-payments:hover {
  background-color: #f1a43c;
  color: #ffffff;
}

.introducing-mission-mortgage .estimate-your-monthly-payments .img-framed {
  position: relative;
}

.introducing-mission-mortgage .estimate-your-monthly-payments .img-framed:before {
  background-color: #6d675e;
  content: '';
  position: absolute;
  top: 22.5px;
  left: 22.5px;
  width: 100%;
  height: 100%;
}

.introducing-mission-mortgage .estimate-your-monthly-payments .img-framed img {
  position: relative;
  z-index: 1;
}

.introducing-mission-mortgage .your-road-to-homeownership-starts-here {
  color: #9e9991;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .your-road-to-homeownership-starts-here {
    padding-top: 112.5px;
    padding-bottom: 112.5px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .your-road-to-homeownership-starts-here {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.introducing-mission-mortgage .your-road-to-homeownership-starts-here h2 {
  color: #817a70;
  font-size: 52.5px;
  font-weight: 400;
  line-height: 75px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .introducing-mission-mortgage .your-road-to-homeownership-starts-here h2 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .introducing-mission-mortgage .your-road-to-homeownership-starts-here h2 {
    font-size: 33px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .your-road-to-homeownership-starts-here h2 {
    font-size: 7.5vw;
    line-height: 45px;
  }
}

.introducing-mission-mortgage .your-road-to-homeownership-starts-here p {
  font-size: 22.5px;
  line-height: 45px;
  margin-bottom: 45px;
}

.introducing-mission-mortgage .your-road-to-homeownership-starts-here .btn-ready-for-more {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f1a43c;
  color: #ffffff;
  display: inline-block;
  font-size: 21px;
  margin-bottom: 30px;
  padding: 15px 30px;
}

.introducing-mission-mortgage .your-road-to-homeownership-starts-here .btn-ready-for-more:hover {
  background-color: #d17f0f;
}

.introducing-mission-mortgage .testimonials {
  background-image: url('/images/site/introducing-mission-mortgage/testimonials-bkg.jpg');
  background-position: center;
  background-size: cover;
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
}

.introducing-mission-mortgage .testimonials:before {
  background-color: rgba(16, 61, 84, 0.75);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg {
  background-color: rgba(16, 61, 84, 0.75);
  padding: 75px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .testimonials .dark-blue-transparent-bg {
    padding: 30px;
  }
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg .quote {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f1a43c;
  color: #ffffff;
  display: block;
  font-size: 152.5px;
  width: 90px;
  height: 90px;
  position: absolute;
  top: -45px;
}

@media only screen and (min-width: 1200px) {
  .introducing-mission-mortgage .testimonials .dark-blue-transparent-bg .row {
    display: -ms-flexbox;
    display: flex;
  }
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(1) {
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(1) h2 {
  font-size: 60px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(1) h2 {
    margin-top: 30px;
  }
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(1) p {
  font-size: 24px;
  line-height: 52.5px;
  margin-bottom: 45px;
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(2) {
  color: #9e9991;
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(2) .white-bg {
  background-color: #ffffff;
  padding: 45px;
}

@media only screen and (max-width: 767px) {
  .introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(2) .white-bg {
    padding: 30px;
  }
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(2) p {
  font-size: 22.5px;
  line-height: 37.5px;
  margin-bottom: 37.5px;
}

.introducing-mission-mortgage .testimonials .dark-blue-transparent-bg div[class^="col-"]:nth-of-type(2) p:last-child {
  margin-bottom: 0;
}

.careers {
  background-color: #f4f3f0;
  background-image: url('/images/site/careers/bg-header.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  overflow: hidden;
  color: #9e9991;
}

@media only screen and (max-width: 767px) {
  .careers {
    background-position: center 70px;
  }
}

.careers h1,
.careers h2 {
  font-size: 5vmax;
}

@media only screen and (min-width: 1230px) {
  .careers h1,
  .careers h2 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers h1,
  .careers h2 {
    font-size: 4vmax;
  }
}

@media only screen and (max-width: 767px) {
  .careers h1,
  .careers h2 {
    text-align: center;
  }
}

.careers header {
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.careers header .velocity-wrap {
  margin-top: 436px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers header .velocity-wrap {
    margin-top: 355px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers header .velocity-wrap {
    margin-top: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .careers header .velocity-wrap {
    margin-top: 200px;
  }
}

.careers header .velocity-wrap .white-bg {
  background-color: white;
  padding: 73px;
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers header .velocity-wrap .white-bg {
    padding: 50px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers header .velocity-wrap .white-bg {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.careers header h1 {
  text-transform: capitalize;
  padding: 0;
  margin: auto;
  letter-spacing: 1px;
  font-weight: 100;
}

.careers header p {
  font-size: 24px;
  line-height: 42px;
  margin-top: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers header p {
    font-size: 20px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .careers header p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
  }
}

.careers section.content {
  background-color: #f4f3f0;
  padding-top: 120px;
  padding-bottom: 266px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers section.content {
    padding-top: 30px;
    padding-bottom: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .careers section.content {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

.careers section.content a:not(.button),
.careers section.content h3 {
  color: #f1a43c;
}

.careers section.content .content-box {
  border-top: 1px solid #e8e6de;
  margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers section.content .content-box {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers section.content .content-box {
    margin-top: 30px;
    text-align: center;
  }

  .careers section.content .content-box:last-child {
    margin-bottom: 30px;
  }
}

.careers section.content .content-box p {
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1230px) {
  .careers section.content .content-box p {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers section.content .content-box p {
    text-align: left;
  }
}

.careers section.content .content-box h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
  margin-top: 30px;
}

@media only screen and (min-width: 1230px) {
  .careers section.content .content-box h3 {
    line-height: 40px;
    margin-top: 40px;
  }
}

.careers section.content .content-box a.button {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .careers section.content .content-box a.button {
    display: inline-block !important;
  }
}

.careers section.content .right-box {
  position: relative;
  z-index: 1;
  padding: 55px 42px;
}

.careers section.content .right-box p {
  font-size: 18px;
  line-height: 36px;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers section.content .right-box p {
    line-height: 30px;
  }
}

.careers section.content .right-box p:not(:last-child) {
  margin-bottom: 46px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers section.content .right-box p:not(:last-child) {
    margin-bottom: 30px;
  }
}

.careers section.content .right-box-bkg {
  background-color: #9e9991;
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .careers section.content .right-box-bkg {
    left: 0;
  }
}

.careers-full-listing {
  /*import from careers.less*/
  background-color: #f4f3f0;
  background-image: url('/images/site/careers/bg-header.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  overflow: hidden;
  color: #9e9991;
  background-image: url('/images/site/careers/bg-detail-careers.jpg');
}

@media only screen and (max-width: 767px) {
  .careers-full-listing {
    background-position: center 70px;
  }
}

.careers-full-listing h1,
.careers-full-listing h2 {
  font-size: 5vmax;
}

@media only screen and (min-width: 1230px) {
  .careers-full-listing h1,
  .careers-full-listing h2 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing h1,
  .careers-full-listing h2 {
    font-size: 4vmax;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing h1,
  .careers-full-listing h2 {
    text-align: center;
  }
}

.careers-full-listing header {
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.careers-full-listing header .velocity-wrap {
  margin-top: 436px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers-full-listing header .velocity-wrap {
    margin-top: 355px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing header .velocity-wrap {
    margin-top: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap {
    margin-top: 200px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg {
  background-color: white;
  padding: 73px;
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing header .velocity-wrap .white-bg {
    padding: 50px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.careers-full-listing header h1 {
  text-transform: capitalize;
  padding: 0;
  margin: auto;
  letter-spacing: 1px;
  font-weight: 100;
}

.careers-full-listing header p {
  font-size: 24px;
  line-height: 42px;
  margin-top: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing header p {
    font-size: 20px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
  }
}

.careers-full-listing section.content {
  background-color: #f4f3f0;
  padding-top: 120px;
  padding-bottom: 266px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing section.content {
    padding-top: 30px;
    padding-bottom: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

.careers-full-listing section.content a:not(.button),
.careers-full-listing section.content h3 {
  color: #f1a43c;
}

.careers-full-listing section.content .content-box {
  border-top: 1px solid #e8e6de;
  margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing section.content .content-box {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .content-box {
    margin-top: 30px;
    text-align: center;
  }

  .careers-full-listing section.content .content-box:last-child {
    margin-bottom: 30px;
  }
}

.careers-full-listing section.content .content-box p {
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1230px) {
  .careers-full-listing section.content .content-box p {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .content-box p {
    text-align: left;
  }
}

.careers-full-listing section.content .content-box h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
  margin-top: 30px;
}

@media only screen and (min-width: 1230px) {
  .careers-full-listing section.content .content-box h3 {
    line-height: 40px;
    margin-top: 40px;
  }
}

.careers-full-listing section.content .content-box a.button {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .content-box a.button {
    display: inline-block !important;
  }
}

.careers-full-listing section.content .right-box {
  position: relative;
  z-index: 1;
  padding: 55px 42px;
}

.careers-full-listing section.content .right-box p {
  font-size: 18px;
  line-height: 36px;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing section.content .right-box p {
    line-height: 30px;
  }
}

.careers-full-listing section.content .right-box p:not(:last-child) {
  margin-bottom: 46px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers-full-listing section.content .right-box p:not(:last-child) {
    margin-bottom: 30px;
  }
}

.careers-full-listing section.content .right-box-bkg {
  background-color: #9e9991;
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .right-box-bkg {
    left: 0;
  }
}

.careers-full-listing a.button {
  display: inline-block !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing a.button {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing a.button {
    font-size: 14px;
  }
}

.careers-full-listing header {
  padding-bottom: 0;
}

.careers-full-listing header .velocity-wrap {
  margin-top: 240px;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap {
    margin-top: 115px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg {
  padding: 36px 74px 105px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers-full-listing header .velocity-wrap .white-bg {
    padding-bottom: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg {
    padding: 30px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg p {
  margin-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg p {
    margin-top: 30px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg .h4 {
  font-size: 20px;
  line-height: 40px;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing header .velocity-wrap .white-bg .h4 {
    font-size: 18px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg .h4 {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }
}

.careers-full-listing header .velocity-wrap .white-bg .h4.blue {
  margin-bottom: 59px;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg .h4.blue {
    margin-bottom: 30px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg .block-summary {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg .block-summary {
    margin-top: 30px;
  }
}

.careers-full-listing header .velocity-wrap .white-bg .block-summary > div:last-child {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing header .velocity-wrap .white-bg .block-summary > div:last-child {
    text-align: center;
  }
}

.careers-full-listing section.content {
  padding: 0;
}

.careers-full-listing section.content .container {
  padding: 80px 89px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing section.content .container {
    padding: 30px 45px 60px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .container {
    padding: 30px 20px 120px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .container h4 {
    font-size: 18px;
  }
}

.careers-full-listing section.content .container ul {
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 60px;
  padding-left: 100px;
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .container ul {
    padding-left: 25px;
    margin-bottom: 40px;
  }
}

.careers-full-listing section.content .container ul li {
  font-size: 21px;
  line-height: 30px;
  margin-top: 24px;
  text-indent: -27px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .careers-full-listing section.content .container ul li {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .careers-full-listing section.content .container ul li {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .careers-full-listing section.content .container ul li {
    font-size: 16px;
    line-height: 25px;
  }
}

.careers-full-listing section.content .container ul li:before {
  content: "•";
  color: #f4b236;
  font-size: 36px;
  margin-right: 15px;
  vertical-align: middle;
}

.design-center {
  background-size: 100%;
}

.design-center .background-image {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/images/site/design-center/header-bg.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .design-center .background-image {
    background-size: cover;
    height: 70%;
  }
}

.design-center .background-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.design-center .background-image img[alt="book"] {
  top: -30px;
}

.design-center .background-image h1.fader {
  padding-top: 360px;
  color: #6a635a;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .design-center .background-image h1.fader {
    padding-top: 280px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center .background-image h1.fader {
    padding-top: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center .background-image h1.fader {
    padding-top: 180px;
    width: 100%;
  }
}

.design-center .background-image .h4.fader {
  margin-top: 10px;
  color: #998e7e;
}

.design-center header h1,
.design-center .box h1,
.design-center .background-image h1 {
  font-size: 80px;
  color: #9e9991;
  padding: 0;
  margin: auto;
  font-weight: 100;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .design-center header h1,
  .design-center .box h1,
  .design-center .background-image h1 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center header h1,
  .design-center .box h1,
  .design-center .background-image h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center header h1,
  .design-center .box h1,
  .design-center .background-image h1 {
    font-size: 30px;
  }
}

.design-center header .h4,
.design-center .box .h4,
.design-center .background-image .h4 {
  padding: 0;
  margin: auto;
  font-size: 20px;
  color: #f1a43c;
  font-weight: bold;
  letter-spacing: 1px;
}

@media only screen and (max-width: 555px) {
  .design-center header .h4,
  .design-center .box .h4,
  .design-center .background-image .h4 {
    font-size: 16px;
    letter-spacing: 0;
  }
}

.design-center header .h4.blue,
.design-center .box .h4.blue,
.design-center .background-image .h4.blue {
  margin-bottom: 59px;
  margin-top: 0 !important;
}

.design-center header .h4 a,
.design-center .box .h4 a,
.design-center .background-image .h4 a {
  color: #1393cd;
}

.design-center header p,
.design-center .box p,
.design-center .background-image p {
  font-size: 24px;
  color: #817a70;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .design-center header p,
  .design-center .box p,
  .design-center .background-image p {
    font-size: 22.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center header p,
  .design-center .box p,
  .design-center .background-image p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center header p,
  .design-center .box p,
  .design-center .background-image p {
    font-size: 16px;
  }
}

.design-center #cardStackWrapper {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .design-center #cardStackWrapper {
    margin-bottom: 60px;
  }
}

.design-center #cardStackWrapper .cardStack {
  z-index: 1;
}

.design-center #cardStackWrapper .cardStack.inverse-shadow {
  box-shadow: 0 -2px 11px 0 rgba(0, 0, 0, 0.2);
}

.design-center #cardStackWrapper .cardStack .fixed,
.design-center #cardStackWrapper .cardStack .absolute {
  height: auto;
  width: 100%;
}

.design-center #cardStackWrapper .cardStack .fixed {
  position: fixed;
}

.design-center #cardStackWrapper .cardStack .absolute {
  position: absolute;
}

.design-center #cardStackWrapper .cardStack .carousel-inner {
  top: 0;
  transform: scale(1.04, 1.04);
}

.design-center header {
  background-color: transparent;
  margin-top: 520px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .design-center header {
    margin-top: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center header {
    margin-top: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center header {
    margin-top: 200px;
    height: auto;
  }
}

.design-center header .white-bg {
  background-color: #ffffff;
  margin-top: 64px;
  padding: 74px;
}

@media only screen and (max-width: 767px) {
  .design-center header .white-bg {
    padding: 15px 30px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .design-center header .white-bg .title-col {
    padding-left: 0;
  }
}

.design-center header .white-bg p {
  margin-top: 56px;
  line-height: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center header .white-bg p {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center header .white-bg p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
  }
}

.design-center header .white-bg .h4 {
  line-height: 40px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .design-center header .white-bg .h4 {
    padding-top: 20px;
  }
}

.design-center header .white-bg .h1 {
  color: #9e9991;
  font-size: 80px;
  font-weight: 100;
  line-height: 1.1;
  margin-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .design-center header .white-bg .h1 {
    font-size: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center header .white-bg .h1 {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center header .white-bg .h1 {
    font-size: 22px;
  }
}

.design-center .video-wrap {
  padding-left: 0;
  padding-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .design-center .video-wrap {
    padding-right: 0;
  }
}

.design-center .cardStack {
  height: 610px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center .cardStack {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center .cardStack {
    height: 270px;
  }

  .design-center .cardStack.two {
    height: 300px;
  }

  .design-center .cardStack.three {
    height: 280px;
  }
}

.design-center .box {
  width: 100%;
  height: 610px;
  position: relative;
  padding-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center .box {
    height: 500px;
    padding-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center .box {
    height: 270px;
    padding-top: 20px;
    padding-right: 10px;
  }

  .design-center .box.box-blue {
    height: 300px;
  }

  .design-center .box.box-brown {
    height: 280px;
  }
}

.design-center .box .container {
  z-index: 3;
  position: relative;
}

.design-center .box .box-content {
  position: absolute;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .design-center .box .box-content {
    width: 100%;
    padding-right: 20px;
  }
}

.design-center .box .box-content p {
  z-index: 2;
  margin-top: 45px;
  line-height: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center .box .box-content p {
    line-height: 33.75px;
    margin-top: 30px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .design-center .box .box-content p {
    margin-top: 0px;
    line-height: 22px;
  }
}

.design-center .box .box-content .h4 {
  line-height: 40px;
  margin-top: 0;
}

.design-center .box .bg-gradient {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.design-center .box .bg-gradient img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .design-center .box .bg-gradient img {
    height: 100%;
    width: 100%;
  }
}

.design-center .box-grey {
  background-color: #f4f3f0;
}

.design-center .box-grey:before,
.design-center .box-grey:after {
  content: "";
  z-index: 9;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.design-center .box-grey:before {
  right: 0;
  background: #f4f3f0;
  right: auto;
  left: 0;
}

.design-center .box-grey:after {
  right: 40%;
  width: 20%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, rgba(244, 243, 240, 0) 0%, #f4f3f0 100%);
  /* W3C */
  /* IE6-8 */
  right: auto;
  left: 40%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #f4f3f0 0%, rgba(244, 243, 240, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
}

.design-center .box-blue {
  background-color: #1393cd;
}

.design-center .box-blue:before,
.design-center .box-blue:after {
  content: "";
  z-index: 9;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.design-center .box-blue:before {
  right: 0;
  background: #1393cd;
}

.design-center .box-blue:after {
  right: 40%;
  width: 20%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, rgba(19, 147, 205, 0) 0%, #1393cd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
}

.design-center .box-blue h1,
.design-center .box-blue .h4,
.design-center .box-blue p {
  color: #ffffff;
}

.design-center .box-blue .box-content {
  left: 50%;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .design-center .box-blue .box-content {
    left: 45%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .design-center .box-blue .box-content {
    left: 45%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-center .box-blue .box-content {
    left: 50%;
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .design-center .box-blue .box-content {
    left: 50%;
    width: 50%;
  }
}

.design-center .box-blue .bg-gradient {
  position: absolute;
  left: 0;
  top: 0;
}

.design-center .box.box-brown {
  background-color: #786755;
}

.design-center .box.box-brown:before,
.design-center .box.box-brown:after {
  content: "";
  z-index: 9;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.design-center .box.box-brown:before {
  right: 0;
  background: #786755;
  right: auto;
  left: 0;
}

.design-center .box.box-brown:after {
  right: 40%;
  width: 20%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, rgba(120, 103, 85, 0) 0%, #786755 100%);
  /* W3C */
  /* IE6-8 */
  right: auto;
  left: 40%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #786755 0%, rgba(120, 103, 85, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start', endColorstr='@end', GradientType=0);
  /* IE6-8 */
}

.design-center .box.box-brown h1 {
  color: #f4f3f0;
}

.design-center .box.box-brown p {
  color: #ffffff;
}

.design-center .box.box-brown .h4 {
  color: #f1a43c;
}

@media only screen and (max-width: 767px) {
  .design-center .bg-gradient.get-connected,
  .design-center .bg-gradient.know-options,
  .design-center .bg-gradient.here-wego {
    width: 100%;
    opacity: .2;
  }
}

.comingsoon-banner {
  background-image: url('/images/site/comingsoon-banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 120px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .comingsoon-banner {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .comingsoon-banner .banner-inner > div[class^="col-"] {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comingsoon-banner .banner-inner > div[class^="col-"] {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-banner .banner-inner > div[class^="col-"] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.comingsoon-banner .banner-inner h1 {
  color: #ffffff;
  font-size: 70px;
  line-height: 70px;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comingsoon-banner .banner-inner h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-banner .banner-inner h1 {
    font-size: 24px;
    line-height: 36px;
  }
}

.comingsoon-banner .scroll-wrap {
  bottom: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .comingsoon-detailouter {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .comingsoon-detailouter {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .comingsoon-detailouter .comingsoon-detailtop {
    padding-bottom: 45px;
  }
}

.comingsoon-detailouter .comingsoon-detailtop p {
  text-align: center;
  color: #979797;
  font-weight: 400;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .comingsoon-detailouter .comingsoon-detailtop p {
    font-size: 25px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comingsoon-detailouter .comingsoon-detailtop p {
    font-size: 20px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .comingsoon-detailtop p {
    font-size: 16.5px;
    line-height: 25.5px;
  }
}

.comingsoon-detailouter .comingsoon-detailinner {
  margin-bottom: 75px;
}

.comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft {
  border: 1px solid #e8e1d8;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft {
    padding: 21px 27px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft {
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft > .row > div[class^="col-"]:last-child {
    padding-left: 0;
  }
}

.comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft .headline {
  margin-bottom: 15px;
}

.comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailleft .headline p {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .comingsoon-detailinner .comingsoon-detailright {
    margin-bottom: 50px;
  }
}

.comingsoon-detailouter .comingsoon-detailinner h2 {
  color: #f1a43c;
  font-size: 16.5px;
  font-weight: 700;
  line-height: 25.5px;
  margin-bottom: 0;
  /* padding:0 0 20px 0; */
  text-transform: uppercase;
}

.comingsoon-detailouter .comingsoon-detailinner p {
  color: #9e9991;
  font-size: 16.5px;
  line-height: 25.5px;
  margin-bottom: 0;
  /* padding:0 0 30px 0; */
}

.comingsoon-detailouter .comingsoon-detailinner .ctas {
  font-size: 16.5px;
  line-height: 18px;
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.comingsoon-detailouter .comingsoon-detailinner a {
  color: #1393cd;
}

.comingsoon-detailouter .comingsoon-detailinner .separator {
  margin: 0 2em;
}

.comingsoon-detailouter .comingsoon-detailinner .angular-google-map,
.comingsoon-detailouter .comingsoon-detailinner .angular-google-map-container {
  width: 100%;
  height: 600px;
}

.comingsoon-detailouter .no-comingsoon-communities {
  border: 1px solid #e8e1d8;
  color: #f1a43c;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .comingsoon-detailouter .no-comingsoon-communities {
    padding: 60px 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .comingsoon-detailouter .no-comingsoon-communities {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .comingsoon-detailouter .no-comingsoon-communities {
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .no-comingsoon-communities {
    line-height: 45px;
  }
}

.comingsoon-detailouter .communities-menu-nav > .h3 {
  color: #1393cd;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .comingsoon-detailouter .communities-menu-nav > .h3 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .comingsoon-detailouter .communities-menu-nav > .h3 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .comingsoon-detailouter .communities-menu-nav > .h3 {
    font-size: 22.5px;
  }
}

@media only screen and (max-width: 767px) {
  .comingsoon-detailouter .communities-menu-nav .communities .community {
    width: 100%;
  }
}

.comingsoon-detailouter .card-threesections-small {
  padding-left: 23px;
  padding-right: 0;
  width: initial;
}

.comingsoon-detailouter .card-threesections-small .title-container {
  max-width: initial;
}

form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.welcome-home-banner {
  background-image: url('/images/site/welcome-home/welcome-home-bg.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 120px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .welcome-home-banner {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-banner .banner-inner > div[class^="col-"] {
    padding-top: 135px;
    padding-bottom: 135px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-banner .banner-inner > div[class^="col-"] {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-banner .banner-inner > div[class^="col-"] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.welcome-home-banner .banner-inner h1 {
  color: #ffffff;
  font-size: 52.5px;
  line-height: 70px;
  font-weight: 300;
  margin: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-banner .banner-inner h1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-banner .banner-inner h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-banner .banner-inner h1 {
    font-size: 21px;
    line-height: 36px;
  }
}

.welcome-home-banner .scroll-wrap {
  bottom: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .welcome-home-detailouter {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-detailouter .welcome-home-detailtop {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailtop {
    padding-bottom: 30px;
  }
}

.welcome-home-detailouter .welcome-home-detailtop p {
  text-align: center;
  color: #979797;
  font-weight: 400;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter .welcome-home-detailtop p {
    font-size: 24px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-detailouter .welcome-home-detailtop p {
    font-size: 20px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailtop p {
    font-size: 15px;
    line-height: 25.5px;
  }
}

.welcome-home-detailouter .welcome-home-detailtop p:last-child {
  color: #1393cd;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-detailouter .welcome-home-detailtop p:last-child {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailtop p:last-child {
    margin-top: 30px;
  }
}

.welcome-home-detailouter .welcome-home-detailtop p a {
  color: #f1a43c;
}

.welcome-home-detailouter .welcome-home-detailinner {
  margin-bottom: 75px;
}

.welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft {
  border: 1px solid #e8e1d8;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft {
    padding: 21px 27px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft {
    padding: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft {
    padding: 15px;
  }
}

.welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft > .row > div[class^="col-"]:nth-child(1) {
  padding-right: 0;
}

.welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailleft > .row > div[class^="col-"]:nth-child(2) {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner .welcome-home-detailright {
    margin-bottom: 50px;
  }
}

.welcome-home-detailouter .welcome-home-detailinner .h2,
.welcome-home-detailouter .welcome-home-detailinner p {
  line-height: 30px;
}

.welcome-home-detailouter .welcome-home-detailinner .h2 {
  color: #f1a43c;
  font-size: 16.5px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner .h2 {
    font-size: 13.5px;
  }
}

.welcome-home-detailouter .welcome-home-detailinner p {
  color: #9e9991;
  font-size: 15px;
  margin-bottom: 0;
}

.welcome-home-detailouter .welcome-home-detailinner .btn-tell-me-more {
  color: #1393cd;
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner .btn-tell-me-more {
    font-size: 3.9vw;
  }
}

.welcome-home-detailouter .welcome-home-detailinner ul {
  margin-bottom: 0;
}

.welcome-home-detailouter .welcome-home-detailinner ul li {
  color: #9e9991;
  line-height: 30px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner ul li {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter .welcome-home-detailinner ul li {
    font-size: 13.5px;
  }
}

.welcome-home-detailouter .welcome-home-detailinner .separator {
  margin: 0 2em;
}

.welcome-home-detailouter .welcome-home-detailinner .angular-google-map,
.welcome-home-detailouter .welcome-home-detailinner .angular-google-map-container {
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map,
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map-container {
    height: 670px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map,
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map-container {
    height: 670px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map,
  .welcome-home-detailouter .welcome-home-detailinner .angular-google-map-container {
    height: 360px;
  }
}

.welcome-home-detailouter .welcome-home-detailinner .disclaimer {
  font-size: 12px;
  line-height: 15px;
  margin-top: 30px;
}

.welcome-home-detailouter .no-welcome-home-communities {
  border: 1px solid #e8e1d8;
  color: #f1a43c;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .welcome-home-detailouter .no-welcome-home-communities {
    padding: 60px 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter .no-welcome-home-communities {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .welcome-home-detailouter .no-welcome-home-communities {
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .no-welcome-home-communities {
    line-height: 45px;
  }
}

.welcome-home-detailouter .communities-menu-nav > .h3 {
  color: #1393cd;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .welcome-home-detailouter .communities-menu-nav > .h3 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-home-detailouter .communities-menu-nav > .h3 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .welcome-home-detailouter .communities-menu-nav > .h3 {
    font-size: 22.5px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-detailouter .communities-menu-nav .communities .community {
    width: 100%;
  }
}

.welcome-home-detailouter .card-threesections-small {
  padding-right: 0;
  width: initial;
}

.welcome-home-detailouter .card-threesections-small .title-container {
  max-width: initial;
}

@media only screen and (max-width: 767px) {
  .welcome-home-modal .register-form p:nth-child(2) {
    font-size: 6vw;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-modal .community-drop-down .community-interest li.coming-soon label.checkbox {
    font-size: 4.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-home-modal .register-form button.form-button {
    font-size: 4.5vw;
  }
}

form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

/* Header -------------------------------------------------- */

header {
  clear: both;
  background: #1393cd;
  transition: height 0.8s ease 0s;
  padding-bottom: 10px;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}

header .top-bar {
  background-color: #016ca6;
  height: 43px;
  width: 100%;
  transition: height 0.8s ease 0s;
}

header .logo {
  display: inline-block;
  transition: height 1.5s ease 0s;
  width: 100%;
}

header .logo a.landinglogo {
  width: 100%;
}

header .logo a.landinglogo svg {
  display: inline-block;
  width: 300px;
  margin: -67px auto 0;
  transform: scale(1);
  transition: all 0.8 ease;
}

header .top-bar {
  height: 20px;
}

header .logo {
  width: 100%;
  min-height: 66px;
  transition: all 0.8s ease 0s;
}

header .logo a.landinglogo {
  position: fixed;
  left: 0;
  text-align: center;
}

header .logo a.landinglogo svg {
  display: inline-block;
  margin: -62px auto 0;
  transform: scale(0.8);
  transition: all 0.8s ease 0s;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .community-specific footer .pencil-wrap,
  .non-community footer .pencil-wrap,
  .community-specific footer form,
  .non-community footer form,
  .community-specific footer .footer-links,
  .non-community footer .footer-links {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .community-specific footer,
  .non-community footer {
    display: none;
  }
}

.smaller .top-bar {
  height: 20px;
}

.smaller .logo {
  width: 100%;
  min-height: 66px;
  transition: all 0.8s ease 0s;
}

.smaller .logo a.landinglogo {
  position: fixed;
  left: 0;
  text-align: center;
}

.smaller .logo a.landinglogo svg {
  display: inline-block;
  margin: -62px auto 0;
  transform: scale(0.8);
  transition: all 0.8s ease 0s;
}

/* Content -------------------------------------------------- */

.landingpage .visit-link {
  font-size: 1.3em;
  text-align: center;
  margin: 1em 0;
}

.landingpage .visit-link a {
  padding: 2em 1em;
}

.landingpage #landingpageCarousel {
  height: 396px;
  margin-top: 15px;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .landingpage #landingpageCarousel {
    top: 0px;
  }
}

.landingpage #landingpageCarousel .slick-list,
.landingpage #landingpageCarousel .slick-track {
  height: 100%;
}

.landingpage #landingpageCarousel .slick-list .item,
.landingpage #landingpageCarousel .slick-track .item {
  background-size: cover;
  background-position: center;
}

.landingpage #landingpageCarousel .caption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: absolute;
  z-index: 2;
}

.landingpage #landingpageCarousel .caption.text-left {
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 75px;
}

.landingpage #landingpageCarousel .caption.text-center {
  -ms-flex-align: center;
  align-items: center;
}

.landingpage #landingpageCarousel .caption.text-right {
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 75px;
}

.landingpage #landingpageCarousel .caption h1,
.landingpage #landingpageCarousel .caption .h2 {
  color: white;
  opacity: 1;
  font-style: italic;
  text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.9);
}

.landingpage #landingpageCarousel .caption h1 {
  font-size: 90px;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage #landingpageCarousel .caption h1 {
    font-size: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage #landingpageCarousel .caption h1 {
    font-size: 12vw;
    line-height: 16vw;
  }
}

.landingpage #landingpageCarousel .caption .h2 {
  font-size: 54px;
  line-height: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage #landingpageCarousel .caption .h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage #landingpageCarousel .caption .h2 {
    font-size: 6vw;
    line-height: 10vw;
  }
}

.landingpage #landingpageCarousel .carousel-control {
  width: 100px;
  z-index: 3;
}

.landingpage #landingpageCarousel .carousel-control span.icon-prev {
  left: 30%;
}

.landingpage #landingpageCarousel .carousel-control span.icon-next {
  right: 30%;
}

.landingpage #landingpageCarousel .btn-get-info-now {
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.9);
  color: #ffffff;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  padding-left: 60px;
  padding-right: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage #landingpageCarousel .btn-get-info-now {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage #landingpageCarousel .btn-get-info-now {
    font-size: 4.5vw;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.landingpage #landingpageCarousel .scroll-wrap {
  bottom: 50px !important;
}

.landingpage .content {
  position: relative;
  background-color: white;
}

.landingpage .content .info-head {
  padding-top: 30px;
  padding-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head {
    padding-top: 15px;
  }
}

.landingpage .content .info-head .form-inline .form-group {
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .form-inline .form-group {
    width: 100%;
  }
}

.landingpage .content .info-head .form-control {
  border-radius: 0px;
  font-size: 20px;
  padding: 0 10px;
  height: 42px;
  width: 95%;
  font-weight: 100;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .form-control {
    width: 100%;
  }
}

.landingpage .content .info-head .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.landingpage .content .info-head .btn {
  font-size: 20px;
  color: #ffffff;
  line-height: 35px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .info-head .btn {
    font-size: 1.7vw;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .btn {
    font-size: 4vw;
    margin-bottom: 30px;
  }
}

.landingpage .content .info-head .info-detail {
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .info-detail {
    padding-bottom: 20px;
  }
}

.landingpage .content .info-head .info-detail p,
.landingpage .content .info-head .info-detail li {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .info-head .info-detail p,
  .landingpage .content .info-head .info-detail li {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .info-detail p,
  .landingpage .content .info-head .info-detail li {
    font-size: 20px;
  }
}

.landingpage .content .info-head .info-detail .h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  line-height: 45px;
  color: #f1a43c;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .landingpage .content .info-head .info-detail .h3 {
    font-size: 18px;
  }
}

.landingpage .content .info-head .snapshot {
  margin-bottom: 30px;
}

.landingpage .content .info-head .snapshot .info-square {
  margin-top: 0;
  margin-bottom: 15px;
}

.landingpage .content .info-head .snapshot .info-square div span {
  font-size: 16px;
}

@media only screen and (min-width: 1230px) {
  .landingpage .content .info-head .snapshot .info-square div span {
    font-size: 18px;
  }
}

.landingpage .content .info-head .snapshot a > .h3 {
  color: #2c75d1;
  margin: 20px 0;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-head .snapshot a > .h3 {
    text-align: center;
  }
}

.landingpage .content .info-head .snapshot a > .h3:hover {
  transition: all 0.2s ease-in;
  color: #1393cd;
}

.landingpage .content .info-head .snapshot a > .h3 i.fa {
  margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .landingpage .content .info-head .snapshot a > .h3 i.fa {
    margin-left: 5px;
  }
}

.landingpage .content .info-wrap {
  background-color: #1393cd;
  min-height: 450px;
  padding: 30px 30px 0 30px;
  margin-bottom: 50px;
}

.landingpage .content .info-wrap .info-detail,
.landingpage .content .info-wrap .row1 {
  padding-bottom: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-wrap .info-detail,
  .landingpage .content .info-wrap .row1 {
    padding-bottom: 0;
  }
}

.landingpage .content .info-wrap .info-detail p {
  color: #ffffff;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-wrap .info-detail p {
    font-size: 18px;
  }
}

.landingpage .content .info-wrap .info-detail .h3 {
  color: #f1a43c;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 10px;
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .info-wrap .info-detail .h3 {
    font-size: 24px;
  }
}

.landingpage .content .info-wrap button {
  margin: 0;
}

.landingpage .content a.landinglogo {
  display: inline-block;
}

.landingpage .content .title-bar {
  background: #dcf1f3;
  padding: 48px 0 90px 0;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .title-bar {
    padding: 40px 0;
  }
}

.landingpage .content .title-bar span {
  font-size: 20px;
  line-height: 26px;
  color: #f1a43c;
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .landingpage .content .title-bar span {
    font-size: 18px;
  }
}

.landingpage .content .title-bar .h4 {
  font-size: 75px;
  line-height: 75px;
  color: #9e9991;
  text-transform: inherit;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .title-bar .h4 {
    font-size: 6vw;
    font-size: 7vw;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .title-bar .h4 {
    font-size: 10vw;
    line-height: 11vw;
  }
}

.landingpage .content .title-bar .tabs {
  background-color: transparent !important;
  padding-top: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .title-bar .tabs {
    padding-top: 20px;
  }
}

.landingpage .content .title-bar .tabs img {
  width: 100%;
}

.landingpage .content .title-bar .tabs span {
  padding-top: 50px;
}

.landingpage .content .title-bar p {
  text-align: center;
  line-height: 45px;
  color: #9e9991;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-height: 800px) {
  .landingpage .content .title-bar p {
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .title-bar p {
    margin-bottom: 30px;
  }
}

.landingpage .content .member-info {
  padding-top: 75px;
  padding-bottom: 45px;
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .landingpage .content .member-info {
    padding: 40px 20px 190px;
  }
}

.landingpage .content .member-info .image {
  background-color: lightgray;
  background-size: cover;
  display: block;
  height: 225px;
  margin-top: 10px;
}

.landingpage .content .member-info .member-detail {
  text-align: center;
}

.landingpage .content .member-info .member-detail p {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
  font-style: italic;
  padding-bottom: 10px;
}

.landingpage .content .member-info .member-detail p::before {
  content: "\201C";
}

.landingpage .content .member-info .member-detail p::after {
  content: "\201D";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .member-info .member-detail p {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .member-info .member-detail p {
    font-size: 20px;
    line-height: 30px;
  }
}

.landingpage .content .member-info .member-detail span {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
  font-style: italic;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landingpage .content .member-info .member-detail span {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .landingpage .content .member-info .member-detail span {
    font-size: 18px;
    line-height: 40px;
  }
}

.landingpage .content .member-info .member-detail a.read-more,
.landingpage .content .member-info .member-detail a.read-less {
  color: #1393cd;
  cursor: pointer;
}

.landingpage .content .member-info .member-detail span.more-text {
  display: none;
}

.landingpage .content .member-info .member-detail span.more-text.show {
  display: inline !important;
}

.landingpage .content .simple-fade {
  min-height: 135px;
}

.non-community header {
  height: 103px;
  position: static;
}

.non-community header .logo a.landinglogo {
  position: static;
  text-align: left;
}

.non-community header .logo a.landinglogo svg {
  margin-left: -60px;
}

.non-community .smaller .logo a.landinglogo {
  position: static;
  text-align: left;
}

.non-community .visit-link {
  font-size: 1.3em;
  text-align: center;
  margin: 1em 0;
}

.non-community .visit-link a {
  padding: 2em 1em;
}

.non-community .btn-get-more-info {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #1393cd;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .non-community .btn-get-more-info {
    margin-top: 15px;
  }
}

.non-community #landingpageCarousel {
  height: 396px;
  margin-top: 0;
  top: 0;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .non-community #landingpageCarousel {
    margin-top: 15px;
    height: 240px;
  }
}

.non-community #landingpageCarousel .slick-list,
.non-community #landingpageCarousel .slick-track {
  height: 100%;
}

.non-community #landingpageCarousel .slick-list .item,
.non-community #landingpageCarousel .slick-track .item {
  background-position: center top;
  background-size: cover;
}

.non-community #landingpageCarousel .caption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  z-index: 2;
}

.non-community #landingpageCarousel .caption.text-left {
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 75px;
}

.non-community #landingpageCarousel .caption.text-center {
  -ms-flex-align: center;
  align-items: center;
}

.non-community #landingpageCarousel .caption.text-right {
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 75px;
}

.non-community #landingpageCarousel .caption h1,
.non-community #landingpageCarousel .caption .h2,
.non-community #landingpageCarousel .caption .h3 {
  color: white;
  opacity: 1;
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.5);
}

.non-community #landingpageCarousel .caption h1 {
  font-size: 125px;
  line-height: 105px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community #landingpageCarousel .caption h1 {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community #landingpageCarousel .caption h1 {
    font-size: 15vw;
    line-height: 15vw;
  }
}

.non-community #landingpageCarousel .caption .h2 {
  font-size: 65px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .non-community #landingpageCarousel .caption .h2 {
    font-size: 9vw;
    line-height: 9vw;
  }
}

.non-community #landingpageCarousel .caption .h3 {
  font-size: 45px;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .non-community #landingpageCarousel .caption .h3 {
    font-size: 10vw;
    line-height: 10vw;
  }
}

.non-community #landingpageCarousel .carousel-control {
  width: 100px;
  z-index: 3;
}

.non-community #landingpageCarousel .carousel-control span.icon-prev {
  left: 30%;
}

.non-community #landingpageCarousel .carousel-control span.icon-next {
  right: 30%;
}

.non-community #landingpageCarousel .btn-get-more-info {
  padding-left: 60px;
  padding-right: 60px;
}

.non-community .content {
  position: relative;
  background-color: white;
}

.non-community .content .info-head {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head {
    padding-top: 15px;
  }
}

.non-community .content .info-head .thank-you p,
.non-community .content .info-head form p {
  font-weight: 300;
  text-align: center;
}

.non-community .content .info-head .thank-you p:nth-child(1),
.non-community .content .info-head form p:nth-child(1) {
  color: #f1a43c;
  font-size: 32px;
}

.non-community .content .info-head .thank-you p:nth-child(2),
.non-community .content .info-head form p:nth-child(2),
.non-community .content .info-head .thank-you p:nth-child(3),
.non-community .content .info-head form p:nth-child(3) {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #ffffff;
  font-size: 27px;
  margin-bottom: 30px;
}

.non-community .content .info-head .form-inline .form-group {
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head .form-inline .form-group {
    width: 100%;
  }
}

.non-community .content .info-head .form-control {
  border-radius: 0px;
  font-size: 20px;
  padding: 0 10px;
  height: 42px;
  width: 95%;
  font-weight: 100;
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head .form-control {
    width: 100%;
  }
}

.non-community .content .info-head .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.non-community .content .info-head .btn {
  font-size: 20px;
  color: #ffffff;
  line-height: 35px;
  display: inline-block;
  margin: 25px 0 0 0;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .info-head .btn {
    font-size: 1.7vw;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head .btn {
    font-size: 4vw;
    margin-bottom: 30px;
  }
}

.non-community .content .info-head .info-detail {
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head .info-detail {
    padding-bottom: 20px;
  }
}

.non-community .content .info-head .info-detail p,
.non-community .content .info-head .info-detail li {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .info-head .info-detail p,
  .non-community .content .info-head .info-detail li {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-head .info-detail p,
  .non-community .content .info-head .info-detail li {
    font-size: 20px;
  }
}

.non-community .content .info-head .info-detail .h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  line-height: 45px;
  color: #f1a43c;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .non-community .content .info-head .info-detail .h3 {
    font-size: 18px;
  }
}

.non-community .content .info-wrap {
  background-color: #1393cd;
  padding: 30px 30px 0 30px;
  margin-bottom: 50px;
}

.non-community .content .info-wrap .info-detail,
.non-community .content .info-wrap .row1 {
  padding-bottom: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .non-community .content .info-wrap .info-detail,
  .non-community .content .info-wrap .row1 {
    padding-bottom: 0;
  }
}

.non-community .content .info-wrap button {
  margin: 0;
}

.non-community .content .info-wrap .btn-find-your-home-today {
  margin-bottom: 30px;
}

.non-community .content .title-bar {
  background: #dcf1f3;
  padding: 48px 0 90px 0;
}

@media only screen and (max-width: 767px) {
  .non-community .content .title-bar {
    padding: 40px 0;
  }
}

.non-community .content .title-bar span {
  font-size: 20px;
  line-height: 26px;
  color: #f1a43c;
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .non-community .content .title-bar span {
    font-size: 18px;
  }
}

.non-community .content .title-bar .h4 {
  font-size: 75px;
  line-height: 75px;
  color: #9e9991;
  text-transform: inherit;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .title-bar .h4 {
    font-size: 6vw;
    font-size: 7vw;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .title-bar .h4 {
    font-size: 10vw;
    line-height: 11vw;
  }
}

.non-community .content .title-bar .tabs {
  background-color: transparent !important;
  padding-top: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .title-bar .tabs {
    padding-top: 20px;
  }
}

.non-community .content .title-bar .tabs img {
  width: 100%;
}

.non-community .content .title-bar .tabs span {
  padding-top: 50px;
}

.non-community .content .title-bar p {
  text-align: center;
  line-height: 45px;
  color: #9e9991;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-height: 800px) {
  .non-community .content .title-bar p {
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .title-bar p {
    margin-bottom: 30px;
  }
}

.non-community .content .member-info {
  padding-top: 75px;
  padding-bottom: 45px;
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .non-community .content .member-info {
    padding: 40px 20px 190px;
  }
}

.non-community .content .member-info .image {
  background-color: lightgray;
  background-size: cover;
  display: block;
  height: 225px;
  margin-top: 10px;
}

.non-community .content .member-info .member-detail {
  text-align: center;
}

.non-community .content .member-info .member-detail p {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
  font-style: italic;
  padding-bottom: 10px;
}

.non-community .content .member-info .member-detail p::before {
  content: "\201C";
}

.non-community .content .member-info .member-detail p::after {
  content: "\201D";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .member-info .member-detail p {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .member-info .member-detail p {
    font-size: 20px;
    line-height: 30px;
  }
}

.non-community .content .member-info .member-detail span {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #9e9991;
  font-style: italic;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content .member-info .member-detail span {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content .member-info .member-detail span {
    font-size: 18px;
    line-height: 40px;
  }
}

.non-community .content .member-info .member-detail a.read-more,
.non-community .content .member-info .member-detail a.read-less {
  color: #1393cd;
  cursor: pointer;
}

.non-community .content .member-info .member-detail span.more-text {
  display: none;
}

.non-community .content .member-info .member-detail span.more-text.show {
  display: inline !important;
}

.non-community .content #modal-testimonial .modal-dialog {
  margin-top: 10%;
}

.non-community .content #modal-testimonial .modal-dialog .modal-content {
  background: rgba(0, 0, 0, 0.75);
  padding: 50px 100px;
  border: 2px solid white;
  border-radius: 0;
  /*important overides bootstraps styles*/
  /*left quote default*/
  /*right quote small*/
}

@media only screen and (max-width: 767px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content {
    padding: 40px 30px;
  }
}

.non-community .content #modal-testimonial .modal-dialog .modal-content span.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: 100 !important;
  font-size: 21px !important;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.2s ease-out;
}

.non-community .content #modal-testimonial .modal-dialog .modal-content span.close-btn:hover {
  transition: all 0.2s ease-in;
  cursor: pointer;
  color: #ffffff;
}

.non-community .content #modal-testimonial .modal-dialog .modal-content blockquote {
  font-size: 21px;
  border: none;
  margin: 0;
  padding: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote {
    font-size: 18px;
  }
}

@media only screen and (max-width: 555px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote {
    font-size: 16px;
  }
}

.non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
  font-family: Georgia, serif;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  top: 25px;
  left: -50px;
  top: 80px;
  left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: -25px;
    top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: -25px;
    top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: 50px;
    top: 80px;
  }
}

.non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
  font-family: Georgia, serif;
  content: close-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  bottom: 40px;
  right: -35px;
  bottom: 145px;
  right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: 50px;
  }
}

.non-community .content #modal-testimonial .modal-dialog .modal-content .testimonial,
.non-community .content #modal-testimonial .modal-dialog .modal-content .author {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  font-weight: 100;
  line-height: 35px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content .testimonial,
  .non-community .content #modal-testimonial .modal-dialog .modal-content .author {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    top: 68px;
    left: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .non-community .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: 8px;
  }
}

.non-community .content #modal-testimonial .modal-dialog .modal-content .author {
  border-top: 1px solid white;
  text-align: center;
  padding-top: 20px;
  margin-top: 45px;
}

.non-community .content .simple-fade {
  min-height: 135px;
}

.memorial-day-event header {
  height: 103px;
  position: static;
}

.memorial-day-event header .logo a.landinglogo {
  position: static;
  text-align: left;
}

.memorial-day-event header .logo a.landinglogo svg {
  margin-left: -60px;
}

.memorial-day-event .smaller .logo a.landinglogo {
  position: static;
  text-align: left;
}

.memorial-day-event .visit-link {
  font-size: 1.3em;
  text-align: center;
  margin: 1em 0;
}

.memorial-day-event .visit-link a {
  padding: 2em 1em;
}

.memorial-day-event #landingpageCarousel {
  height: 396px;
  margin-top: 0;
  top: 0;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event #landingpageCarousel {
    margin-top: 15px;
    height: 240px;
  }
}

.memorial-day-event #landingpageCarousel .slick-list,
.memorial-day-event #landingpageCarousel .slick-track {
  height: 100%;
}

.memorial-day-event #landingpageCarousel .slick-list .item,
.memorial-day-event #landingpageCarousel .slick-track .item {
  background-position: center top;
  background-size: cover;
}

.memorial-day-event #landingpageCarousel .caption {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  text-align: center;
}

.memorial-day-event #landingpageCarousel .caption h1,
.memorial-day-event #landingpageCarousel .caption .h2,
.memorial-day-event #landingpageCarousel .caption .h3 {
  color: white;
  opacity: 1;
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.5);
}

.memorial-day-event #landingpageCarousel .caption h1 {
  font-size: 125px;
  line-height: 105px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event #landingpageCarousel .caption h1 {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event #landingpageCarousel .caption h1 {
    font-size: 16vw;
    line-height: 16vw;
  }
}

.memorial-day-event #landingpageCarousel .caption .h2 {
  font-size: 65px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event #landingpageCarousel .caption .h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}

.memorial-day-event #landingpageCarousel .caption .h3 {
  font-size: 45px;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event #landingpageCarousel .caption .h3 {
    font-size: 10vw;
    line-height: 10vw;
  }
}

.memorial-day-event #landingpageCarousel .carousel-control {
  width: 100px;
  z-index: 3;
}

.memorial-day-event #landingpageCarousel .btn-get-more-info {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #1393cd;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  padding-left: 60px;
  padding-right: 60px;
}

.memorial-day-event .content {
  position: relative;
  background-color: white;
}

.memorial-day-event .content > div:not(.info-head) {
  opacity: 0;
}

.memorial-day-event .content > div:not(.info-head).in {
  transition: all 1s ease-out;
  opacity: 1;
}

.memorial-day-event .content .info-head {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .info-head {
    padding-top: 15px;
  }
}

.memorial-day-event .content .info-head .thank-you p,
.memorial-day-event .content .info-head form p {
  text-align: center;
}

.memorial-day-event .content .info-head .thank-you p:nth-child(1),
.memorial-day-event .content .info-head form p:nth-child(1) {
  color: #f1a43c;
  font-size: 24px;
  font-weight: bold;
}

.memorial-day-event .content .info-head .thank-you p:nth-child(2),
.memorial-day-event .content .info-head form p:nth-child(2),
.memorial-day-event .content .info-head .thank-you p:nth-child(3),
.memorial-day-event .content .info-head form p:nth-child(3) {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  color: #ffffff;
  font-size: 27px;
  font-weight: 300;
  margin-bottom: 30px;
}

.memorial-day-event .content .info-head .form-inline .form-group {
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .info-head .form-inline .form-group {
    width: 100%;
  }
}

.memorial-day-event .content .info-head .form-control {
  border-radius: 0px;
  font-size: 20px;
  padding: 0 10px;
  height: 42px;
  width: 95%;
  font-weight: 100;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .info-head .form-control {
    width: 100%;
  }
}

.memorial-day-event .content .info-head .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.memorial-day-event .content .info-head .btn {
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 35px;
  display: inline-block;
  margin: 25px 0 0 0;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content .info-head .btn {
    font-size: 1.7vw;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .info-head .btn {
    font-size: 4vw;
    margin-bottom: 30px;
  }
}

.memorial-day-event .content .info-head .description p {
  color: #9e9991;
  font-size: 24px;
  margin-bottom: 30px;
}

.memorial-day-event .content .info-head .description p:nth-child(1) {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-top: 30px;
}

.memorial-day-event .content .info-head .description p:nth-child(2),
.memorial-day-event .content .info-head .description p:nth-child(3) {
  font-weight: 300;
}

.memorial-day-event .content .info-wrap {
  background-color: #1393cd;
  padding: 30px 30px 0 30px;
  margin-bottom: 50px;
}

.memorial-day-event .content .info-wrap .info-detail,
.memorial-day-event .content .info-wrap .row1 {
  padding-bottom: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .info-wrap .info-detail,
  .memorial-day-event .content .info-wrap .row1 {
    padding-bottom: 0;
  }
}

.memorial-day-event .content .info-wrap button {
  margin: 0;
}

.memorial-day-event .content .info-wrap .btn-find-your-home-today {
  margin-bottom: 30px;
}

.memorial-day-event .content .title-bar {
  background: #dcf1f3;
  padding: 48px 0 90px 0;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .title-bar {
    padding: 40px 0;
  }
}

.memorial-day-event .content .title-bar span {
  font-size: 20px;
  line-height: 26px;
  color: #f1a43c;
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .memorial-day-event .content .title-bar span {
    font-size: 18px;
  }
}

.memorial-day-event .content .title-bar .h4 {
  font-size: 75px;
  line-height: 75px;
  color: #9e9991;
  text-transform: inherit;
  font-weight: 300;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content .title-bar .h4 {
    font-size: 6vw;
    font-size: 7vw;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .title-bar .h4 {
    font-size: 10vw;
    line-height: 11vw;
  }
}

.memorial-day-event .content .title-bar .tabs {
  background-color: transparent !important;
  padding-top: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content .title-bar .tabs {
    padding-top: 20px;
  }
}

.memorial-day-event .content .title-bar .tabs img {
  width: 100%;
}

.memorial-day-event .content .title-bar .tabs span {
  padding-top: 50px;
}

.memorial-day-event .content .title-bar p {
  text-align: center;
  line-height: 45px;
  color: #9e9991;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-height: 800px) {
  .memorial-day-event .content .title-bar p {
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .title-bar p {
    margin-bottom: 30px;
  }
}

.memorial-day-event .content .member-info {
  padding: 100px 0px;
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .member-info {
    padding: 40px 20px 190px;
  }
}

.memorial-day-event .content .member-info .image {
  background-color: lightgray;
  background-size: cover;
  display: block;
  height: 225px;
  margin-top: 10px;
}

.memorial-day-event .content .member-info .member-detail {
  text-align: center;
}

.memorial-day-event .content .member-info .member-detail p {
  font-size: 30px;
  line-height: 45px;
  color: #9e9991;
  font-style: italic;
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content .member-info .member-detail p {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .member-info .member-detail p {
    font-size: 20px;
    line-height: 30px;
  }
}

.memorial-day-event .content .member-info .member-detail span {
  font-size: 20px;
  line-height: 45px;
  color: #9e9991;
  text-transform: uppercase;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content .member-info .member-detail span {
    font-size: 18px;
    line-height: 40px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog {
  margin-top: 10%;
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content {
  background: rgba(0, 0, 0, 0.75);
  padding: 50px 100px;
  border: 2px solid white;
  border-radius: 0;
  /*important overides bootstraps styles*/
  /*left quote default*/
  /*right quote small*/
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content {
    padding: 40px 30px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content span.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: 100 !important;
  font-size: 21px !important;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  transition: all 0.2s ease-out;
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content span.close-btn:hover {
  transition: all 0.2s ease-in;
  cursor: pointer;
  color: #ffffff;
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote {
  font-size: 21px;
  border: none;
  margin: 0;
  padding: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote {
    font-size: 18px;
  }
}

@media only screen and (max-width: 555px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote {
    font-size: 16px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
  font-family: Georgia, serif;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  top: 25px;
  left: -50px;
  top: 80px;
  left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: -25px;
    top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: -25px;
    top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    left: 50px;
    top: 80px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
  font-family: Georgia, serif;
  content: close-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  position: absolute;
  bottom: 40px;
  right: -35px;
  bottom: 145px;
  right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: 50px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content .testimonial,
.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content .author {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  font-weight: 100;
  line-height: 35px;
  color: white;
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content .testimonial,
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content .author {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:before {
    top: 68px;
    left: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event .content #modal-testimonial .modal-dialog .modal-content blockquote:after {
    right: 8px;
  }
}

.memorial-day-event .content #modal-testimonial .modal-dialog .modal-content .author {
  border-top: 1px solid white;
  text-align: center;
  padding-top: 20px;
  margin-top: 45px;
}

.memorial-day-event .content .simple-fade {
  height: 217px;
}

.memorial-day-event.red-white-and-new #landingpageCarousel .caption {
  top: 63%;
  left: auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  padding-right: 70px;
  text-align: right;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .memorial-day-event.red-white-and-new #landingpageCarousel .caption {
    padding-right: 0px;
    text-align: center;
    top: 53%;
  }
}

@media only screen and (max-width: 767px) {
  .memorial-day-event.red-white-and-new #landingpageCarousel .caption p.h3 {
    font-size: 8vw;
    text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5);
  }
}

.memorial-day-event.red-white-and-new #landingpageCarousel .btn-get-more-info {
  margin-top: 30px;
}

.contact-us .header {
  background-image: url('/images/site/contact/contact-bkg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: fixed;
  height: 245px;
  width: 100%;
  top: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .header {
    top: 135px;
    height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .header {
    top: 72.5px;
    height: 200px;
  }
}

.contact-us .header h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 245px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .header h1 {
    font-size: 62px;
    line-height: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .header h1 {
    font-size: 42px;
    line-height: 150px;
  }
}

.contact-us .content {
  margin-top: 390px;
  background-color: white;
  position: relative;
  padding-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content {
    margin-top: 300px;
    padding-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content {
    margin-top: 245px;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 555px) {
  .contact-us .content {
    margin-top: 200px;
  }
}

.contact-us .content .container {
  color: #9e9991;
}

.contact-us .content .container div.divider {
  margin-right: 15px;
  margin-left: 15px;
  clear: both;
  border-bottom: 1px solid rgba(158, 153, 145, 0.4);
}

.contact-us .content .container .links {
  padding: 0;
  margin-top: 60px;
  margin-bottom: 60px;
}

.contact-us .content .container .links .flex-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.contact-us .content .container .links .flex-wrap a {
  text-align: center;
  display: inline-block;
  padding: 20px;
  border-right: 1px solid rgba(158, 153, 145, 0.4);
  width: 25%;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .links .flex-wrap a {
    width: 100%;
  }
}

.contact-us .content .container .links .flex-wrap a:last-child {
  border-right: none;
}

.contact-us .content .container .links .flex-wrap a:hover {
  transition: all 0.2s ease-in;
  background-color: #1393cd;
  cursor: pointer;
}

.contact-us .content .container .links .flex-wrap a:hover .h4,
.contact-us .content .container .links .flex-wrap a:hover p {
  color: white;
}

.contact-us .content .container .links .h4 {
  color: #1393cd;
  text-transform: none;
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .links .h4 {
    font-size: 20px;
  }
}

.contact-us .content .container .links p {
  color: #9e9991;
  font-size: 20px;
  line-height: 35px;
  padding: 0 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .links p {
    font-size: 18px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .links p {
    font-size: 18px;
  }
}

.contact-us .content .container a.blue {
  color: #1393cd;
}

.contact-us .content .container .overview {
  margin-bottom: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .overview {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .overview {
    margin-bottom: 20px;
  }
}

.contact-us .content .container p {
  font-size: 25px;
  line-height: 1.8;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container p {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container p {
    font-size: 18px;
  }
}

.contact-us .content .container .h3 {
  font-size: 37px;
  line-height: 60px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .h3 {
    font-size: 30px;
    line-height: 45px;
  }
}

.contact-us .content .container .col-left {
  padding-right: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .col-left {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .col-left {
    padding-right: 15px;
  }
}

.contact-us .content .container .col-left .stay-connected {
  padding-top: 5px;
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .col-left .stay-connected:after {
    clear: both;
  }
}

.contact-us .content .container .col-left .stay-connected p {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-us .content .container .col-left .stay-connected p {
    display: block;
  }
}

.contact-us .content .container .col-left .stay-connected ul {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .col-left .stay-connected ul {
    position: relative;
  }
}

.contact-us .content .container .col-left .stay-connected:after {
  content: "Stay Connected With Us";
  display: inline-block;
  float: left;
  margin-right: 30px;
  padding-top: 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-us .content .container .col-left .stay-connected:after {
    width: 100%;
    display: none;
  }
}

.contact-us .content .container .col-left .get-directions {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(158, 153, 145, 0.4);
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .contact-us .content .container .col-left .get-directions {
    padding-bottom: 40px;
    margin-bottom: 0px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .col-left .get-directions {
    margin-top: 15px;
    padding-bottom: 60px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .col-left .get-directions {
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.contact-us .content .container .col-left a {
  color: #9e9991;
}

.contact-us .content .container .col-left a.button {
  padding: 15px 80px;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .content .container .col-left a.button {
    padding: 15px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .content .container .col-left a.button {
    padding: 10px;
    width: 100%;
  }
}

.contact-us .content .container form .form-group {
  margin-bottom: 30px;
}

.contact-us .content .container form .community-drop-down .btn.dropdown {
  border: none;
  color: #f1a43c;
  font-weight: 800;
  padding-left: 0;
}

.contact-us .content .container form .community-drop-down .btn.dropdown i.fa {
  color: #f1a43c;
}

.contact-us .content .container form > div:not(.form-bkg) {
  z-index: 1;
  position: relative;
}

.contact-us .content .container form input,
.contact-us .content .container form textarea,
.contact-us .content .container form .checkbox-wrap,
.contact-us .content .container form .dropdown-menu li {
  font-size: 18px;
  height: 47px;
  color: #9e9991;
}

.contact-us .content .container form .checkbox-wrap,
.contact-us .content .container form .dropdown-menu li {
  margin-bottom: 5px;
}

.contact-us .content .container form textarea {
  height: auto;
}

.contact-us .content .container form i.fa-stick {
  position: absolute;
  right: 10px;
}

.contact-us .content .container form .text,
.contact-us .content .container form .checkbox {
  margin-right: 20px;
}

.contact-us .content .container form .form-button {
  margin-bottom: 30px;
  padding: 15px 20px;
  float: right;
}

@media only screen and (max-width: 555px) {
  .contact-us .content .container form .form-button {
    padding: 10px;
    width: 100%;
  }
}

.contact-us .content .container form .opt-in-form-disclaimer {
  font-size: 14px;
  line-height: 1.5;
}

.contact-us .content .container form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.contact-us .content .container span.disclaimer {
  font-size: 20px;
  line-height: 30px;
  clear: both;
  margin-bottom: 30px;
}

.contact-us .gray-wrap {
  background-color: #f3f3f3;
  padding-bottom: 60px;
}

.contact-us .gray-wrap .h3.title {
  font-size: 45px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .contact-us .gray-wrap .h3.title {
    font-size: 30px;
    margin: 15px auto;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .gray-wrap .info-block {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .gray-wrap .info-block {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .gray-wrap .info-block .com_desc p {
    font-size: 16px;
  }
}

.contact-us .gray-wrap .info-block .h3,
.contact-us .gray-wrap .info-block p,
.contact-us .gray-wrap .info-block a {
  font-size: 25px;
  line-height: 45px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .gray-wrap .info-block .h3,
  .contact-us .gray-wrap .info-block p,
  .contact-us .gray-wrap .info-block a {
    font-size: 22px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .gray-wrap .info-block .h3,
  .contact-us .gray-wrap .info-block p,
  .contact-us .gray-wrap .info-block a {
    font-size: 22px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 555px) {
  .contact-us .gray-wrap .info-block .h3,
  .contact-us .gray-wrap .info-block p,
  .contact-us .gray-wrap .info-block a {
    font-size: 18px;
  }
}

.contact-us .gray-wrap .info-block .h3 a {
  font-weight: bold;
  color: #1393cd;
}

.contact-us .gray-wrap .info-block p,
.contact-us .gray-wrap .info-block a {
  color: #9e9991;
}

.realtors .header {
  background-image: url('/images/site/realtors/realtors-bkg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: fixed;
  height: 525px;
  width: 100%;
  top: 146px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .header {
    top: 136px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .header {
    top: 73px;
    height: 240px;
  }
}

.realtors .header h1 {
  font-weight: 300;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .realtors .header h1 {
    font-size: 60px;
    line-height: 90px;
    margin-top: 172.5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .realtors .header h1 {
    font-size: 45px;
    line-height: 75px;
    margin-top: 187.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .header h1 {
    font-size: 36px;
    line-height: 60px;
    margin-top: 162.5px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .header h1 {
    font-size: 4.5vw;
    line-height: 9vw;
    margin-top: 22.5vw;
  }
}

.realtors .header .scroll-wrap {
  display: inline-block;
  margin-left: 45px;
  margin-left: 0;
  position: static;
}

.realtors .content {
  background-color: white;
  position: relative;
  padding-bottom: 60px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .content {
    margin-top: 671px;
    padding-top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .content {
    margin-top: 313px;
    padding-top: 30px;
  }
}

.realtors .content .container {
  color: #9e9991;
}

.realtors .content .container .blue {
  color: #1393cd;
}

.realtors .content .container sup {
  font-size: 60%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .content .container .overview p {
    font-size: 21px;
    line-height: 39px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .overview p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}

.realtors .content .container .overview .disclaimer {
  font-size: 13.5px;
  line-height: 24px;
  margin-top: 120px;
}

.realtors .content .container .join-today > div {
  border: 1px solid #ccc;
  padding: 10px 30px 15px;
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .join-today > div {
    margin-bottom: 30px;
  }
}

.realtors .content .container .join-today > div .thank-you .h3 {
  margin-bottom: 36px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .realtors .content .container .join-today > div .thank-you .h3 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .content .container .join-today > div .thank-you .h3 {
    font-size: 22.5px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .join-today > div .thank-you .h3 {
    font-size: 5.7vw;
    line-height: 30px;
  }
}

.realtors .content .container .join-today > div .thank-you .personal-registration-number {
  border: 1px solid #ccc;
  margin-top: 36px;
  margin-bottom: 36px;
  padding: 24px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .content .container .join-today > div .thank-you .personal-registration-number {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .join-today > div .thank-you .personal-registration-number {
    font-size: 18px;
  }
}

.realtors .content .container .join-today > div form > .h3 {
  margin-bottom: 36px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .realtors .content .container .join-today > div form > .h3 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .realtors .content .container .join-today > div form > .h3 {
    font-size: 22.5px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .join-today > div form > .h3 {
    font-size: 7.5vw;
    line-height: 36px;
  }
}

.realtors .content .container .join-today > div form input {
  font-size: 18px;
  height: 47px;
  color: #9e9991;
}

@media only screen and (max-width: 767px) {
  .realtors .content .container .join-today > div form .form-button {
    width: 100%;
  }
}

.realtors .content .container .join-today > div form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

@media only screen and (max-width: 767px) {
  .privacy-policy {
    padding-bottom: 100px;
  }
}

.privacy-policy .header {
  background-image: url('/images/site/privacy-policy/privacy-policy-bkg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: absolute;
  height: 245px;
  width: 100%;
  top: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .header {
    top: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-policy .header {
    height: auto;
    position: static;
  }

  .privacy-policy .header h1 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1.3em;
  }
}

.privacy-policy .header h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 245px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .header h1 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-policy .header h1 {
    padding-top: 25px;
    font-size: 40px;
  }
}

@media only screen and (max-width: 555px) {
  .privacy-policy .header h1 {
    font-size: 30px;
  }
}

.privacy-policy .content {
  margin-top: 390px;
  background-color: white;
  position: relative;
  padding-top: 80px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .content {
    margin-top: 380px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-policy .content {
    margin-top: 0;
    padding-top: 30px;
  }

  .privacy-policy .content .container p,
  .privacy-policy .content .container li {
    font-size: 16px !important;
    line-height: 1.66em !important;
    text-align: left !important;
    margin: 0 0 1em 0 !important;
  }

  .privacy-policy .content .container li {
    margin: 0 0 1em 2em !important;
  }
}

.privacy-policy .content .container {
  color: #9e9991;
}

.privacy-policy .content .container .overview {
  margin-bottom: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .privacy-policy .content .container .overview {
    margin-bottom: 0;
  }

  .privacy-policy .content .container .overview p:last-child {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .privacy-policy .content .container .overview > div {
    padding: 0;
  }
}

.privacy-policy .content .container .overview > div li {
  margin-left: 2em;
}

.privacy-policy .content .container .overview > div p,
.privacy-policy .content .container .overview > div li {
  font-size: 25px;
  line-height: 45px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .content .container .overview > div p,
  .privacy-policy .content .container .overview > div li {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-policy .content .container .overview > div p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.privacy-policy .content .container .details h2 {
  font-size: 20px;
  font-weight: 700;
  color: #f1a43c;
  line-height: 1.33em;
  letter-spacing: 2px;
  margin: 1em 0 0.5em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .content .container .details h2 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .privacy-policy .content .container .details h2 {
    font-size: 16px;
  }
}

.privacy-policy .content .container .details li {
  margin-left: 2em;
}

.privacy-policy .content .container .details p,
.privacy-policy .content .container .details li {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy .content .container .details p,
  .privacy-policy .content .container .details li {
    font-size: 18px;
  }
}

.privacy-policy .content .container .details a {
  color: #9e9991;
  transition: all 0.2s ease-out;
}

.privacy-policy .content .container .details a:hover {
  transition: all 0.2s ease-in;
  color: #1393cd;
}

.errors {
  background: url('/images/site/errors/404-error-bkg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .errors {
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .errors > .container {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .errors > .container {
    padding-top: 75px;
  }
}

.errors > .container h1,
.errors > .container .h1 {
  color: #ffffff;
  font-weight: 300;
}

@media only screen and (min-width: 1230px) {
  .errors > .container h1,
  .errors > .container .h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .errors > .container h1,
  .errors > .container .h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .errors > .container h1,
  .errors > .container .h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1230px) {
  .errors > .container h1:first-child,
  .errors > .container .h1:first-child {
    margin-top: 165px;
    margin-bottom: 135px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .errors > .container h1:first-child,
  .errors > .container .h1:first-child {
    margin-top: 60px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .errors > .container h1:first-child,
  .errors > .container .h1:first-child {
    margin-top: 45px;
    margin-bottom: 30px;
  }
}

.errors > .container h1 a,
.errors > .container .h1 a {
  color: #ffe150;
}

.errors > .container a.button {
  display: inline-block !important;
}

@media only screen and (min-width: 1230px) {
  .errors > .container a.button {
    margin-top: 90px;
    margin-bottom: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .errors > .container a.button {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .errors > .container a.button {
    font-size: 12px;
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

.faq {
  padding-bottom: 150px;
}

@media only screen and (max-width: 767px) {
  .faq {
    padding-bottom: 100px;
  }
}

.faq .header {
  background-image: url('/images/site/faq/faq-bkg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-shadow: 1px 1px 5px #353535;
  position: absolute;
  height: 300px;
  width: 100%;
  top: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .header {
    top: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .header {
    height: auto;
    position: static;
  }

  .faq .header h1 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1.3em;
  }
}

.faq .header h1 {
  font-size: 82px;
  font-weight: 300;
  line-height: 300px;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .header h1 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .header h1 {
    padding-top: 25px;
    font-size: 40px;
  }
}

@media only screen and (max-width: 555px) {
  .faq .header h1 {
    font-size: 30px;
  }
}

.faq .content {
  margin-top: 445px;
  background-color: white;
  position: relative;
  padding-top: 80px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content {
    margin-top: 435px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content {
    margin-top: 0;
    padding-top: 30px;
  }

  .faq .content .container p,
  .faq .content .container li {
    font-size: 16px !important;
    line-height: 1.66em !important;
    text-align: left !important;
    margin: 0 0 1em 0 !important;
  }

  .faq .content .container li {
    margin: 0 0 1em 2em !important;
  }
}

.faq .content .container {
  color: #9e9991;
}

.faq .content .container .overview {
  margin-bottom: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .faq .content .container .overview {
    margin-bottom: 0;
  }

  .faq .content .container .overview p:last-child {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .faq .content .container .overview > div {
    padding: 0;
  }
}

.faq .content .container .overview > div li {
  margin-left: 2em;
}

.faq .content .container .overview > div p,
.faq .content .container .overview > div li {
  font-size: 25px;
  line-height: 45px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .overview > div p,
  .faq .content .container .overview > div li {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .overview > div p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.faq .content .container .details h2 {
  font-size: 20px;
  font-weight: 700;
  color: #f1a43c;
  line-height: 1.33em;
  letter-spacing: 2px;
  margin: 1em 0 0.5em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details h2 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details h2 {
    font-size: 16px;
  }
}

.faq .content .container .details li {
  margin-left: 2em;
}

.faq .content .container .details p,
.faq .content .container .details li {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details p,
  .faq .content .container .details li {
    font-size: 18px;
  }
}

.faq .content .container .details a {
  color: #9e9991;
  transition: all 0.2s ease-out;
}

.faq .content .container .details a:hover {
  transition: all 0.2s ease-in;
  color: #1393cd;
}

.faq .content .container .details #accordion-faq .panel-heading {
  position: relative;
  background-color: white;
  border: 1px solid #dcdcdc;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details #accordion-faq .panel-heading {
    height: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details #accordion-faq .panel-heading {
    margin-bottom: 15px;
  }
}

.faq .content .container .details #accordion-faq .panel-heading h4 {
  color: #f1a43c;
  font-size: 20px;
  line-height: 75px;
  font-weight: 400;
  padding: 0 85px 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details #accordion-faq .panel-heading h4 {
    font-size: 14px;
    letter-spacing: 1.5px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details #accordion-faq .panel-heading h4 {
    padding: 7.5px 45px 7.5px 15px;
    font-size: 13px;
    line-height: 22.5px;
  }
}

.faq .content .container .details #accordion-faq .panel-heading h4:after {
  font-family: 'icomoon';
  content: "\e900";
  right: 30px;
  position: absolute;
  font-size: 25px;
  color: #f1a43c;
  pointer-events: none;
  transform: rotate(-180deg);
  transition: all .1s ease;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details #accordion-faq .panel-heading h4:after {
    line-height: 75px;
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details #accordion-faq .panel-heading h4:after {
    right: 15px;
    font-size: 16px;
    top: calc(50% - 11.25px);
  }
}

.faq .content .container .details #accordion-faq .panel-heading h4.collapsed:after {
  color: #1393cd;
  transform: rotate(0deg);
  margin-right: -2px;
}

.faq .content .container .details #accordion-faq .panel-body {
  border: none;
  padding: 20px 50px 0 50px;
  font-size: 22px;
  line-height: 45px;
  color: #979797;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details #accordion-faq .panel-body {
    padding: 0 15px 0 30px;
    font-size: 16px;
    line-height: 28px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .faq .content .container .details #accordion-faq .panel-body h3 {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq .content .container .details #accordion-faq .panel-body h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .content .container .details #accordion-faq .panel-body h3 {
    font-size: 6vw;
    line-height: 7.5vw;
  }
}

.faq .content .container .details #accordion-faq .panel-body a {
  color: #1393cd;
}

.quick-delivery-homes {
  max-width: 1365px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes {
    margin-top: 177px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes {
    margin-top: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes {
    margin-top: 108px;
  }
}

.quick-delivery-homes > .row > div[class^="col-"] > p {
  color: #9e9991;
}

.quick-delivery-homes > .row > div[class^="col-"] > p:first-child {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p:first-child {
    font-size: 60px;
    margin-top: 75px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p:first-child {
    font-size: 33px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p:nth-child(2) {
    line-height: 36px;
    margin-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p:nth-child(2) {
    line-height: 30px;
  }
}

.quick-delivery-homes > .row > div[class^="col-"] > p.small {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p.small {
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes > .row > div[class^="col-"] > p.small {
    margin-bottom: 75px;
  }
}

.quick-delivery-homes .custom-select {
  border: 1px solid #eee9e1;
  color: #8f8677;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 13.5px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.quick-delivery-homes .custom-select.custom-select_brown-light {
  background-color: #eee9e1;
}

.quick-delivery-homes .custom-select > span {
  white-space: nowrap;
}

.quick-delivery-homes .custom-select > select {
  background: transparent;
  border: none;
  color: #8f8677;
  font-size: 13.5px;
  outline: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header {
  background-color: #ffffff;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
  position: relative;
  text-align: left;
  background: transparent;
  border: 1px solid #eee9e1;
  z-index: 0;
  margin-top: 20px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown.active {
  background: #eee9e1;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown span {
  margin-left: 10px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown i.fa {
  position: absolute;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header .mobile-tab-to-dropdown i.fa {
    top: 50%;
    margin-top: -6px;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter {
    position: absolute;
    height: auto;
    width: 100%;
    display: none;
    height: 186px;
    overflow: auto;
  }

  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter.active {
    display: block;
    background-color: #8f8677;
    z-index: 1;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
  width: auto;
  text-align: center;
  color: #8f8677;
  cursor: pointer;
  border-right: 1px solid #eee9e1;
  display: inline-block;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
  color: inherit !important;
  display: inline-block;
  padding: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
    display: block;
    font-size: 13.5px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li {
    color: white;
    height: 62px;
    line-height: 62px;
    margin: 0;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li.active,
.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li:hover {
  background-color: #eee9e1;
  border-right: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li.active,
  .quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter li:hover {
    border: none;
    color: #8f8677;
    background-color: #e5ddd1;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-header ul.mobile-filter {
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body {
    background-color: #eee9e1;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table {
  border: 0;
  margin-bottom: 0;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table thead th {
  background-color: #e0d7c9;
  font-weight: 300;
  text-transform: uppercase;
  color: #8f8677;
  font-size: 16px;
  border-color: #dad0bf;
  border-left-width: 0;
  border-bottom-width: 2px;
  text-align: center;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table thead th:first-child {
  border-left-width: 1px;
  text-align: left;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table thead th i {
  margin-right: 10px;
  font-size: 18px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table thead th i.fa-sort {
  font-size: 18px;
  margin-top: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table thead th i:first-child {
    display: none;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody tr {
  background-color: #ffffff;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td {
  border-color: transparent;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td {
    border: none;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td:first-child {
  vertical-align: top;
  width: auto;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td a {
  color: #1393cd;
  font-weight: bold;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities {
  margin-top: 15px;
  text-align: center;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities {
    margin-right: -5px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li {
    padding: 15px;
    width: 33.33333333%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e8e1d8;
  cursor: auto;
  padding: 0;
  text-align: left;
  width: auto;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .image-container {
  padding: 0;
  width: 150px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .image-container {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .image-container {
    margin-right: 0;
    display: block !important;
    width: 100% !important;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container {
  position: relative;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container {
    height: 172px;
    max-width: none;
    width: calc(100% - 160px);
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .list-inline_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 7.5px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .btn-gallery {
  display: inline-block;
  line-height: 1.42857143;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .banner-save {
  cursor: pointer;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .banner-save img {
  max-height: 36px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .h4 {
  font-size: 15px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container .cta {
  font-size: 15px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections > div .title-container p {
  font-size: 15px;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul {
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin-top: 0;
  margin-left: 0;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li {
  border-right: none;
  font-size: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li {
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li span {
  margin-left: 0;
  float: none;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li span.new-price {
  color: #f1a43c;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li span s {
  color: #9e9991;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body table tbody td .list-inline-communities > li .card-threesections ul li.price span {
  font-weight: 700;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table {
  border-collapse: separate;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  margin-top: .15em;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator.fa-pull-left {
  margin-right: .3em;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator.fa-pull-right {
  margin-left: .3em;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator.pull-left {
  margin-right: .3em;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator.pull-right {
  margin-left: .3em;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator::before {
  position: absolute;
  opacity: 0.25;
  content: "\f0de";
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator::after {
  position: absolute;
  opacity: 0.25;
  content: "\f0dd";
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator-asc::before {
  opacity: 1;
}

.quick-delivery-homes .community-list-tabs .community-list-tabs-body .card-table .sort .indicator-desc::after {
  opacity: 1;
}

.card-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 1;
}

.card-container {
  position: relative;
}

.card-container--padded {
  padding-top: 100px !important;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp {
    margin-top: 177px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-revamp {
    margin-top: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp {
    margin-top: 108px;
  }
}

.quick-delivery-homes-revamp > .container-fluid {
  max-width: 1365px;
}

.quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p:first-child {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p:first-child {
    font-size: 60px;
    margin-top: 75px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p:first-child {
    font-size: 26.25px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p:nth-child(2) {
    line-height: 36px;
    margin-bottom: 75px;
    margin-left: 11.25vw;
    margin-right: 11.25vw;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p:nth-child(2) {
    font-size: 15px;
    line-height: 22.5px;
    margin-left: 3.75vw;
    margin-right: 3.75vw;
  }
}

.quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p.small {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p.small {
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp > .container-fluid > .row > div[class^="col-"] > p.small {
    margin-bottom: 75px;
  }
}

.quick-delivery-homes-revamp .filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
}

.quick-delivery-homes-revamp .filters p {
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .filters .dropdown-menu {
  padding: 45px 22.5px 22.5px;
  width: 225px;
}

.quick-delivery-homes-revamp .filters .dropdown-menu .btn-close {
  background: none;
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}

.quick-delivery-homes-revamp .filters .dropdown-menu > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.quick-delivery-homes-revamp .filters .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.quick-delivery-homes-revamp .filters input[type=checkbox] {
  display: inline-block;
}

.quick-delivery-homes-revamp .filters__left,
.quick-delivery-homes-revamp .filters__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.quick-delivery-homes-revamp .filters__left {
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters__left {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters__left > div {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters__left .btn-default {
    width: 100%;
  }
}

.quick-delivery-homes-revamp .filters__left .btn-clear-filters {
  background: none;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters__left .dropdown--price .dropdown-menu {
    left: unset;
    right: 0;
  }
}

.quick-delivery-homes-revamp .filters__right {
  gap: 30px;
}

.quick-delivery-homes-revamp .filters__right .checkbox label {
  font-size: 14px;
}

.quick-delivery-homes-revamp .filters__right select {
  -ms-flex-positive: 0.5;
  flex-grow: 0.5;
}

.quick-delivery-homes-revamp .filters__right .pagination {
  justify-self: flex-end;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .filters__right {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.quick-delivery-homes-revamp .homes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22.5px;
  -ms-flex-pack: center;
  justify-content: center;
}

.quick-delivery-homes-revamp .card__home {
  border: 1px solid #e7e1d9;
  -ms-flex-order: 3;
  order: 3;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp .card__home {
    width: calc(33.33333333% - 15px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-revamp .card__home {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .card__home {
    width: 100%;
  }
}

.quick-delivery-homes-revamp .card__home:nth-child(1),
.quick-delivery-homes-revamp .card__home:nth-child(2) {
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .card__home:nth-child(3),
  .quick-delivery-homes-revamp .card__home:nth-child(4),
  .quick-delivery-homes-revamp .card__home:nth-child(5) {
    -ms-flex-order: 1;
    order: 1;
  }
}

.quick-delivery-homes-revamp .card__home-image {
  height: 285px;
  position: relative;
}

.quick-delivery-homes-revamp .card__home-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.quick-delivery-homes-revamp .card__home-banner {
  position: absolute;
  top: 15px;
  left: 15px;
}

.quick-delivery-homes-revamp .card__home-banner > img {
  max-width: 112.5px;
}

.quick-delivery-homes-revamp .card__home-banner-ready-now,
.quick-delivery-homes-revamp .card__home-banner-home-of-the-week,
.quick-delivery-homes-revamp .card__home-banner-sold,
.quick-delivery-homes-revamp .card__home-banner-new-price {
  color: #ffffff;
  font-size: 15px;
  padding: 5.625px 15px;
}

.quick-delivery-homes-revamp .card__home-banner-ready-now {
  background-color: #1B7E13;
}

.quick-delivery-homes-revamp .card__home-banner-new-price {
  background-color: #ECDB3E;
}

.quick-delivery-homes-revamp .card__home-banner-home-of-the-week {
  background-color: #26383F;
}

.quick-delivery-homes-revamp .card__home-banner-sold {
  background-color: red;
}

.quick-delivery-homes-revamp .card__home-medias {
  display: -ms-flexbox;
  display: flex;
  gap: 7.5px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.quick-delivery-homes-revamp .card__home-button-circle {
  transition: all 0.2s ease-out;
  background-color: #ffffff;
  border: 2px solid #f1a43c;
  border-radius: 50%;
  color: #f1a43c;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16.5px;
  width: 45px;
  height: 45px;
}

.quick-delivery-homes-revamp .card__home-button-circle:hover {
  transition: all 0.2s ease-in;
  background-color: #f1a43c;
}

.quick-delivery-homes-revamp .card__home-button-circle:hover path {
  stroke: #ffffff;
}

.quick-delivery-homes-revamp .card__home-announcement {
  background-color: #016ca6;
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 0;
  padding: 7.5px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.quick-delivery-homes-revamp .card__home-heading {
  padding: 15px;
}

.quick-delivery-homes-revamp .card__home-heading p {
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .card__home-heading-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}

.quick-delivery-homes-revamp .card__home-residence-name {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 37.5px;
  margin-top: 0;
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .line-through {
  text-decoration: line-through;
}

.quick-delivery-homes-revamp .line-through.line-through-red {
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
}

.quick-delivery-homes-revamp .card__home-price-new {
  font-weight: 700;
}

.quick-delivery-homes-revamp .card__home-address,
.quick-delivery-homes-revamp .card__home-community-name,
.quick-delivery-homes-revamp .card__home-availability {
  font-size: 18px;
  line-height: 26.25px;
}

.quick-delivery-homes-revamp .card__home-community-name {
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .card__home-community-name a {
  color: #1393cd;
}

.quick-delivery-homes-revamp .card__home-snapshot {
  border-top: 1px solid #e7e1d9;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .card__home-snapshot li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-weight: 700;
  gap: 7.5px;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  width: calc(33.33333333% - 0px);
}

.quick-delivery-homes-revamp .card__home-snapshot li:nth-of-type(2) {
  border-left: 1px solid #e7e1d9;
  border-right: 1px solid #e7e1d9;
}

.quick-delivery-homes-revamp .card__home-button {
  transition: all 0.2s ease-out;
  background-color: #f1a43c;
  border: none;
  color: #333333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11.25px 22.5px;
  width: 100%;
}

.quick-delivery-homes-revamp .card__home-button:hover {
  transition: all 0.2s ease-in;
  color: #ffffff;
}

.quick-delivery-homes-revamp .card__home-button:hover path {
  fill: #fff;
}

.quick-delivery-homes-revamp .card__promo {
  -ms-flex-order: 2;
  order: 2;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo {
    width: calc(33.33333333% - 22.5px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-revamp .card__promo {
    width: calc(50% - 22.5px);
  }
}

.quick-delivery-homes-revamp .card__promo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-link {
  display: block;
  background-position: center;
  background-size: cover;
  height: 100%;
  padding: 37.5px 22.5px;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-link:hover .card__promo-button {
  transition: all 0.2s ease-in;
  background-color: #d17f0f;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-content {
  background-color: rgba(0, 0, 0, 0.6);
  border: 4.5px solid #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  height: 100%;
  padding: 30px;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-icon {
  max-width: 150px;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-title,
.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-copy {
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-title {
  font-weight: 700;
}

@media only screen and (min-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-title {
    font-size: 26.25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-title {
    font-size: 19.5px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-title {
    font-size: 6vw;
  }
}

@media only screen and (min-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-copy {
    font-size: 22.5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-copy {
    font-size: 16.5px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-copy {
    font-size: 4.5vw;
  }
}

.quick-delivery-homes-revamp .card__promo-dynamic .card__promo-button {
  border-radius: 5.625px;
  background-clip: padding-box;
  transition: all 0.2s ease-out;
  background: #f1a43c;
  border: none;
  color: #333333;
  padding: 7.5px;
  min-width: 187.5px;
}

@media only screen and (min-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-button {
    font-size: 22.5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-button {
    font-size: 16.5px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-revamp .card__promo-dynamic .card__promo-button {
    font-size: 4.5vw;
  }
}

.quick-delivery-homes-revamp__pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  height: 40px;
  padding: 2px;
  font-size: 12px;
  color: black;
  border-radius: 12px;
  background-color: #d9d9d9;
}

.pagination__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 100%;
  padding: 0;
  color: black;
  border-radius: 10px;
  border: 0;
  background: white;
}

.pagination__btn:hover,
.pagination__btn:focus-visible {
  color: #1393cd;
}

.pagination__btn[disabled],
.pagination__btn[disabled]:hover,
.pagination__btn[disabled]:focus-visible {
  pointer-events: none;
  color: #a9a9a9;
  background: #f9f9f9;
}

.pagination__group,
.pagination__pages {
  display: grid;
  grid-auto-flow: column;
  gap: 2px;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.pagination__dots {
  padding: 0 5px;
  font-size: 8px;
  letter-spacing: 1px;
  color: #888;
}

.pagination__btn--active {
  pointer-events: none;
  color: white;
  background: #1393cd;
}

.pagination__btn--active:hover,
.pagination__btn--active:focus-visible {
  color: white;
  background: #1393cd;
}

.homes__empty {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.card__home--loading .card__home-image {
  background: #4e96bc;
}

.quick-delivery-homes-details {
  color: #9e9991;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-details {
    margin-top: 177px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details {
    margin-top: 167px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details {
    margin-top: 109px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .quick-delivery-homes-details .header > .row {
    display: -ms-flexbox;
    display: flex;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .button-back {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  font-size: 15px;
  font-weight: 400;
  padding-top: 9px;
  padding-bottom: 9px;
  position: absolute;
  top: 18px;
  left: 0;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .image-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .image-container {
    height: 100%;
    min-height: calc(100vh - 288px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .image-container {
    height: calc(100vh - 177px);
    max-height: 690px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .image-container {
    height: calc(100vh - 652px);
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:first-child .image-container {
    height: calc(30vh);
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div {
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (max-height: 800px), only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div {
    padding: 2.1vw;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul {
  border: 1px solid #e8e1d8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-top: 1.5vh;
  margin-bottom: 3vh;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul {
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul > li {
  border-right: 1px solid #e8e1d8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul > li:last-child {
  border-right: none;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul > li span {
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul > li span {
    margin-left: 1.05vw;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div ul > li span {
    margin-left: 2.55vw;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 7.5px;
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex {
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex .banner-special-rates-available {
  margin-bottom: 10px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex .banner-special-rates-available {
    max-height: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex .banner-special-rates-available {
    max-height: 67.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex .banner-special-rates-available {
    max-height: 52.5px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .list-inline_flex .banner-special-rates-available {
    max-width: calc(100vw - 225px);
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p {
    font-size: 15px;
    line-height: 2.1vh;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p.address a {
  color: #1393cd;
  font-size: 0.75em;
  font-weight: 700;
  margin-left: 7.5px;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p .new-price {
  color: #f1a43c;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p .new-price s {
  color: #9e9991;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p.community a {
  color: #1393cd;
  font-weight: 700;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p.phone a {
  color: #9e9991;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p.email a {
  color: #1393cd;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p.schedule-a-tour {
  cursor: pointer;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div p i {
  margin-right: 7.5px;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description {
  padding-top: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (max-width: 767px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description p {
    line-height: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (max-height: 800px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description p {
    line-height: 3vh;
  }
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description a.read-more,
.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description a.read-less {
  color: #1393cd;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: 700;
  margin-top: 15px;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description span.more-text {
  display: none;
}

.quick-delivery-homes-details .header > .row > div[class^="col-"]:last-child > div .description span.more-text.show {
  display: inline !important;
}

.quick-delivery-homes-details .nav-tabs-ph {
  background-color: #F1F0ED;
  padding-top: 24px;
}

.quick-delivery-homes-details .nav-tabs-ph .nav-tabs {
  border-color: transparent;
}

.quick-delivery-homes-details .nav-tabs-ph .nav-tabs > li.active > a {
  border-color: transparent;
  color: #f1a43c;
}

.quick-delivery-homes-details .nav-tabs-ph .nav-tabs > li > a {
  color: #9e9991;
  font-weight: 700;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .nav-tabs-ph .nav-tabs > li > a {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .nav-tabs-ph .nav-tabs > li > a {
    font-size: 3.6vw;
    padding-left: 2.4vw;
    padding-right: 2.4vw;
  }
}

.quick-delivery-homes-details .nav-tabs-ph .nav-tabs > li > a:hover {
  border-color: transparent;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#floor-plan > p {
  margin-bottom: 75px;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .thumb.image {
  display: inline-block;
  background-color: #1393cd;
  position: relative;
  height: 173px;
  width: 230px;
  overflow: hidden;
  text-align: center;
  vertical-align: center;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .thumb.image img {
  min-height: 100%;
  min-width: 100%;
  width: auto;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .thumb.image i {
  transition: all 0.2s ease-in;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 30px;
  color: white;
  z-index: 1;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .thumb.image:hover img {
  transition: all 0.2s ease-out;
  opacity: .3;
  cursor: pointer;
  transform: scale(1.05);
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .thumb.image:hover i {
  -webkit-transition: all 0.2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition: all 0.2s ease-out;
  -moz-transition-delay: 0.2s;
  -o-transition: all 0.2s ease-out;
  -o-transition-delay: 0.2s;
  transition: 0.2s ease-out;
  transition-delay: 0.2s;
  opacity: 1;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo {
  padding: 0;
  margin: 40px 35px 0 0;
  height: 173px;
  background-color: #fff;
  width: 22.25%;
  perspective: 1000px;
  overflow: hidden;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image {
  opacity: 0;
  transform: rotateY(-90deg);
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo.flip-x-in,
.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo.shown {
  display: inline-block;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo.flip-x-in .thumb.image,
.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo.shown .thumb.image {
  opacity: 1;
  transform: rotateY(0deg);
  transition: all 0.4s ease-out;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image {
    width: 250px;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image img {
    height: 180px;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo:nth-child(4n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo {
    margin: 10px 2.5%;
    height: 150px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 28.3%;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image {
    width: 100%;
    height: 150px;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo img {
    min-height: 150px;
    height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo {
    margin: 10px 2.5%;
    height: 100px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 42.5%;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image {
    width: 100%;
    height: 100px;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo img {
    min-height: 100px;
    height: 100px;
  }
}

@media only screen and (max-height: 479px) {
  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo {
    margin: 10px 2.5%;
    height: 100px;
    /*
                &:nth-child(even) {
                    margin: 10px 5% 10px 2.5%;
                }
                */
    width: 24%;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo .thumb.image {
    width: 100%;
    height: 100px;
  }

  .quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo img {
    min-height: 100px;
    height: 100px;
  }
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#gallery .gallery-photo img {
  cursor: pointer;
}

.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#home-features p,
.quick-delivery-homes-details .tab-panes-ph .tab-content > .tab-pane#home-features li {
  line-height: 30px;
}

.quick-delivery-homes-details .microsite-community-site-plan {
  border-top: 1px solid #e8e1d8;
  overflow: hidden;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .microsite-community-site-plan {
    padding-top: 90px;
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .microsite-community-site-plan {
    padding-top: 45px;
    padding-bottom: 90px;
  }
}

.quick-delivery-homes-details .microsite-community-site-plan h2 {
  font-size: 53.33pt;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px) {
  .quick-delivery-homes-details .microsite-community-site-plan h2 {
    font-size: 55px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .microsite-community-site-plan h2 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .microsite-community-site-plan h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

.quick-delivery-homes-details .microsite-community-site-plan .h4 {
  font-size: 13.33pt;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .microsite-community-site-plan .button-see-all-available-homes-in-this-community {
    font-size: 16.5px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .microsite-community-site-plan .button-see-all-available-homes-in-this-community {
    display: inline-block !important;
    font-size: 3.3vw;
    margin-bottom: 15px;
  }
}

.quick-delivery-homes-details .microsite-community-site-plan .site-plan-info > .list-unstyled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .quick-delivery-homes-details .microsite-community-site-plan .site-plan-info > .list-unstyled {
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .microsite-community-site-plan .site-plan-info > .list-unstyled {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .microsite-community-site-plan .site-plan-info > .list-unstyled li {
    width: 100%;
  }
}

.quick-delivery-homes-details .microsite-community-site-plan .section-description {
  font-size: 25px;
  font-weight: 100;
  line-height: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-delivery-homes-details .microsite-community-site-plan .section-description {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .quick-delivery-homes-details .microsite-community-site-plan .section-description {
    font-size: 18px;
    line-height: 30px;
    padding-top: 15px;
  }
}

.qmi-info {
  display: grid;
  gap: 20px;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows 500ms;
  overflow: hidden;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 20px;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.qmi-info--expanded {
  grid-template-rows: auto 1fr;
}

.qmi-info__read-more {
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  color: #016ca6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
}

.qmi-info__read-more:hover {
  text-decoration: underline;
}

.qmi-info__description2 {
  overflow: hidden;
  display: grid;
  gap: 20px;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.qmi-info__description2 p,
.qmi-info__description2 ul,
.qmi-info__description2 h2,
.qmi-info__description2 h3,
.qmi-info__description2 h4,
.qmi-info__description2 h5,
.qmi-info__description2 h6 {
  margin: 0;
}

.qmi-info__description2 *:last-child {
  margin-bottom: 20px;
}

.qmi-info__description1 {
  overflow: hidden;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
  display: grid;
  gap: 20px;
}

.qmi-info__description1 * {
  margin: 0;
}

.ebook-download .content {
  background-color: white;
  position: relative;
  padding-bottom: 90px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ebook-download .content {
    margin-top: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .ebook-download .content {
    margin-top: 90px;
  }
}

.ebook-download .content .container {
  color: #9e9991;
}

.ebook-download .content .container a.blue {
  color: #1393cd;
}

.ebook-download .content .container .col-right .h4 {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .ebook-download .content .container .col-right .h4 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ebook-download .content .container .col-right .h4 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ebook-download .content .container .col-right .h4 {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .ebook-download .content .container .col-right .h4 {
    font-size: 27px;
  }
}

.ebook-download .content .container .col-right .h4 span {
  color: #1393cd;
  font-style: italic;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .ebook-download .content .container .col-right .h4 span {
    font-size: 39px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ebook-download .content .container .col-right .h4 span {
    font-size: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ebook-download .content .container .col-right .h4 span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .ebook-download .content .container .col-right .h4 span {
    font-size: 36px;
  }
}

.ebook-download .content .container .col-right .fill-out,
.ebook-download .content .container .col-right .your-download {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .ebook-download .content .container .col-right .fill-out,
  .ebook-download .content .container .col-right .your-download {
    font-size: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ebook-download .content .container .col-right .fill-out,
  .ebook-download .content .container .col-right .your-download {
    font-size: 19.5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ebook-download .content .container .col-right .fill-out,
  .ebook-download .content .container .col-right .your-download {
    font-size: 15px;
  }
}

.ebook-download .content .container .col-right .form-group {
  margin-bottom: 30px;
}

.ebook-download .content .container .col-right input {
  font-size: 18px;
  height: 47px;
  color: #9e9991;
}

.ebook-download .content .container .col-right .btn-download-guide {
  margin-top: 30px;
}

.ebook-download .content .container .col-right form.ng-submitted input.ng-invalid {
  background: pink;
  border-color: red;
}

.msignature .header {
  background-color: #001b36;
  background-image: url('/images/site/msignature/pattern-m-signature.png');
  background-position: center top;
  border-top: 3px solid #001b36;
  padding-top: 51px;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .header {
    top: 146px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .header {
    top: 134px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .header {
    top: 78px;
  }
}

.msignature .header::before {
  border-top: 3px double #ec9f6f;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.msignature .header > div {
  background-image: url('/images/site/msignature/msignature-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 780px;
  line-height: 780px;
  /*
      &::before {
        color: @white;
        content: 'Signature';
        font-family: 'Aurora Script';
        font-size: 36vw;
        opacity: 0.3;
        position: absolute;
        top: -36px;
        left: 2.4vw;
      }
      */
}

@media only screen and (min-width: 1200px) {
  .msignature .header > div {
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .header > div {
    height: 90vw;
    line-height: 90vw;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .header > div img {
    max-width: 240px;
  }
}

.msignature .content {
  background-color: #001b36;
  background-image: url('/images/site/msignature/pattern-m-signature.png');
  background-position: center top;
  border-top: 3px solid #001b36;
  padding-top: 51px;
  position: relative;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content {
    margin-top: 977px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content {
    margin-top: 965px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content {
    margin-top: 124vw;
  }
}

.msignature .content::before {
  border-top: 3px double #ec9f6f;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.msignature .content .find-your-signature-style {
  background-color: #ffffff;
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] {
  padding-top: 75px;
  padding-bottom: 75px;
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p {
  margin-bottom: 30px;
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p:first-child {
  color: #103D54;
  font-family: 'Minion Pro';
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p:first-child {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p:first-child {
    font-size: 21px;
  }
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p:nth-child(2),
.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] p:nth-child(3) {
  color: #9e9991;
  font-family: 'Gill Sans';
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] .button {
  background-color: #ec9f6f;
  display: inline-block !important;
}

.msignature .content .find-your-signature-style .container > .row > div[class^="col-"] .button:hover {
  background-color: #f1a43c;
}

.msignature .content .container-fluid {
  color: #9e9991;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid .inside-full-height {
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid .col-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
}

.msignature .content .container-fluid.home-grown {
  background-color: #ffffff;
  background-image: url('/images/site/msignature/pattern-m-signature.png');
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"] {
  vertical-align: top;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:first-child {
  background-color: #103D54;
  z-index: 1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (max-width: 767px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:first-child {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:first-child {
    padding-top: 9vw;
    padding-bottom: 9vw;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:first-child img {
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:first-child img {
    position: relative;
    right: -15%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 7.8vw;
    padding-bottom: 7.8vw;
    padding-left: 7.8vw;
    padding-right: 6vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-left: 9vw;
    padding-right: 7.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-left: 6vw;
    padding-right: 4.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 7.8vw;
    padding-bottom: 7.8vw;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:first-child,
.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(3) {
  font-family: 'Gill Sans';
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:first-child {
  font-size: 27px;
  margin-bottom: 0;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
  color: #103D54;
  font-family: 'Minion Pro';
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
    font-size: 21px;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(3) {
  margin-bottom: 45px;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community {
  background-color: #F1F0ED;
  display: block;
  padding: 15px 15px 5px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community {
    margin-bottom: 15px;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover {
  background-color: #103D54;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:first-child .icon-msig-bug {
  color: #ffffff;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:last-child p:first-child,
.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:last-child p:last-child {
  color: #ffffff;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child {
  padding-right: 7.5px;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-msig-bug {
  color: #103D54;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-msig-bug {
    font-size: 3vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-msig-bug {
    font-size: 6vw;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-msig-bug {
    font-size: 15vw;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child {
  padding-left: 7.5px;
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p {
  font-family: 'Gill Sans';
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p:first-child {
  color: #103D54;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p:first-child {
    font-size: 16.5px;
  }
}

.msignature .content .container-fluid.home-grown > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p:last-child {
  color: #9e9991;
  font-size: 13.5px;
}

.msignature .content .container-fluid.find-your-signature-style {
  background-image: url('/images/site/msignature/find-your-signature-style-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style {
    background-attachment: fixed;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child {
  /*
            &::before {
              color: @white;
              content: 'Luxury';
              font-family: 'Aurora Script';
              opacity: 0.06;
              position: absolute;
              left: -75px;

              @media @desktop-hd, @desktop-large, @desktop2 {
                font-size: 28.5vw;
                top: -3vw;
              }
              @media @tablet, @phone {
                font-size: 42vw;
                top: 3vw;
              }
            }
            */
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child {
    padding-top: 10.5vw;
    padding-bottom: 10.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div {
    padding-left: 7.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div {
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div img {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div img {
    margin-left: 60px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div img {
    width: 24vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div img {
    width: 240px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div img {
    width: 60vw;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div p {
  color: #ffffff;
  font-family: 'Minion Pro';
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div p {
    font-size: 3vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div p {
    font-size: 4.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:first-child > div p {
    font-size: 6vw;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-1,
.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
  position: relative;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-1,
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
    max-width: 22.5vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-1,
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
    max-width: 240px;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-1 {
  z-index: 2;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-1 {
    margin-top: -45px;
  }
}

.msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
  z-index: 1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-top: -45px;
    margin-bottom: -75px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-left: 10.5vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .msignature .content .container-fluid.find-your-signature-style > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-left: 120px;
  }
}

.msignature .content .container-fluid.only-the-best {
  background-color: #ffffff;
  background-image: url('/images/site/msignature/pattern-m-signature.png');
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"] {
  vertical-align: top;
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div {
  padding-top: 10.5vw;
  padding-bottom: 10.5vw;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div {
    padding-left: 6.6vw;
    padding-right: 6.6vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div {
    padding-left: 3.3vw;
    padding-right: 3.3vw;
  }
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:first-child,
.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:last-child {
  font-family: 'Gill Sans';
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:first-child {
  font-size: 27px;
  margin-bottom: 0;
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
  color: #103D54;
  font-family: 'Minion Pro';
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
    font-size: 21px;
  }
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div .button {
  background-color: #ec9f6f;
  display: inline-block !important;
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:first-child .inside-full-height > div .button:hover {
  background-color: #f1a43c;
}

.msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:last-child {
  background-image: url('/images/site/msignature/only-the-best-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .msignature .content .container-fluid.only-the-best > .row div[class^="col-"]:last-child {
    height: 90vw;
  }
}

.msignature .content .gallery {
  background-color: #e7e1d9;
}

.msignature .content .gallery .container > .row > div[class^="col-"] {
  padding-top: 75px;
  padding-bottom: 75px;
}

.msignature .content .gallery .container > .row > div[class^="col-"] p {
  margin-bottom: 30px;
}

.msignature .content .gallery .container > .row > div[class^="col-"] p:first-child {
  color: #103D54;
  font-family: 'Minion Pro';
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .msignature .content .gallery .container > .row > div[class^="col-"] p:first-child {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .msignature .content .gallery .container > .row > div[class^="col-"] p:first-child {
    font-size: 21px;
  }
}

.msignature .content .gallery .container > .row > div[class^="col-"] > .row > div[class^="col-"] {
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
}

.msignature .content .gallery .container > .row > div[class^="col-"] .button {
  background-color: #ec9f6f;
  display: inline-block !important;
  margin-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

@media only screen and (max-width: 767px) {
  .msignature .content .gallery .container > .row > div[class^="col-"] .button {
    margin-top: 0;
  }
}

.msignature .content .gallery .container > .row > div[class^="col-"] .button:hover {
  background-color: #f1a43c;
}

.the-grove-at-shoal-creek .header {
  width: 100%;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .header {
    margin-top: 146px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .header {
    margin-top: 134px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .header {
    margin-top: 78px;
  }
}

.the-grove-at-shoal-creek .header > div {
  background-image: url('/images/site/the-grove-at-shoal-creek/the-grove-at-shoal-creek-bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 888px;
}

@media only screen and (min-width: 1200px) {
  .the-grove-at-shoal-creek .header > div {
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .header > div {
    height: 90vw;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .header > div img {
    max-width: 240px;
  }
}

.the-grove-at-shoal-creek .header > div p {
  color: #ffffff;
  font-weight: 700;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .header > div p {
    font-size: 75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .header > div p {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .header > div p {
    font-size: 7.5vw;
  }
}

.the-grove-at-shoal-creek .content {
  position: relative;
  /*
    @media @desktop-hd, @desktop-large, @desktop2 {
      margin-top: @height + @offset + 51;
    }
    @media @tablet {
      margin-top: @height + @offset - 12 + 51;
    }
    @media @phone {
      margin-top: 124vw;
    }
    */
}

.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin {
  background-color: #ffffff;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p {
  margin-bottom: 30px;
}

.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p:first-child {
  color: #253d1f;
  font-family: 'Minion Pro';
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p:first-child {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p:first-child {
    font-size: 21px;
  }
}

.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p:nth-child(2),
.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] p:nth-child(3) {
  color: #9e9991;
  font-family: 'Gill Sans';
}

.the-grove-at-shoal-creek .content .master-your-domain-in-central-austin .container > .row > div[class^="col-"] .button {
  display: inline-block !important;
  padding-left: 60px;
  padding-right: 60px;
}

.the-grove-at-shoal-creek .content .container-fluid {
  color: #9e9991;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid .inside-full-height {
    height: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid .col-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots {
  background-color: #ffffff;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"] {
  vertical-align: top;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:first-child {
  background-color: #162412;
  z-index: 1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:first-child {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:first-child {
    padding-top: 9vw;
    padding-bottom: 9vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:first-child img {
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:first-child img {
    position: relative;
    right: -15%;
    z-index: 1;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 7.8vw;
    padding-bottom: 7.8vw;
    padding-left: 7.8vw;
    padding-right: 3vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-left: 9vw;
    padding-right: 7.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-left: 6vw;
    padding-right: 4.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div {
    padding-top: 7.8vw;
    padding-bottom: 7.8vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:first-child,
.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(3) {
  font-family: 'Gill Sans';
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:first-child {
  font-size: 27px;
  margin-bottom: 0;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
  color: #253d1f;
  font-family: 'Minion Pro';
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(2) {
    font-size: 21px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div > p:nth-child(3) {
  margin-bottom: 45px;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community {
  background-color: #F1F0ED;
  display: block;
  margin-bottom: 15px;
  padding: 5px 15px;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover {
  background-color: #253d1f;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:first-child i[class^="icon-"] {
  color: #ffffff;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:last-child p:first-child,
.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community:hover > .row > div[class^="col-"]:last-child p:last-child {
  color: #ffffff;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child i[class^="icon-"] {
  color: #253d1f;
  position: relative;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf {
  top: 7.5px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf {
    font-size: 3.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf {
    font-size: 7.5vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-two-leafs {
  top: 7.5px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-two-leafs {
    font-size: 1.7vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-two-leafs {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-two-leafs {
    font-size: 6vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf-group {
  top: 3.75px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf-group {
    font-size: 2.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf-group {
    font-size: 4.2vw;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:first-child .icon-leaf-group {
    font-size: 10.5vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child {
  padding-left: 0;
  padding-right: 0;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p {
  font-family: 'Gill Sans';
  margin-bottom: 0;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p:first-child {
  color: #253d1f;
  font-size: 18px;
}

.the-grove-at-shoal-creek .content .container-fluid.true-to-our-roots > .row > .row-height > div[class^="col-"]:last-child .inside-full-height > div .community > .row > div[class^="col-"]:last-child p:last-child {
  color: #9e9991;
  font-size: 13.5px;
}

.the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more {
  background-image: url('/images/site/the-grove-at-shoal-creek/homes-parks-and-so-much-more-bg.jpg');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more {
    background-attachment: fixed;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:first-child {
    padding-top: 10.5vw;
    padding-bottom: 10.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:first-child {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:first-child > div {
    padding-left: 7.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:first-child > div {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-1,
.the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
  position: relative;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-1,
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
    max-width: 22.5vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-1,
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
    max-width: 240px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-1 {
  z-index: 2;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-1 {
    margin-top: -45px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
  z-index: 1;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-top: -45px;
    margin-bottom: -75px;
  }
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-left: 10.5vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .the-grove-at-shoal-creek .content .container-fluid.homes-parks-and-so-much-more > .row > div[class^="col-"]:last-child .luxury-2 {
    margin-left: 120px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets {
  background-color: #ffffff;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"] {
  vertical-align: top;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div {
  padding-top: 10.5vw;
  padding-bottom: 10.5vw;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div {
    padding-left: 6.6vw;
    padding-right: 6.6vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div {
    padding-left: 3.3vw;
    padding-right: 3.3vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:first-child,
.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(3) {
  font-family: 'Gill Sans';
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:first-child {
  font-size: 27px;
  margin-bottom: 0;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
  color: #253d1f;
  font-family: 'Minion Pro';
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(2) {
    font-size: 21px;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div > p:nth-child(3) {
  margin-bottom: 30px;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div .button {
  background-color: #253d1f;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:first-child .inside-full-height > div .button:hover {
  background: #d17f0f;
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:last-child {
  background-image: url('/images/site/the-grove-at-shoal-creek/exploration-gathers-here-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:last-child {
    height: 90vw;
  }
}

.the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:last-child .inside-full-height {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .container-fluid.from-sidewalks-to-sunsets > .row div[class^="col-"]:last-child .inside-full-height {
    height: 100%;
  }
}

.the-grove-at-shoal-creek .content .gallery {
  background-color: #e7e1d9;
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] {
  padding-top: 75px;
  padding-bottom: 75px;
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] p {
  margin-bottom: 30px;
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] p:first-child {
  color: #253d1f;
  font-family: 'Minion Pro';
  line-height: 30px;
}

@media only screen and (min-width: 1230px), only screen and (min-width: 1201px) and (max-width: 1400px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px) {
  .the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] p:first-child {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] p:first-child {
    font-size: 21px;
  }
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] > .row > div[class^="col-"] {
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] .button {
  background-color: #253d1f;
  display: inline-block !important;
  margin-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

@media only screen and (max-width: 767px) {
  .the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] .button {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.the-grove-at-shoal-creek .content .gallery .container > .row > div[class^="col-"] .button:hover {
  background: #d17f0f;
}

.popup {
  display: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 0.2s ease-out;
}

.popup__dialog {
  display: block;
  width: calc(100vw - 40px);
  min-width: 280px;
  max-width: 1000px;
  max-height: calc(100vh - 40px);
  padding: 0;
  opacity: 0;
  overflow: hidden;
  border: 0;
  border-radius: 2px;
  background: black;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  -webkit-appearance: none;
  appearance: none;
  transform: scale(0.8);
  will-change: width, height;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.popup__image {
  position: relative;
  height: calc((100vw - 40px) * (140 / 335));
}

@media (min-width: 768px) {
  .popup__image {
    height: unset;
  }
}

.popup__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
}

.popup__header {
  pointer-events: none;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  z-index: 1;
}

.popup__body {
  display: grid;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}

@media (min-width: 768px) {
  .popup__body {
    grid-template-columns: 320px 1fr;
  }
}

.popup__content {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .popup__content {
    padding-top: 85px;
  }
}

.popup__slot {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: white;
  text-align: center;
}

.popup__slot h1,
.popup__slot h2,
.popup__slot h3,
.popup__slot h4,
.popup__slot h5,
.popup__slot h6 {
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: normal;
  color: white;
}

@media (min-width: 768px) {
  .popup__slot h1,
  .popup__slot h2,
  .popup__slot h3,
  .popup__slot h4,
  .popup__slot h5,
  .popup__slot h6 {
    padding: 20px 30px;
    font-size: 40px;
  }
}

.popup__slot ol,
.popup__slot ul,
.popup__slot p {
  margin-bottom: 1em;
}

.popup__slot ol:last-child,
.popup__slot ul:last-child,
.popup__slot p:last-child {
  margin-bottom: 0;
}

.popup__slot ol,
.popup__slot ul {
  padding-left: 1.5em;
}

.popup__slot ol {
  list-style: decimal;
}

.popup__slot ul {
  list-style: disc;
}

.popup__slot p,
.popup__slot li {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.popup__slot li {
  margin-bottom: 0.25em;
}

@media (min-width: 768px) {
  .popup__slot {
    font-size: 18px;
  }
}

.popup__copy {
  padding: 0 20px 20px;
}

@media (min-width: 768px) {
  .popup__copy {
    padding: 0 30px 30px;
  }
}

.popup__close,
a.popup__confirm,
button.popup__confirm {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
}

.popup__close {
  pointer-events: auto;
  width: 35px;
  height: 35px;
  color: black;
  background: white;
  transition: color 0.2s ease-out;
}

.popup__close:hover,
.popup__close:focus {
  color: red;
}

.popup__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .popup__actions {
    padding-bottom: 85px;
  }
}

a.popup__confirm,
button.popup__confirm {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  color: white;
  background: #f1a43c linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  border-radius: 2px;
  transition: background-color 0.2s ease-out;
}

a.popup__confirm:hover,
button.popup__confirm:hover,
a.popup__confirm:focus,
button.popup__confirm:focus {
  background-color: #e98d11;
  outline: 0;
}

@media (min-width: 768px) {
  a.popup__confirm,
  button.popup__confirm {
    padding: 15px 30px;
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  a.popup__confirm,
  button.popup__confirm {
    padding: 20px 40px;
    font-size: 30px;
  }
}

.popup--open {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  opacity: 1;
  z-index: 9999999999;
}

.popup--open .popup__dialog {
  opacity: 1;
  transform: scale(1);
}

.popup__title {
  margin: 0;
  padding: 10px 20px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: normal;
  color: black;
  background: #0083c4;
}

@media (min-width: 768px) {
  .popup__title {
    padding: 10px 30px;
    font-size: 70px;
  }
}

.popup__disclaimer {
  margin: 0;
  padding: 0 20px 20px;
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
  .popup__disclaimer {
    padding: 0 30px 30px;
  }
}

.body-no-scroll {
  overflow: hidden;
}

.ms-slide-show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(174, 174, 174, 0.7);
  z-index: 999999;
  /* use flexbox to lay out child items */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms-slide-show .ms-slide-show-content {
  background-color: #ffffff;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  /* This lets the content drive the size of the gallery detail.
		   Doing it by sizing the frame would mean managing the aspect
		   ratio of the image inside. By limiting the image using max-
		   attributes tied to vh and vw, and then add a frame with the
		   buttons from there will let the image and frame stay within
		   the viewport bounds. -wo
		*/
}

.ms-slide-show .ms-slide-show-content img {
  max-width: 85vw;
  max-height: 85vh;
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .ms-slide-show .ms-slide-show-content img {
    max-width: 95vw;
    max-height: 95vh;
    padding: 10px;
  }
}

.ms-slide-show .ms-slide-show-content .btn-close {
  position: absolute;
  cursor: pointer;
  font-size: 32px;
  color: #0d92df;
  background: white;
  /* This embiggens the hover/touch size of the close button */
  height: 1.25em;
  width: 1.25em;
  /* Line height is different here just due to font glyph sizes */
  line-height: 1.18em;
  top: 0;
  right: 0;
  /* Negative position here makes the button peek over the upper right corner */
}

@media only screen and (max-width: 767px) {
  .ms-slide-show .ms-slide-show-content .btn-close {
    font-size: 24px;
    top: -3px;
    right: -3px;
  }
}

.ms-slide-show .ms-slide-show-content .btn-close:hover {
  text-decoration: none;
  font-weight: bolder;
}

.ms-slide-show .ms-slide-show-content .ms-slide-show-content-item button {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  padding: 0;
  color: #f1a43c;
  border: 2px solid #f1a43c;
  background: transparent;
  border-radius: 5px;
}

.ms-slide-show .ms-slide-show-content .ms-slide-show-content-item button.btn-prev {
  left: 5px;
}

.ms-slide-show .ms-slide-show-content .ms-slide-show-content-item button.btn-next {
  right: 5px;
}

.ms-slide-show .ms-slide-show-content .ms-slide-show-content-item button:hover {
  background: #f1a43c;
  color: #ffffff;
}

.body-no-scroll {
  overflow: hidden;
}

.ms-gallery-show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(174, 174, 174, 0.7);
  z-index: 999999;
}

.ms-gallery-show .ms-gallery-show-content {
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 5%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 35px 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .ms-gallery-show .ms-gallery-show-content {
    top: 25%;
  }
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.prev,
.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.next {
  position: absolute;
  opacity: 0.3;
  top: 87px;
  z-index: 0;
  width: 5%;
  height: 100%;
  overflow: hidden;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.prev img,
.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.next img {
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.prev img,
  .ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.next img {
    display: none;
  }
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.prev {
  left: 0;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.prev img {
  right: 0;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.next {
  right: 0;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.next img {
  left: 0;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item .img-wrap {
  background-size: auto 120%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 80%;
  margin-left: 10%;
}

@media only screen and (max-width: 767px) {
  .ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item .img-wrap {
    width: 90%;
    margin-left: 5%;
  }
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active {
  opacity: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active .h2 {
  text-align: center;
  font-size: 30px;
  margin: 0;
  line-height: 30px;
  padding: 0 0 23px;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active .btn-close {
  position: absolute;
  top: 0;
  right: 10%;
  cursor: pointer;
  font-size: 20px;
  color: #b9d7da;
  padding: 20px;
  margin-right: -20px;
  margin-top: -20px;
}

@media only screen and (max-width: 555px) {
  .ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active .btn-close {
    right: 30px;
  }
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active .btn-close:hover {
  text-decoration: none;
  font-weight: bolder;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button {
  border: 2px solid #f1a43c;
  background: transparent;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

@media only screen and (max-width: 767px) {
  .ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button {
    display: none;
  }
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button.btn-prev,
.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button.btn-next {
  color: #f1a43c;
  padding: 0;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button.btn-prev {
  left: 5%;
  margin-left: -20px;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button.btn-next {
  right: 5%;
  margin-right: -20px;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button:hover {
  background: #f1a43c;
}

.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button:hover.btn-prev,
.ms-gallery-show .ms-gallery-show-content .ms-gallery-show-content-item.active button:hover.btn-next {
  color: #ffffff;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.prev,
.ms-gallery-show-no-bg .ms-gallery-show-content-item.next {
  position: absolute;
  opacity: 0.3;
  top: 87px;
  z-index: 0;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.prev {
  left: -885px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.next {
  right: -885px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item img {
  width: 1050px;
  height: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 992px) and (max-height: 850px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ms-gallery-show-no-bg .ms-gallery-show-content-item img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .ms-gallery-show-no-bg .ms-gallery-show-content-item img {
    width: 100%;
  }
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active {
  opacity: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active .h2 {
  text-align: center;
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  padding: 0 0 23px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active .btn-close {
  position: absolute;
  top: 0;
  right: 198px;
  cursor: pointer;
  font-size: 20px;
  color: #b9d7da;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active .btn-close:hover {
  text-decoration: none;
  font-weight: bolder;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button {
  border: 2px solid #f1a43c;
  background: transparent;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button.btn-prev,
.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button.btn-next {
  color: #f1a43c;
  padding: 0;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button.btn-prev {
  left: 144px;
  padding-right: 3px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button.btn-next {
  right: 143px;
  padding-left: 3px;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button:hover {
  background: #f1a43c;
}

.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button:hover.btn-prev,
.ms-gallery-show-no-bg .ms-gallery-show-content-item.active button:hover.btn-next {
  color: #ffffff;
}

/* for mobile only */

@media screen and (max-width: 767px) {
  .klaro #klaro-cookie-notice.cookie-notice:not(.cookie-modal-notice) {
    bottom: 74px;
  }
}

.opt-in-form-disclaimer {
  font-size: 14px;
  color: darkgray;
}