/* 
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */

@font-face {
  font-family: "foundation-icons";
  src: url("https://www.oneparkplacehouston.com/fonts/foundation-icons.eot");
  src: url("https://www.oneparkplacehouston.com/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("https://www.oneparkplacehouston.com/fonts/foundation-icons.woff") format("woff"),
       url("https://www.oneparkplacehouston.com/fonts/foundation-icons.ttf") format("truetype"),
       url("https://www.oneparkplacehouston.com/fonts/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
  display: swap;
}

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-address-book:before { content: "\f100"; }
.fi-alert:before { content: "\f101"; }
.fi-align-center:before { content: "\f102"; }
.fi-align-justify:before { content: "\f103"; }
.fi-align-left:before { content: "\f104"; }
.fi-align-right:before { content: "\f105"; }
.fi-anchor:before { content: "\f106"; }
.fi-annotate:before { content: "\f107"; }
.fi-archive:before { content: "\f108"; }
.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-arrows-compress:before { content: "\f10d"; }
.fi-arrows-expand:before { content: "\f10e"; }
.fi-arrows-in:before { content: "\f10f"; }
.fi-arrows-out:before { content: "\f110"; }
.fi-asl:before { content: "\f111"; }
.fi-asterisk:before { content: "\f112"; }
.fi-at-sign:before { content: "\f113"; }
.fi-background-color:before { content: "\f114"; }
.fi-battery-empty:before { content: "\f115"; }
.fi-battery-full:before { content: "\f116"; }
.fi-battery-half:before { content: "\f117"; }
.fi-bitcoin-circle:before { content: "\f118"; }
.fi-bitcoin:before { content: "\f119"; }
.fi-blind:before { content: "\f11a"; }
.fi-bluetooth:before { content: "\f11b"; }
.fi-bold:before { content: "\f11c"; }
.fi-book-bookmark:before { content: "\f11d"; }
.fi-book:before { content: "\f11e"; }
.fi-bookmark:before { content: "\f11f"; }
.fi-braille:before { content: "\f120"; }
.fi-burst-new:before { content: "\f121"; }
.fi-burst-sale:before { content: "\f122"; }
.fi-burst:before { content: "\f123"; }
.fi-calendar:before { content: "\f124"; }
.fi-camera:before { content: "\f125"; }
.fi-check:before { content: "\f126"; }
.fi-checkbox:before { content: "\f127"; }
.fi-clipboard-notes:before { content: "\f128"; }
.fi-clipboard-pencil:before { content: "\f129"; }
.fi-clipboard:before { content: "\f12a"; }
.fi-clock:before { content: "\f12b"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-cloud:before { content: "\f12d"; }
.fi-comment-minus:before { content: "\f12e"; }
.fi-comment-quotes:before { content: "\f12f"; }
.fi-comment-video:before { content: "\f130"; }
.fi-comment:before { content: "\f131"; }
.fi-comments:before { content: "\f132"; }
.fi-compass:before { content: "\f133"; }
.fi-contrast:before { content: "\f134"; }
.fi-credit-card:before { content: "\f135"; }
.fi-crop:before { content: "\f136"; }
.fi-crown:before { content: "\f137"; }
.fi-css3:before { content: "\f138"; }
.fi-database:before { content: "\f139"; }
.fi-die-five:before { content: "\f13a"; }
.fi-die-four:before { content: "\f13b"; }
.fi-die-one:before { content: "\f13c"; }
.fi-die-six:before { content: "\f13d"; }
.fi-die-three:before { content: "\f13e"; }
.fi-die-two:before { content: "\f13f"; }
.fi-dislike:before { content: "\f140"; }
.fi-dollar-bill:before { content: "\f141"; }
.fi-dollar:before { content: "\f142"; }
.fi-download:before { content: "\f143"; }
.fi-eject:before { content: "\f144"; }
.fi-elevator:before { content: "\f145"; }
.fi-euro:before { content: "\f146"; }
.fi-eye:before { content: "\f147"; }
.fi-fast-forward:before { content: "\f148"; }
.fi-female-symbol:before { content: "\f149"; }
.fi-female:before { content: "\f14a"; }
.fi-filter:before { content: "\f14b"; }
.fi-first-aid:before { content: "\f14c"; }
.fi-flag:before { content: "\f14d"; }
.fi-folder-add:before { content: "\f14e"; }
.fi-folder-lock:before { content: "\f14f"; }
.fi-folder:before { content: "\f150"; }
.fi-foot:before { content: "\f151"; }
.fi-foundation:before { content: "\f152"; }
.fi-graph-bar:before { content: "\f153"; }
.fi-graph-horizontal:before { content: "\f154"; }
.fi-graph-pie:before { content: "\f155"; }
.fi-graph-trend:before { content: "\f156"; }
.fi-guide-dog:before { content: "\f157"; }
.fi-hearing-aid:before { content: "\f158"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-html5:before { content: "\f15b"; }
.fi-indent-less:before { content: "\f15c"; }
.fi-indent-more:before { content: "\f15d"; }
.fi-info:before { content: "\f15e"; }
.fi-italic:before { content: "\f15f"; }
.fi-key:before { content: "\f160"; }
.fi-laptop:before { content: "\f161"; }
.fi-layout:before { content: "\f162"; }
.fi-lightbulb:before { content: "\f163"; }
.fi-like:before { content: "\f164"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-loop:before { content: "\f16b"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-male-female:before { content: "\f16e"; }
.fi-male-symbol:before { content: "\f16f"; }
.fi-male:before { content: "\f170"; }
.fi-map:before { content: "\f171"; }
.fi-marker:before { content: "\f172"; }
.fi-megaphone:before { content: "\f173"; }
.fi-microphone:before { content: "\f174"; }
.fi-minus-circle:before { content: "\f175"; }
.fi-minus:before { content: "\f176"; }
.fi-mobile-signal:before { content: "\f177"; }
.fi-mobile:before { content: "\f178"; }
.fi-monitor:before { content: "\f179"; }
.fi-mountains:before { content: "\f17a"; }
.fi-music:before { content: "\f17b"; }
.fi-next:before { content: "\f17c"; }
.fi-no-dogs:before { content: "\f17d"; }
.fi-no-smoking:before { content: "\f17e"; }
.fi-page-add:before { content: "\f17f"; }
.fi-page-copy:before { content: "\f180"; }
.fi-page-csv:before { content: "\f181"; }
.fi-page-delete:before { content: "\f182"; }
.fi-page-doc:before { content: "\f183"; }
.fi-page-edit:before { content: "\f184"; }
.fi-page-export-csv:before { content: "\f185"; }
.fi-page-export-doc:before { content: "\f186"; }
.fi-page-export-pdf:before { content: "\f187"; }
.fi-page-export:before { content: "\f188"; }
.fi-page-filled:before { content: "\f189"; }
.fi-page-multiple:before { content: "\f18a"; }
.fi-page-pdf:before { content: "\f18b"; }
.fi-page-remove:before { content: "\f18c"; }
.fi-page-search:before { content: "\f18d"; }
.fi-page:before { content: "\f18e"; }
.fi-paint-bucket:before { content: "\f18f"; }
.fi-paperclip:before { content: "\f190"; }
.fi-pause:before { content: "\f191"; }
.fi-paw:before { content: "\f192"; }
.fi-paypal:before { content: "\f193"; }
.fi-pencil:before { content: "\f194"; }
.fi-photo:before { content: "\f195"; }
.fi-play-circle:before { content: "\f196"; }
.fi-play-video:before { content: "\f197"; }
.fi-play:before { content: "\f198"; }
.fi-plus:before { content: "\f199"; }
.fi-pound:before { content: "\f19a"; }
.fi-power:before { content: "\f19b"; }
.fi-previous:before { content: "\f19c"; }
.fi-price-tag:before { content: "\f19d"; }
.fi-pricetag-multiple:before { content: "\f19e"; }
.fi-print:before { content: "\f19f"; }
.fi-prohibited:before { content: "\f1a0"; }
.fi-projection-screen:before { content: "\f1a1"; }
.fi-puzzle:before { content: "\f1a2"; }
.fi-quote:before { content: "\f1a3"; }
.fi-record:before { content: "\f1a4"; }
.fi-refresh:before { content: "\f1a5"; }
.fi-results-demographics:before { content: "\f1a6"; }
.fi-results:before { content: "\f1a7"; }
.fi-rewind-ten:before { content: "\f1a8"; }
.fi-rewind:before { content: "\f1a9"; }
.fi-rss:before { content: "\f1aa"; }
.fi-safety-cone:before { content: "\f1ab"; }
.fi-save:before { content: "\f1ac"; }
.fi-share:before { content: "\f1ad"; }
.fi-sheriff-badge:before { content: "\f1ae"; }
.fi-shield:before { content: "\f1af"; }
.fi-shopping-bag:before { content: "\f1b0"; }
.fi-shopping-cart:before { content: "\f1b1"; }
.fi-shuffle:before { content: "\f1b2"; }
.fi-skull:before { content: "\f1b3"; }
.fi-social-500px:before { content: "\f1b4"; }
.fi-social-adobe:before { content: "\f1b5"; }
.fi-social-amazon:before { content: "\f1b6"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-behance:before { content: "\f1b9"; }
.fi-social-bing:before { content: "\f1ba"; }
.fi-social-blogger:before { content: "\f1bb"; }
.fi-social-delicious:before { content: "\f1bc"; }
.fi-social-designer-news:before { content: "\f1bd"; }
.fi-social-deviant-art:before { content: "\f1be"; }
.fi-social-digg:before { content: "\f1bf"; }
.fi-social-dribbble:before { content: "\f1c0"; }
.fi-social-drive:before { content: "\f1c1"; }
.fi-social-dropbox:before { content: "\f1c2"; }
.fi-social-evernote:before { content: "\f1c3"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-forrst:before { content: "\f1c6"; }
.fi-social-foursquare:before { content: "\f1c7"; }
.fi-social-game-center:before { content: "\f1c8"; }
.fi-social-github:before { content: "\f1c9"; }
.fi-social-google-plus:before { content: "\f1ca"; }
.fi-social-hacker-news:before { content: "\f1cb"; }
.fi-social-hi5:before { content: "\f1cc"; }
.fi-social-instagram:before { content: "\f1cd"; }
.fi-social-joomla:before { content: "\f1ce"; }
.fi-social-lastfm:before { content: "\f1cf"; }
.fi-social-linkedin:before { content: "\f1d0"; }
.fi-social-medium:before { content: "\f1d1"; }
.fi-social-myspace:before { content: "\f1d2"; }
.fi-social-orkut:before { content: "\f1d3"; }
.fi-social-path:before { content: "\f1d4"; }
.fi-social-picasa:before { content: "\f1d5"; }
.fi-social-pinterest:before { content: "\f1d6"; }
.fi-social-rdio:before { content: "\f1d7"; }
.fi-social-reddit:before { content: "\f1d8"; }
.fi-social-skillshare:before { content: "\f1d9"; }
.fi-social-skype:before { content: "\f1da"; }
.fi-social-smashing-mag:before { content: "\f1db"; }
.fi-social-snapchat:before { content: "\f1dc"; }
.fi-social-spotify:before { content: "\f1dd"; }
.fi-social-squidoo:before { content: "\f1de"; }
.fi-social-stack-overflow:before { content: "\f1df"; }
.fi-social-steam:before { content: "\f1e0"; }
.fi-social-stumbleupon:before { content: "\f1e1"; }
.fi-social-treehouse:before { content: "\f1e2"; }
.fi-social-tumblr:before { content: "\f1e3"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-vimeo:before { content: "\f1e5"; }
.fi-social-windows:before { content: "\f1e6"; }
.fi-social-xbox:before { content: "\f1e7"; }
.fi-social-yahoo:before { content: "\f1e8"; }
.fi-social-yelp:before { content: "\f1e9"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-social-zerply:before { content: "\f1eb"; }
.fi-social-zurb:before { content: "\f1ec"; }
.fi-sound:before { content: "\f1ed"; }
.fi-star:before { content: "\f1ee"; }
.fi-stop:before { content: "\f1ef"; }
.fi-strikethrough:before { content: "\f1f0"; }
.fi-subscript:before { content: "\f1f1"; }
.fi-superscript:before { content: "\f1f2"; }
.fi-tablet-landscape:before { content: "\f1f3"; }
.fi-tablet-portrait:before { content: "\f1f4"; }
.fi-target-two:before { content: "\f1f5"; }
.fi-target:before { content: "\f1f6"; }
.fi-telephone-accessible:before { content: "\f1f7"; }
.fi-telephone:before { content: "\f1f8"; }
.fi-text-color:before { content: "\f1f9"; }
.fi-thumbnails:before { content: "\f1fa"; }
.fi-ticket:before { content: "\f1fb"; }
.fi-torso-business:before { content: "\f1fc"; }
.fi-torso-female:before { content: "\f1fd"; }
.fi-torso:before { content: "\f1fe"; }
.fi-torsos-all-female:before { content: "\f1ff"; }
.fi-torsos-all:before { content: "\f200"; }
.fi-torsos-female-male:before { content: "\f201"; }
.fi-torsos-male-female:before { content: "\f202"; }
.fi-torsos:before { content: "\f203"; }
.fi-trash:before { content: "\f204"; }
.fi-trees:before { content: "\f205"; }
.fi-trophy:before { content: "\f206"; }
.fi-underline:before { content: "\f207"; }
.fi-universal-access:before { content: "\f208"; }
.fi-unlink:before { content: "\f209"; }
.fi-unlock:before { content: "\f20a"; }
.fi-upload-cloud:before { content: "\f20b"; }
.fi-upload:before { content: "\f20c"; }
.fi-usb:before { content: "\f20d"; }
.fi-video:before { content: "\f20e"; }
.fi-volume-none:before { content: "\f20f"; }
.fi-volume-strike:before { content: "\f210"; }
.fi-volume:before { content: "\f211"; }
.fi-web:before { content: "\f212"; }
.fi-wheelchair:before { content: "\f213"; }
.fi-widget:before { content: "\f214"; }
.fi-wrench:before { content: "\f215"; }
.fi-x-circle:before { content: "\f216"; }
.fi-x:before { content: "\f217"; }
.fi-yen:before { content: "\f218"; }
.fi-zoom-in:before { content: "\f219"; }
.fi-zoom-out:before { content: "\f21a"; }

@font-face {
    font-family: "SackersGothicHeavyAT";
    src: url("https://www.500crawford.com/fonts/SackersGothicHeavyAT.eot?") format("eot"), url("https://www.500crawford.com/fonts/SackersGothicHeavyAT.woff") format("woff"), url("https://www.500crawford.com/fonts/SackersGothicHeavyAT.ttf") format("truetype");
}
@font-face {
    font-family: "TributeRoman";
    src: url("https://www.500crawford.com/fonts/TributeRoman.eot?") format("eot"), url("https://www.500crawford.com/fonts/TributeRoman.woff") format("woff"), url("https://www.500crawford.com/fonts/TributeRoman.ttf") format("truetype");
}
@font-face {
    font-family: "DharmaGothicE-Light";
    src: url("https://www.500crawford.com/fonts/DharmaGothicE-Light.eot?") format("eot"), url("https://www.500crawford.com/fonts/DharmaGothicE-Light.woff") format("woff"), url("https://www.500crawford.com/fonts/DharmaGothicE-Light.ttf") format("truetype");
}

@import url('https://fonts.googleapis.com/css?family=Courgette');
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    background: #eee;
    font-size: 16px;
}
html {
    background: #fff;
    color: #222;
    font-size: 16px;
    line-height: 1.5em;
    font-family: "PT Serif", arial, sans-serif;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    color: #434343;
    font-weight: 300;
    font-family: "Marcellus", georgia, serif;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}
h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}
h1 {
    font-size: 2em;
    padding: 20px 0;
}
h2 {
    font-size: 1.75em;
    padding: 20px 0;
}
h3 {
    font-size: 1.5em;
    padding: 20px 0;
    font-family: "Marcellus", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
p {
    font-weight: 300;
    color: #333;
    font-size: 1.1rem;
    line-height: 1.54em;
    margin-top: 0;
    letter-spacing: .03em;
    font-family: 'Marcellus', serif;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
ul li {
    font-family: 'Marcellus', serif;
}

a:hover {
    color: #ccc;
    text-decoration: none;
}

body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a,
body ul li a {
    font-style: italic;
    text-decoration: underline;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
body {
    overflow-x: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.section {
    padding: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.section.tall {
    padding-top: 80px;
    padding-bottom: 80px;
}
.flex {
    width: 100%;
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
}
.padded {
    padding-top: 60px;
    padding-bottom: 60px;
}
.box-centered {
    margin-right: auto;
    margin-left: auto;
}
hr.clear {
    width: 100%;
    height: 60px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0px auto;
}
hr.clear-pretty {
    width: 25%;
    height: 4px;
    border: none;
    padding: 0;
    margin: 30px auto 60px;
    background: #434343;
}
hr.clear-pretty.short {
    margin-top: 15px;
    margin-bottom: 15px;
}
hr.clear-pretty.dark {
    background: #333;
}

hr.promo-clear {
    width: 100%;
    max-width: 210px;
    margin: 20px auto;
    background: #434343;
    height: 2px;
}
hr.menu-clear {
    width: 100%;
    clear: both;
    height: 1px;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
hr.clear-none {
    border: none;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    display: block;
    clear: both;
}
.text-center {
    text-align: center;
}
hr.test-clear {
    margin: 20px auto;
    height: 1px;
    background: #b1b1b1;
    display: block;
    width: 40%;
    clear: both;
    padding: 0;
    border: none;
}
hr.content-clear {
    width: 66.66%;
    border: none;
    padding: 0;
    margin: 60px auto;
    clear: both;
    height: 1px;
    background: #eee;
    float: right;
}
.image-heading {
    max-width: 640px;
    width: 100%;
    margin: 40px auto 30px;
    text-align: center;
    display: block;
}
.texture-bg {
    background: url(https://www.500crawford.com/img/wine-bg.png);
}
.full-width {
    width: 100%;
}

h1.section-title,
h2.section-title {
    font-weight: 400;
    color: #555;
    letter-spacing: .04em;
    line-height: 1.4em;
    padding-top: 0;
    padding-bottom: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
h2.section-title.large {
    font-size: 3.2rem;
    font-weight: 600;
    text-transform: uppercase;
}
h1.section-title,
h2.section-title {
    color: #434343;
    text-align: center;
    font-size: 2.6rem;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 1.2em;
    font-weight: 300;
}

h1.section-title,
h2.section-title:after {
    width: 45px;
    height: 45px;
    top: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    content: '';
    background: url(https://www.500crawford.com/img/logo-icon.png) center center no-repeat;
    background-size: 100% auto;
    display: block;
    display: none;
}
h3.small-title {
    color: #333;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding-bottom: 10px;
}
h3.small-sub {
    font-style: italic;
    font-size: 1rem;
    font-family: 'Lora', serif;
    text-transform: none;
    color: #aaa;
}
p.note {
    font-style: italic;
    color: #b1b1b1;
    margin-top: 0;
}
.fancy span {
    display: inline-block;
    position: relative;
}
.fancy span:before, .fancy span:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #ffffff;
    top: 50%;
    width: 150px;
}
.fancy.small span:before, .fancy.small span:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #ffffff;
    top: 50%;
    width: 110px;
}
.fancy span:before {
    right: 100%;
    margin-right: 15px;
}
.fancy span:after {
    left: 100%;
    margin-left: 15px;
}
.featured-button {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 106;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
}
#social-side {
    width: 40px;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 10000;
    padding: 0;
}
#social-side a {
    width: 30px;
    height: 30px;
    margin: 5px 0;
    display: block;
    float: left;
    padding-left: 15px;
}
#social-side a i {
    color: #fff;
    font-size: 1.8rem;
}
#social-side a img {
    width: 25px;
    height: 25px;
}
#header {
    position: fixed;
    top: 0;
    height: 100px;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: inset 0 80px 15px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 88px 15px 0 rgba(0,0,0,.15);
}
.home #header {
    z-index: 1000000;
}
#header.scrolling {
    background: rgba(255, 255, 255, .9);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}
#main-nav {
    height: 100px;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}


.bubble-icon{ display: none !important;background: #c0b283 !important; position:fixed;bottom:20px;right:20px;width:50px;height:50px;opacity:.98;-webkit-border-radius:50%;border-radius:50%;z-index:999999;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.bubble-icon.hidden{z-index:-1;transform:translateY(-110%);-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;opacity:0;}
.bubble-icon i{color:#fff;width:50px;height:50px;padding:0;margin:0 auto;line-height:1em;text-align:center;display:block;font-size:30px;line-height:50px;}
.bubble-icon:hover{cursor:pointer;opacity:1;bottom:25px;}


@media only screen and (min-width: 1600px) {
	#main-nav {
		max-width: 980px;
	}
	
}


@media only screen and (min-width: 720px) and (max-width: 1400px) {
	  
	  #main-nav {
		  max-width: 800px !important;		 
	  }
	  
	  #main-nav a {
		  font-size: .675rem !important;
	  }
}
  
  
#main-nav #center-logo {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    width: 420px;
    height: 200px;
    background: url(https://www.500crawford.com/img/logo.png) center center no-repeat;
    background-size: 100% auto;
}
#header.scrolling #main-nav #center-logo {
    background: url(https://www.500crawford.com/img/logo-dark.png) center center no-repeat;
    background-size: 95% auto;
    opacity: 1;
    top: 0;
    width: 240px;
    height: 100px;
}
#main-nav a {
    line-height: 100px;
    display: block;
    font-size: .975rem;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Marcellus SC', sans-serif;   
    color: #434343;
    padding-left: .75em;
    padding-right: .75em;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    text-shadow: 0 0 2px #fff;
    letter-spacing: .02em;
}

#header.scrolling #main-nav a {
    color: #434343;
    font-size: .875rem;
    font-weight: 600;
}
#main-nav a:hover {
    color: #ccc;
}
#find-us {
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    position: absolute;
    top: 18px;
    left: 40px;
    -webkit-transition: all 75ms ease-in-out;
    -moz-transition: all 75ms ease-in-out;
    -ms-transition: all 75ms ease-in-out;
    -o-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out;
    font-size: .75rem;
    letter-spacing: .02em;
    background: #183d4e;
    color: #fefefe;
    font-family: "Marcellus SC", serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    padding: .2em .5em;
    text-align: center; 
    text-transform: uppercase;
    width: 210px;
}
#find-us:hover {
    background: #ccc;
}

#pay-deposit {
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    position: absolute;
    top: 55px;
    left: 40px;
    -webkit-transition: all 75ms ease-in-out;
    -moz-transition: all 75ms ease-in-out;
    -ms-transition: all 75ms ease-in-out;
    -o-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out;
    font-size: .75rem;
    letter-spacing: .02em;
    background: #183d4e;
    color: #fefefe;
    font-family: "Marcellus SC", serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    padding: .2em .5em;
    text-align: center;
    text-transform: uppercase;
    width: 210px;
}
#pay-deposit:hover {
    background: #ccc;
}


#top-phone {
    background: transparent;
    top: 0px;
    right: 0px;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 50px;
    height: 50px;
    position: absolute;
    color: #fff;
    font-family: 'oswald', 'Merriweather', sans-serif;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    background: #183d4e;
    width: 185px;
}
.scrolling #top-phone {
    background: #183d4e;
}
#top-phone:hover {
    background: #ddd;
    color: #282460;
    -webkit-box-shadow: -4px 0 3px 0 rgba(0, 0, 0, .18);
    box-shadow: -4px 0 3px 0 rgba(0, 0, 0, .18);
}


#top-text {
    background: transparent;
    top: 50px;
    right: 0px;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 50px;
    height: 50px;
    position: absolute;
    color: #fff;
    font-family: 'oswald', 'Merriweather', sans-serif;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    background: #183d4e;
    width: 185px;
    border-top: 1px solid #2e7392;
}
.scrolling #top-text {
    background: #183d4e;
}
#top-text:hover {
    background: #ddd;
    color: #282460;
    -webkit-box-shadow: -4px 0 3px 0 rgba(0, 0, 0, .18);
    box-shadow: -4px 0 3px 0 rgba(0, 0, 0, .18);
}


#hero {
    background: #000;
    min-width: 100%;
    position: relative;
    height: auto;
    transform: scale(1, 1);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url(https://www.500crawford.com/img/hero-bg.webp);
    min-height: 40vh;
    min-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

#hero .overlay {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
}
#hero-logo img#hero-logo {
    width: 66%;
}

#hero li {
    position: relative;
}

#hero #gate-message,#hero #gate-message_clone {
    position: absolute;
    top: 74vh;
    left: 20px;
    width: 35%;
    max-width:530px;
    padding: 30px;
    background: #6c353a;
    outline: 3px double #fff;
    outline-offset: -8px;
    text-align: center;
}

#hero #gate-message img,#hero #gate-message_clone img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

#hero #gate-message .gate-text,#hero #gate-message_clone .gate-text {
    font-family: cambria, serif;
    color: #fff;
    font-style: italic;
    font-size: 2.6rem;
    line-height: 1.2em;
    text-align: center;
    display: block;
}


#hero .flex-direction-nav {
    z-index: 100;
}
span#down-arrow {
    width: 30px;
    height: 35px;
    background: url(https://www.500crawford.com/img/down-arrow.png) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 90px;
    left: 50%;
    z-index: 100000000;
    transform: translateX(-50%);
    opacity: 1;
}

span#down-arrow:hover {
    cursor: pointer;
}
#hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-30%);
    -webkit-transform: translateX(-50%) translateY(-30%);
    z-index: 10000000;
    text-align: center;
    width: 400px;
    height: 200px;
    opacity: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    width: 80%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}


#hero-content {
    top: 180px;
    background: rgba(255, 255, 255, .5);
    outline: 4px double #cccccc;
    outline-offset: -4px;
    width: 400px;
    height: 160px;
}

#hero #bgvid {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-top: 100px;

}

#home-content {
    opacity: 0;
    transform: translateY(0%);
}

#home-content.active {
    top: -30px;
    opacity: 1;
}

#hero-content.active {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
#hero-content img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
}
#home-intro {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -20px;
}

#home-intro a.button, .section-intro a.button  {
    background: #183d4e;
    border-radius: 0px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

#home-intro .home-buttons-block {
    text-align: center;
    width: 100%;
}
#home-intro span#home-intro-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 120px;
    background-image: url(https://www.500crawford.com/img/logo-dark.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#home-content {
    background: #fff;
    padding: 60px;
    position: relative;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
}

#home-intro #home-content h1 {
    margin-top: 0;
    padding-top: 0;
    line-height: 1.2em;
    margin-bottom: 0;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: 2.8rem;
}

#home-content p {
    font-size: 1.4rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

#home-content h2 {
    font-size: 2.6rem;
    padding-bottom: 0;
    padding-top: 0;
}
#home-content h3.small-sub {
    padding-top: 30px;
    padding-bottom: 30px;
}
#home-content p {
    font-size: 1.4rem;
    margin-right: auto;
    margin-left: auto;
}
#home-intro .button, .section-intro .button {
    background: #434343;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 30px auto;
    border-radius: 2px;
    box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .5);
    border: none;
    padding: 0;
    min-width: 240px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#home-intro .button:hover, .section-intro .button:hover {
    background: #ccc;
}

#home-promo {
    margin: 0;
    padding: 80px 30px 0px;
    position: relative;
}
#home-promo .promo-row {
    padding: 0;
    margin: 0 auto;
    clear: both;
    position: relative;
    max-width: 100%;
    background: #fff;
    transition: all 900ms ease-in-out;
    opacity: 0;
    transform: translateY(20%);
}

#amenities #home-promo .promo-row {
    opacity: 1;
    transform: translateY(0);
} 

#amenities #home-promo .promo-row .logo-icon, 
#amenities #home-promo .promo-row h3, 
#amenities #home-promo .promo-row p, 
#amenities #home-promo .promo-row a.button, 
#amenities #home-promo .promo-row hr {
    transform: translateY(0);
    opacity: 1;
}

#home-promo .promo-row.active {
    opacity: 1;
    transform: translateY(0);
}

#home-promo .promo-wrap {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
}

#home-promo .promo-wrap.home-page-stacked {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0);
}


#home-promo .promo-wrap.home-page-stacked.active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
} 

#home-promo .promo-row .img-box {
    padding: 0;
    position: relative;
    margin: 0;
}
#home-promo .promo-row .img-box img {
    width: 100%;
}
#home-promo .promo-icon {
    width: 140px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
#home-promo .promo-row .text-box {
    padding: 0;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}
#home-promo .inner-text-box {
    width: 100%;
    height: auto;
    padding: 30px 30px 30px 60px;
}

#home-promo .inner-text-box img.logo-icon {
    position: relative;
    margin: 0 auto 10px;
    width: 100%;
    max-width: 100px;
    display: block;
    text-align: center;
}

#home-promo .inner-text-box a.button {
    font-size: 1rem;
    background: #183d4e;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 30px auto;
    box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .5);
    border: none;
    padding: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    max-width: 210px;
}

#home-promo .inner-text-box a.button:hover {
    background: #ccc;
    box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .7);
}

/* Home Promo Row animation styles */

#home-promo .promo-row .logo-icon,
#home-promo .promo-row h3,
#home-promo .promo-row p,
#home-promo .promo-row a.button,
#home-promo .promo-row hr {
    opacity: 0;
    transform: translateY(30%);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}


#home-promo .promo-row .logo-icon.active,
#home-promo .promo-row h3.active,
#home-promo .promo-row p.active,
#home-promo .promo-row a.button.active,
#home-promo .promo-row hr.active {
    opacity: 1;
    transform: translateY(0);
}



@media only screen and (min-width:720px){

    #home-promo.home-page-stacked .text-box {
        outline: 2px solid #eee;
        outline-offset: -10px;
    }

    #home-promo.home-page-stacked .text-box.right {
        position: absolute;
        right: 0;
    }

    #home-promo.home-page-stacked .text-box.left {
        position: absolute;
        left: 0;
    }
}

#home-promo .inner-text-box h3 {
    padding-bottom: 10px;
    font-size: 2rem;
    padding-top: 2%;
    font-family: "Marcellus", georgia, serif;
    text-transform: capitalize;
}
#home-promo .inner-text-box h2 {
    font-size: 2rem;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #434343;
    text-align: left;
    font-family: "Marcellus", georgia, serif;
}
#home-promo p {
    padding-bottom: 0px;
}

#home-promo .inner-text-box ul {
    padding-left: 0;
    list-style-position: inside;
    list-style-type: none;
    margin-top: 0;
}
#home-promo .inner-text-box ul li {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1rem;
    color: #333;
}
#home-promo .button {
    width: 66%;
    margin-right: auto;
    margin-left: auto;
}
#home-promo .bottom-content {
    padding: 60px;
    padding-bottom: 0;
}
@media screen and (max-width:721px) {
    #specials-wrapper {
        width: 98%;
        bottom: 50%;
        right: 50%;
        transform: translateX(50%) translateY(50%);
    }
}
#specials-wrapper.golf p {
    color: #fff;
    font-size: .875rem;
    width: 100%;
}
#specials-wrapper.golf .button {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 180px;
    width: 100%;
}
#specials-wrapper.active {
    opacity: 1;
    z-index: 100000000;
    max-height: 10000px;
}
#specials-wrapper #close-special {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 10000;
    color: #fff;
}
#specials-wrapper #close-special:hover {
    cursor: pointer;
}
#specials-wrapper h2 {
    font-size: 1.8rem;
    color: #CA8849;
    padding-top: 0px;
    padding-bottom: 20px;
    line-height: 1.1em;
}
#specials-wrapper h3 {
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: .875em;
    color: #fff;
}
#specials-wrapper img {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}
#specials-wrapper .button {
    width: 45%;
    font-size: .675rem;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    letter-spacing: .03em;
}
#specials-wrapper p {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
#bottom-callout {
    text-align: center;
    background: url(https://www.500crawford.com/img/callout-background.jpg);
    z-index: 100;
    position: relative;
    transform: scale(1, 1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
}
#bottom-callout img {
    margin-bottom: 30px;
}
#bottom-callout .callout-heading {
    width: 500px;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
}
#bottom-callout .callout-sub-title {
    color: #fff;
    font-weight: 700;
    font-family: "open sans", arial, sans-serif;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 30px;
}
#bottom-callout a.callout-button {
    font-family: "oswald", arial, sans-serif;
    color: #fff;
    border: 3px solid #fff;
    background: transparent;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 240px;
    font-size: 1.2rem;
    padding: 8px 15px;
    letter-spacing: .04em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#bottom-callout a.callout-button:hover {
    border-color: #B17A38;
    color: #B17A38;
}
.page-hero {
    width: 100%;
    position: relative;
    height: 70vh;
    padding-top: 10vh;
    transform: scale(1, 1);
    background-image: url(https://www.500crawford.com/img/about-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
}
.page-hero h2.hero-title {
    font-weight: 300;
    top: 50%;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 7.5rem;
    text-shadow: 1px 1px 8px #333;
    transform: translateY(-20%);
}
.page-hero h2 span.heading-border {
    width: 30%;
    position: absolute;
    height: 3px;
    background: #fff;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
}
.page-hero video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
#menu-container {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    background: url(https://www.500crawford.com/img/intro-bg.png);
    transform: scale(1, 1);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#menu-container h2 {
    text-align: center;
    font-size: 4rem;
    padding-bottom: 0;
    color: #fff;
}
#menu-container h3 {
    color: #fff;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}
#filter-sort {
    width: 100%;
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
    display: inline-block;
    text-align: center;
}
#filter-sort span {
    background: #333;
    color: #fff;
    padding: 8px 20px;
    border: 1px solid #333;
    text-transform: uppercase;
    text-align: center;
    font-family: oswald, georgia, serif;
    margin: 0;
    width: 15%;
    display: inline-block;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#filter-sort span:hover, #filter-sort span.active {
    background: #701313;
    color: #fff;
    cursor: pointer;
}
.menu-items-container {
    width: 90%;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    position: relative;
    transform: translateY(20%);
    max-height: 0;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0;
}
.menu-items-container.active {
    transform: translateY(0);
    opacity: 1;
    max-height: 1000000px;
    padding-top: 30px;
}
.menu-items-container img {
    width: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, .7);
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, .7);
    margin-bottom: 30px;
}
#menu-items-container h3.menu-title {
    font-weight: 600;
    font-family: oswald, arial, sans-serif;
    line-height: 1em;
    font-size: 4rem;
    padding-bottom: 60px;
    padding-top: 60px;
    letter-spacing: .2rem;
    text-align: center;
    margin-bottom: 30px;
}
#menu-items-container {
    padding-top: 40px;
}
#menu-items-container ul {
    list-style-type: none;
    margin: 0;
    position: relative;
    outline: 4px double #ccc;
    margin-bottom: 60px;
    padding: 30px 30px 0 30px;
    background: url(https://www.500crawford.com/img/menu-bg.png) center center no-repeat;
    min-height: 60vh;
}
#menu-items-container ul li {
    width: 33%;
    padding-right: 40px;
    float: left;
    position: relative;
    padding-bottom: 40px;
    min-height: 170px;
}
#menu-items-container #craft-beer ul li {
    min-height: 120px;
}
#menu-items-container ul li h3 {
    font-size: 1.4rem;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 10px;
}
#menu-items-container ul li p {
    font-size: .875rem;
}
#menu-items-container span.price {
    position: absolute;
    right: 50px;
    top: 0;
}
#menu-items-container .menu-divider {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    background: #333;
    height: 5px;
    z-index: 99;
}
#menu-items-container .menu-divider span.icon-block {
    position: absolute;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 90px;
    height: 90px;
    background: #fff;
}
#menu-items-container .menu-divider span.icon-block img {
    width: 100%;
}
h2.happy-hour-call {
    font-size: 4rem;
    line-height: 1em;
    padding-bottom: 5px;
    color: #333;
}
h3.happy-hour-call {
    font-size: 2rem;
    text-align: center;
    color: #666;
}
h2.cigar-call {
    padding-top: 30px;
    font-size: 2.5rem;
    line-height: 1em;
    padding-bottom: 5px;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
h3.happy-hour-title {
    width: 66%;
    display: block;
    margin: 0 auto 15px;
    font-size: 1.5rem;
}
h2.happy-hour-special {
    margin-bottom: 30px;
}
.pop-plan h2 {
    color: #fff;
}
.pop-plan h3 {
    color: #fff;
    padding-bottom: 15px;
}
#about-hero {
    width: 100%;
    position: relative;
    height: 80vh;
    padding-top: 10vh;
    transform: scale(1, 1);
    background-image: url(https://www.500crawford.com/img/about-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
}
#info-content {
    padding-top: 20px;
}
#info-content .flex {
    max-width: 910px;
    margin-right: auto;
    margin-left: auto;
}
#info-content h2 {
    font-size: 2rem;
    font-family: 'PT Serif', "times new roman", serif;
    font-style: italic;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 1px;
    color: #333;
    text-transform: inherit;
}
#info-content p {
    max-width: 600px;
    margin: 20px auto;
    text-align: justify;
    font-family: "open sans", arial, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
}
#info-content img.one-half {
    width: 45%;
}
#info-content .one-half.text-box {
    padding-left: 40px;
}
#info-content .one-half.text-box.left {
    padding-right: 20px;
}
#info-content .one-half.text-box.right {
    padding-left: 20px;
}
#info-content .quote {
    font-size: 1.8rem;
    font-style: italic;
    color: #ccc;
    line-height: 1.2em;
    text-align: center;
    font-family: "playfair display", serif;
    margin-top: 30px;
}
#info-content .about-bio {
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
#info-content p.catering-contact {
    font-size: .875rem;
}
#bottom-callout.quotes-roll {
    height: 50vh;
    position: relative;
}
#bottom-callout.quotes-roll p {
    font-style: italic;
    font-size: 1.6rem;
    color: #fff;
    font-family: "Crimson Text", serif;
    margin-bottom: 10px;
}
#photo-gallery {
    padding: 0;
    margin: 0 auto;
    position: relative;
    background: #000;
}
#photo-gallery a.g-lightbox {
    width: 25%;
    float: left;
    margin: 0 auto;
    float: left;
    padding-top: 25%;
    position: relative;
    overflow: hidden;
}
#photo-gallery a.g-lightbox img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: .6;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#photo-gallery a.g-lightbox:hover img {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
img.about-logo {
    display: block;
    margin: 0 auto 20px;
}
a.link-out {
    color: #B17A38;
    font-weight: 600;
    font-size: 1rem;
}
#contact-map, #gallery .sort-item, #gallery .sort-item img, #gallery .sort-item.active {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#gallery .sort-item img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: center;
    opacity: 1;
}
#contact-container h2 {
    font-size: 2.75rem;
    line-height: 1em;
    padding-bottom: 10px
}
#contact-container h3 {
    color: #fff;
    padding-top: 0;
    padding-bottom: 20px
}
#contact-container .contact-wrap h2 {
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
}

#contact-form-outer-container h2 {
    font-size: 2rem;
}

#contact-form-outer-container h3 {
    font-size: 1.2rem;
}

#contact-container .contact-call {
    width: 100%;
    display: block;
    margin-top: 20px;
}

#contact-container .contact-call a {
    display: block;
}

#contact-map {
    width: 100%;
    height: 60vh
}
#contact-container .text-box, #resident-portal {
    padding: 40px;
}
#contact-container h1 {
    padding-bottom: 5px;
    font-size: 2rem
}
#contact-container p.hours {
    font-weight: 600;
    padding-left: 30px;
    font-size: 1.1rem;
    font-family: oswald, arial, sans-serif;
}
#contact-container .contact-wrap {
    min-height: 450px;
    overflow: hidden
}
.contact-form {
    padding-bottom: 30px
}
#specials-wrapper, .contact-form h3 {
    text-align: center;
    padding-bottom: 30px
}
.contact-form input, .contact-form select {
    font-family: "DINWebPro", serif;
    border: 0;
    color: #999;
    font-size: 1rem;
    font-weight: 500;
    padding: 15px;
    outline: 0;
    margin: 0 auto 20px;
    width: 100%
}
.contact-form .select-title {
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: left !important;
    font-weight: 600;
}
.contact-form select option {
    padding-top: 5px;
    padding-bottom: 5px
}

.contact-form .ref-title {
    display: block;
    color: #fff;
}

select.floor-plan-select {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    margin-right: 1%;
    margin-bottom: 30px;
}
.contact-form #form-submit.submit-button {
    width: 25%;
    background: #183d4e;
    color: #fff;
    font-weight: 300;
    font-family: 'Marcellus', 'Merriweather', sans-serif;
    border-bottom: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    letter-spacing: .02em;
}
.contact-form, .contact-form .submit-button:hover {
    background: #ddd
}
.contact-form input#cont-move-date {
    padding: 11px 15px;
    height: 46px;
}
.contact-form .one-half, .contact-form input.half-width {
    width: 48%
}
.contact-form span.one-half {
    color: #f5f5f5
}

.contact-form #form-messages {
    padding-bottom: 10px;
    text-align: center;
    font-size: .875em;
    width: 100%
}
a.contact-email {
    font-size: 1.4rem
}

#contact-container.foot-contact #foot-tour-request #form-submit {
    font-size: 1rem;
    background: #183d4e;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 30px auto;
    box-shadow: 3px 6px 16px 0 rgb(115 115 115 / 50%);
    border: none;
    float: left;   
    padding: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    max-width: 210px;
}

#contact-container #contact-form-outer-container {
    background-image: url(https://www.500crawford.com/img/contact-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 5vh;
}

#contact-container .contact-wrap h2.thank-you-text { 
    padding-top: 20vh;
    padding-bottom: 20vh;
}
.ref-title {
    display: block;
    font-family: DINWebProCondBold, arial, sans-serif;
    color: #777!important;
    text-align: left
}

#resident-portal {
	margin-top: 100px;
}

#resident-portal .service img {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block
}
.policy-wrap {
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto
}
.bubble-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    opacity: .7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #384144;
    z-index: 999999;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.bubble-icon.hidden {
    z-index: -1;
    transform: translateY(-110%);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    opacity: 0
}
.bubble-icon i {
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0 auto;
    display: block;
    font-size: 30px;
    line-height: 50px
}
#location {
    width: 100%;
    padding: 20px 0 60px 0;
    text-align: center;
}

#location-box {
    background: #fff;
    padding: 40px 0 20px 0;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
}
#location-box h2 {
    padding-bottom: 0;
}
#location h2.section-title {
    padding-bottom: 15px;
}

#location h3 {
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    padding-top: 0;
    padding-bottom: 30px;
    padding-top: 0;
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
#location h3 {
    color: #333;
    font-size: 1.2rem;
}
#location h3 a {
    color: #eee;
    position: relative;
    display: block;
}
#location h3 a:before {
    background: url(https://www.500crawford.com/img/map-pin-icon.png) center center no-repeat;
    background-size: 100% auto;
    content: "";
    width: 17px;
    height: 17px;
    margin: 0 6px 0 0;
    position: absolute;
    left: -30px;
    top: 3px;
}
#location iframe {
    width: 100%;
    margin: 0 auto;
}
.location-text img {
    max-width: 240px !important;
}
.location h2 {
    padding-bottom: 8px;
    text-align: center;
}
.location .block-report {
    padding-bottom: 5px;
    text-align: center;
}
#neighborhood .location {
    position: relative;
    max-width: 280px;
    width: 100%;
}
#neighborhood .location img {
    width: 100%;
    height: auto;
	display: none !important;
}
#neighborhood .location .text-box {
    padding: 20px 0 20px 20px
}
#neighborhood .location .text-box h2 {
    margin: 0 auto;
    padding: 10px 0;
    color: #444;
    font-size: 1.8rem;
    text-align: center;
}
#neighborhood .location .text-box h4.block-report {
    color: #444;
    padding-bottom: 10px;
    font-size: 1rem
}
#neighborhood .location .text-box a {
    color: #444
}

h4.neighborhood-sub {
    font-weight: 400;
    padding-bottom: 40px;
    text-transform: none;
    font-size: 1.2rem;
}

#about {
    width: 100%;
    padding: 30px 0 60px 0;
    background-image: url(https://www.500crawford.com/img/about-bg.jpg);
    transform: scale(1, 1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
}
#about h2 {
    text-align: center;
    font-size: 4rem;
    padding-bottom: 0;
    color: #fff;
}
#about h3 {
    color: #fff;
    text-align: center;
    padding-top: 0;
    padding-bottom: 30px;
}
#about .pofile {
    position: relative;
}
#about .profile img {
    width: 100%;
    margin-bottom: 30px;
}
#about .profile h3 {
    padding-bottom: 0;
}
#about .profile h4 {
    color: #fff;
}
#contact-section {
    background: #f7f7f7;
    padding-bottom: 20px;
}
#contact-hero {
    width: 100%;
    position: relative;
    transform: scale(1, 1);
    background-image: url(https://www.500crawford.com/img/contact-bg.jpg);
    background-size: cover;
    height: 50vh;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
}
#contact-section {
    padding-top: 20px;
}
#contact-section .one-third {
    position: relative;
    text-align: center;
    padding: 40px 20px;
}
#contact-section .one-third img {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#contact-section .two-thirds {
    padding: 40px;
}


#contact-container #contact-form-outer-container {
    background-image: url(../img/contact-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 20vh;
    padding-bottom: 30vh;
}

.contact-form .submit-button {
    width: 40%;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    background: #464866;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 35px;
    font-family: 'oswald', 'Merriweather', sans-serif;
    height: 50px;
    line-height: 50px;
    min-width: 310px;
    margin-right: auto;
    margin-left: auto;
    float: none !important;
}
#google-map {
    width: 100%;
    height: 450px;
}
#overview h4 {
    font-size: 2rem;
    line-height: 1.4em;
}
#overview ul.industries {
    text-align: left;
}
#overview ul.industries li {
    font-size: 1.3rem;
    color: #999;
    line-height: 2em;
    text-align: left;
    font-weight: 600;
    padding-left: 10px;
}
#overview h3 {
    margin-top: 30px;
    font-weight: 600;
    color: #E97A1A;
    font-size: 2.5rem;
    text-transform: uppercase;
}

footer#footer {
    background: #111;
    height: 35px;
}

#footer p {
    color: #fff;
    font-size: .675rem;
    line-height: 35px;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}
#main-container.floor-plans {
    padding-top: 182px;
    background: #eee;
}
#floor-plans-container #filter-sort {
    text-align: center
}
#floor-plans-container #filter-sort span, #gallery-container #filter-sort span {
    background: #434343;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    margin-left: .25em;
    margin-right: .25em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    border: none;
}
#floor-plans-container #filter-sort span:hover {
    background: #ccc;
    color: #333;
    cursor: pointer;
    border: none;
}
#floor-plans-container #filter-sort span.active {
    background: #183d4e;
    color: #fff;
    border: none;
}
#floor-plans-container #floor-plans {
    padding-top: 40px
}

.floor-plan .price {
    display: block;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
} 

#floor-plans .one-third.floor-plan, #floor-plans .sort-item, #floor-plans .sort-item.active, #floor-plans-container #filter-sort span.active {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#floor-plans .one-third.floor-plan {
    background: #384144;
    width: 31%;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18)
}
#floor-plans-container {
    margin-bottom: 60px;
}

#floor-plans .one-third.floor-plan:hover {
    background: #183d4e;
    cursor: pointer
}
#floor-plans .sort-item, #floor-plans .sort-item.active {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
#floor-plans .sort-item {
    overflow: hidden;
    position: relative;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}
#floor-plans .sort-item h2 {
    color: #fefefe;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 1em
}
#floor-plans .sort-item h3 {
    color: #fefefe;
    font-size: 1rem;
}
#floor-plans .sort-item img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: center
}
#single-callout-button, .pop-plan .fp-info a {
    display: block;
    max-width: 310px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}
#single-callout-button {
    width: 50%
}
.pop-plan {
    display: none;
    background: #183d4e;
}
.pop-plan .fp-info {
    color: #fff;
    padding: 10% 40px 20px;
    width: 30%
}
.pop-plan .fp-info h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
    font-size: 2.1rem;
    margin-bottom: 10px;
    line-height: 1.2em
}
#floor-plans .sort-item h3, .pop-plan .fp-info h3 {
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 1rem;
}
.pop-plan .fp-info h5 {
    text-align: center;
    padding-bottom: 15px
}
.pop-plan .fp-info .price-note {
    font-size: 1rem;
    color: #eee;
    padding-bottom: 10px;
    display: block;
}

.pop-plan .fp-info .price-noted {
    position: absolute;
    bottom: 5px;
    right: 20px;
    font-size: .6785rem;
    font-style: italic;
}

.pop-plan .fp-info a {
    border: 2px solid #fff;
    font-weight: 600;
    letter-spacing: .1em;
    font-size: .775rem;
    text-transform: uppercase;
    padding: 15px 20px;
    color: #fff
}
.pop-plan .floor-plan-wrap {
    width: 70%;
    position: relative;
    background: #fff;
    float: left
}
.floor-plan-wrap img {
    width: 75%;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}
.fancybox-close {
    width: 25px;
    height: 25px;
    background: url(https://www.500crawford.com/img/close-button.png) center center no-repeat;
    position: absolute;
    top: 30px;
    right: 45px;
    z-index: 1000000
}
@media only screen and (max-width:722px) {
    .pop-plan .floor-plan-wrap, .pop-plan .fp-info, .pop-plan img {
        width: 100%
    }
    .pop-plan .fp-info h2 {
        font-size: 2rem
    }
    .pop-plan .fp-info h3 {
        padding-bottom: 20px
    }
}
.pop-plan .fp-tour-request {
    margin-top: 20px
}
.pop-plan .contact-box-fp {
    width: 70%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ddd
}
.pop-plan .contact-box-fp.active {
    opacity: 1;
    z-index: 10000000
}
.left {
    float: left;
}
.right {
    float: right;
}
.one-fourth {
    width: 25%;
}
.three-fourths {
    width: 75%;
}
.one-third {
    width: 33.333%;
}
.two-thirds {
    width: 66.66%;
}
.one-half {
    width: 50%;
}
.one-fifth {
    width: 20%;
}
.two-fifths {
    width: 40%;
}
.three-fifths {
    width: 60%;
}
.four-fifths {
    width: 80%;
}
.button {
    font-family: 'Marcellus SC', arial, sans-serif;
    min-width: 80px;
    max-width: 180px;
    padding: .8em 1.35em;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: .04em;
    background-color: transparent;
    font-size: 12px;
    font-weight: 400;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    text-transform: uppercase;
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-size: 1rem;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
}
.button:hover {
    color: #fff;
    background: #ffffff;
}
.button.grey-button {
    color: #656565;
    background-color: #d9d9d9;
}
.inline-block {
    display: inline-block;
}
.text-center {
    text-align: center !important;
}
.box-centered {
    margin-right: auto;
    margin-left: auto;
}
.sans-padded {
    padding-top: 0;
    padding-bottom: 0;
}
#contact-form input, #contact-form textarea {
    padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #eee;
    margin: 0 auto 15px;
}
#contact-form input.one-half {
    width: 49%;
}
#contact-form input.one-half.left {
    margin-right: .5%;
}
#contact-form input.one-half.right {
    margin-left: .5%;
}
#contact-form input.full-width {
    width: 100%;
}
#contact-form textarea {
    width: 100%;
    height: 140px;
}
@-webkit-keyframes bouncey {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) translateX(-50%);
    }
    40% {
        transform: translateY(-30px) translateX(-50%);
    }
    60% {
        transform: translateY(-15px) translateX(-50%);
    }
}
@keyframes bouncey {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) translateX(-50%);
    }
    40% {
        transform: translateY(-30px) translateX(-50%);
    }
    60% {
        transform: translateY(-15px) translateX(-50%);
    }
}
.bouncey {
    -webkit-animation: bouncey 5s infinite;
    animation: bouncey 2s infinite;
}
.breath {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@keyframes breath {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    50% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.bouncey {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.breath {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@keyframes breath {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    50% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.breath {
    -webkit-animation: bouncey 5s infinite;
    animation: bouncey 5s infinite;
}
.hidden {
    display: none !important;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

/* Mobile Stylesheets Move Me Please 
-------------------------------------*/

.desktop{
	display:block !important;
}
.desktop-inline{
	display:inline-block !important;
}
.mobile{
	display:none !important;
}



@media only screen and (max-width:900px){
	.desktop{
		display:none !important;
	}

	.desktop-inline{
		display:none !important;
	}
	
	#rp-container {
		display: block !important;
	}
	
	
}


/* Hero Flex
=========================================*/

#hero{
    width: 100%;
    max-height: 100vh;
    position: relative;
}

#hero .flex-direction-nav {
    top: 50%;
    width: 100%;
    height: 0;
}

#hero .flex-direction-nav .flex-prev {
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    color: #fff;
}

#hero .flex-direction-nav .flex-prev:before,
#hero .flex-direction-nav .flex-next:before {
    color: #fff;
    font-weight: 300;
}

#hero .flex-direction-nav .flex-next {
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    color: #fff;
}

#hero ul.slides li {
    text-align: center;
}

#hero ul.slides .hero-content {
    position: absolute;
    top:40vh;
    width: 100%;
    text-align: center;
    opacity: 0;
}

#hero ul.slides .hero-content {
    opacity: 1;
}

#hero ul.slides li h2 {
    text-align: center;
    font-size: 5rem;
    font-weight: 300;
    width: 100%;
    text-shadow: 0 2px 5px #333333;
    color: #fff;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(25%);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}


#hero ul.slides li h2.active {
    opacity: 1;
    transform: translateY(0%);
}

#hero ul.slides li .button{
    opacity: 0;
    transform: translateY(25%);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

#hero ul.slides li .button:hover {
    color: #333;
}

#hero ul.slides li .button.active {
    opacity: 1;
    transform: translateY(0%);
}


#hero ul.slides li .hero-content.active h2 {
    opacity: 1;
    transform: translateY(0%);
}

#hero ul.slides li h2:after {
    width: 60px;
    height: 60px;
    top: -60px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    content: '';
    background-size: 100% auto;
    display: block;
}

#hero #award {
    width: 100px;
    position: absolute;
    top: 160px;
    left: 2%;
    max-width: 140px;
    z-index: 10000000;
    background: url(https://www.500crawford.com/img/award.png) center center no-repeat;
    background-size: 100% auto;
    height: 100px;
}


/* Home Slider
=========================================*/


.wide-slider {
    position: relative;
    background: transparent;
}

    .wide-slider ul li img {
        width: 96%;
        opacity: 1;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

        .wide-slider ul li.flex-active-slide img {
            opacity: 1;
        }

        .wide-slider .flex-viewport {
            overflow: visible !important;
        }


/* Fly Boxes
=========================================*/

#home-fly-boxes {
    background: transparent;
    padding-top: 80px;
    padding-bottom: 80px;
}

    #home-fly-boxes .fly-box {
        position: relative;
        display: block;
        float: left;
        border: 20px solid transparent;
        -webkit-transition: all 900ms ease-in-out;
        -moz-transition: all 900ms ease-in-out;
        -ms-transition: all 900ms ease-in-out;
        -o-transition: all 900ms ease-in-out;
        transition: all 900ms ease-in-out;
    }

    #home-fly-boxes .fly-box:hover {
        cursor: pointer;
    }

    #home-fly-boxes .fly-box img {
        width: 100%;
    }

    #home-fly-boxes .fly-box .fly-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        #home-fly-boxes .fly-box:hover .fly-overlay {
            background: rgba(0, 0, 0, .4);

        }

        #home-fly-boxes .fly-box .fly-overlay h2 {
            opacity: 0;
            color: #fff;
            width: 66%;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            padding-top: 50px;
            padding-bottom: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }

        #home-fly-boxes .fly-box:hover .fly-overlay h2 {
            padding-top: 15px;
            padding-bottom: 15px;
            opacity: 1;
        }

    #flybox-1 {
        transform: translateX(-25%);
        opacity: 0;
    }

    #home-fly-boxes.active #flybox-1 {
        transform: translateX(0%);
        opacity: 1;
    }

    #flybox-2 {
        transform: translateY(25%);
        opacity: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    #home-fly-boxes.active #flybox-2{
        opacity: 1;
        transform: translateY(0);
    }

    #flybox-3 {
        transform: translateX(25%);
        opacity: 0;
    }

    #home-fly-boxes.active #flybox-3{
        transform: translateY(0%);
        opacity: 1;
    }

    .bottom-content {
        padding-bottom: 80px;
    }

    #quality-quote-section {
        padding-top: 10vh;
        padding-bottom: 5vh;
    }
/* Fat Footer
=========================================*/


#contact-container.foot-contact {
    width: 100%;
    height: auto;
    background: url(https://www.500crawford.com/img/footer-bg.webp);
    background-size: 100% auto;
    background-position: center center;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    border-top: 5px solid #fff;
}

#contact-container.foot-contact #contact-content {
    padding: 60px;
    position: relative;
}

#contact-container.foot-contact h2 {
    color: #fff;
}

#contact-container.foot-contact h2:after {
    width: 40px;
    height: 40px;
    top: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    content: '';
    background: url(https://www.500crawford.com/img/logo-icon-white.png) center center no-repeat;
    background-size: 100% auto;
    display: block;
}

#contact-container.foot-contact h3 {
    color: #fff;
}

#contact-container.foot-contact p,
#contact-container.foot-contact a  {
    color: #fff;
    font-size: .875rem;
}

#contact-container.foot-contact #foot-map-container {
    width: 75%;
    padding-top: 75%;
    border-radius: 50% 50%;
    overflow: hidden;
    border: 3px solid #fff;
    position: relative;
    margin: 0 auto 30px;
}

    #contact-container.foot-contact #foot-map-container iframe {
        height: 600px;
        width: 600px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    #contact-container #map-block {
        padding-right: 60px;
    }
    #contact-container.foot-contact a.foot-directions {
        display: block;
        text-align: center;
        width: 100%;
        color: #fff;      
        font-family: "Marcellus", arial, sans-serif;
        font-size: 1.5rem;
    }

    #contact-container.foot-contact #foot-tour-request input {
        border: none;
        color: #fff;
        line-height: 30px;
        background: transparent;
        border-bottom: 1px solid #fff;
        margin-bottom: 1%;
    }

    #contact-container.foot-contact #foot-tour-request input.one-half {
        width: 48%;
        margin-right: 2%;
    }

    #contact-container.foot-contact ::placeholder {
        color: #fff;
        opacity: 1;
    }

    #contact-container.foot-contact #foot-tour-request #form-submit {
        width: 25%;
        float: left;
        background: #183d4e;
        color: #fff;
        font-weight: 300;
        font-family: 'Marcellus', 'Merriweather', sans-serif;
        border-bottom: none;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        letter-spacing: .02em;
        float: none;
        clear:both;
        display: block;
    }

    #contact-container.foot-contact #foot-tour-request #form-submit:hover {
        background: #ccc;
        color: #333;
    } 

    #contact-container.foot-contact h3.by {
        margin-top: 100px;
        margin-bottom: 20px;
    }

    #contact-container.foot-contact .foot-logo {
        width: 100%;
        max-width: 100px;
        position: absolute;
        bottom: -50px;
        left: 20px;
    }
   
#contact-container .social-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#contact-container .social-block a {
    color: #fff;
    font-size: 1.4rem;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    float: left;
}

#contact-container .foot-info-box {
    text-align: right;
    padding-right: 30px;
    float: right;
    position: absolute;
    bottom: -40px;
    right: 0;
}

#contact-container .foot-info-box a {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #fff;
    margin-right: 4px;
    text-align: center;
}

#contact-container .foot-info-box a.fair-housing:before {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    width: 30px;
    height: 30px;
    content: url(https://www.500crawford.com/img/fair-housing-foot.png);
}

#footer-tour-button {
	background: #183d4e;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 30px auto;
	box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .5);
    border: none;
    padding: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	float: left;
}

#footer-tour-button:hover {
	background: #ccc;
}

.footer-links {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

.footer-links a {
    color: #fff;
    text-transform: uppercase;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 10px !important;
    letter-spacing: .02em;
    font-weight: 600;
}

.foot-hours {
    padding-left: 60px;
}

#tour-tab.hidden {
    left: -2000px
}
#tour-tab {
    z-index: 100000;
    position: fixed;
    right: -70px;
    top: 50%;
    width: 135px;
    color: #fff;
    padding-left: .5em;
    padding-right: .5em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #c0b283;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(270deg) translateY(-50%)
}



/* Floor Plans
==================================*/

.white-container {
    background: #fff;
    padding: 60px;
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
}

#fp-features ul {
    grid-column-gap: 10px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 10px;
    padding-left: 0;
}


/* Gallery
==================================*/

#gallery-container #filter-sort, #walkscore, .bubble-icon i {
    text-align: center
}

#gallery .one-third.gallery {
    min-height: 28vh;
}

#gallery .one-third.gallery:hover, #gallery-container #filter-sort span:hover, #specials-wrapper #close-special:hover {
    cursor: pointer
}
#gallery .one-third.gallery, #gallery-container #filter-sort span.active {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#gallery-container #filter-sort span.active {
    background: #183d4e;
    color: #fff
}
#gallery, #gallery-container #floor-plans, .contact-form {
    padding-top: 40px
}
#gallery .one-third.gallery {
    background: #000;
    width: 31%;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18)
}
#gallery .sort-item.active {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
#gallery .sort-item {
    overflow: hidden;
    position: relative;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}


/* Amenities
==================================*/

body#amenities #home-promo {
    padding-top: 0;
}

    body#amenities #wide-slider {
        margin-bottom: 60px;
    }

    .feature-box p {
        padding-bottom: 40px;
        text-align: center;

    }

    .feature-box ul {
        list-style-type: none;
        grid-column-gap: 10px;
        display: grid;
        grid-template-columns: 33% 33% 33%;
        grid-gap: 10px;
        padding-left: 2%;
        padding-right: 2%;
    }
	
	ul li {
        position: relative;
        font-size: .875rem;
    }

    @media only screen and (max-width: 1340px) and (min-width: 721px){
        .feature-box ul li {
            font-size: .675rem;
        }
    }

    .feature-box ul li:after {
        content: '';
        height: 4px;
        width: 4px;
        background: #333;
        display: block;
        position: absolute;
        transform: rotate(45deg);
        top: 40%;
        left: -15px;
    }
	
	.feature-box ul li {
		text-transform: capitalize;
	}
      
	 ul li span.image-description {
        font-family: 'Marcellus', arial, sans-serif;
        min-width: 80px;
        padding: .8em 1em;
        opacity: 1;
        background: #183d4e;
        border-radius: 30px;
        letter-spacing: .08em;
        font-weight: 400;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        text-transform: uppercase;
        display: block;
        margin-right: auto;
        margin-left: auto;
        font-size: .775rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .5);
        display: none;
    }


    .select-units {
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        font-style: italic;
        padding-top: 10px;
        width: 100%;
        text-align: center;
    }
   

    .floor-plans-slider {
        margin-bottom: 40px;
    }

#amenities ul li.flex-active-slide span.image-description {
    opacity: 1;
}

.amenities-bottom-feature {
    padding-bottom: 60px;
    padding-top: 60px;
}

.bottom-content h2 {
    font-size: 2.4rem;
}@font-face{font-family:'flexslider-icon';src:url('../fonts/flexslider-icon.eot');src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal;}
.flex-container a:hover,
.flex-slider a:hover{outline:none;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav{margin:0;padding:0;list-style:none;}
.flex-pauseplay span{text-transform:capitalize;}
.flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img{width:100%;display:block;}
.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .flexslider .slides{display:block;}
* html .flexslider .slides{height:1%;}
.no-js .flexslider .slides > li:first-child{display:block;}
.flexslider{width:100%;margin:0;position:relative;zoom:1;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{height:auto;-moz-user-select:none;}
#hero .flexslider .slides img {min-height: 100vh;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;overflow:hidden;}
.loading .flex-viewport{max-height:300px;}
.carousel li{margin-right:5px;}
.flex-direction-nav{width:80px;position:absolute;bottom:40px;z-index:10000;}
.left .flex-direction-nav{right:20px;transform:translateX(0%);}
.right .flex-direction-nav{left:20px;transform:translateX(0%);}
.flex-direction-nav a{font-style: normal !important; color: #fff;background:transparent;text-decoration:none;display:block;width:40px;height:40px;margin:0 0 0;position:relative;float:left;z-index:10;opacity:1;cursor:pointer;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.flex-direction-nav a:before{text-shadow: 0 1px 5px #000000;font-family:"flexslider-icon";font-size:18px;display:inline-block;content:'\f001';color:#fff;font-weight:200;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.flex-direction-nav a.flex-next:before{content:'\f002';}
.flex-direction-nav .flex-prev{left:0px;}
.flex-direction-nav .flex-next{right:0px;text-align:right;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1;}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;display:none !important;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0, 0, 0, 0.5);cursor:pointer;text-indent:-9999px;}
.flex-control-paging li a:hover{background:#333;background:rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0, 0, 0, 0.9);cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px;}
.flex-direction-nav .flex-next{opacity:1;right:10px;}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#000;color:#444;text-shadow:none;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;padding:3px !important;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:0px;right:0px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:-1px;}
.fancybox-next{right:-1px;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:-1px;background-position:0 -36px;}
.fancybox-next span{right:-1px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('../img/fancybox_sprite@2x.png');background-size:44px 152px;}
#fancybox-loading div{background-image:url('../img/fancybox_loading@2x.gif');background-size:24px 24px;}
}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.grabbing{cursor:url(grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}.owl-theme .owl-controls{margin-top:10px;text-align:center;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}hr.pretty-clear{width:10%;display:block;clear:both;margin:30px auto;padding:0;height:5px;background:#fff;border:none;}
#neighborhood .section-header{height:80vh;}
#walkscore{position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;padding-top:40px;padding-bottom:40px;}
#neighborhood-map-container{width:90%;padding-top:0px;padding-bottom:0px;z-index:10000;height:80vh;margin:0px auto;position:relative;overflow:hidden;}
#neighborhood-map{height:100%;width:100%;margin:0 auto;position:absolute;top:0;left:0;}
#category-container{width:20%;height:80vh;float:left;background:#333}
#neighborhood .location{position:relative;max-width:280px;width:100%;}
#neighborhood .location img{width:100%;height:auto;}
#neighborhood .location .text-box{padding:20px 0 20px 20px}
#neighborhood .location .text-box h2{margin:0 auto;padding:10px 0;color:#444;font-size:1.8rem;text-align:center;}
#neighborhood .location .text-box h4.block-report{color:#444;padding-bottom:10px;font-size:1rem}
#neighborhood .location .text-box a{color:#444}
.map-intro{background:#613259;width:100%;padding-top:20px;padding-bottom:20px;text-align:center;margin:0 auto;position:relative;}
.map-intro p{color:#fff;font-weight:300;font-size:1.4rem;text-align:center;padding:0;margin:0 auto;}
#map-list{width:250px;position:absolute;top:0;overflow:hidden;left:0;z-index:10000000;background:#F2EEE8;height:100%;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
#neighborhood-map-container.closed #map-list{transform:translateX(-100%);}
#map-list img.map-logo{margin:0 auto;width:100%;height:auto;}
#category-list{width:100%;height:100%;overflow-y:auto;opacity:1;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;padding-top:20px;}
#category-list.hide{opacity:0;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
#category-list h4{background:#fff;padding:15px 0;font-size:1.3rem;color:#384144;text-align:left;padding-left:30px;display:block;margin-top:5px;margin-bottom:5px;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.3);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);font-family:'oswald', arial, sans-serif;width:95%;margin-right:auto;margin-left:auto;}
#category-list h3:hover,#category-list h4:hover{cursor:pointer;background:#fff;}
#list-container{padding-top:10px;width:100%;height:100%;background:#F2EEE8;position:relative;}
#list-container .list-items{width:100%;height:100%;background:#F2EEE8;position:absolute;top:0;left:0;right:0;bottom:0;transform:translateX(100%);-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;z-index:100000000;overflow-y:auto;}
#list-container .list-items.active{transform:translateX(0);-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;padding-top:20px;}
#list-container .list-items h3.all-categories{background:#fff;width:90%;padding-top:10px;padding-bottom:10px;margin:0 auto;margin-bottom:20px;text-align:center;font-size:1.4rem;color:#384144;letter-spacing:.02em;text-transform:capitalize;text-align:center;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.3);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);}
#list-container .list-items h3.all-categories:hover{background:#fff;cursor:pointer;}
#list-container .list-items h4{color:#5d5d5d;background:#fff;padding:15px 0;font-size:1.3rem;text-align:left;padding-left:30px;display:block;margin-top:5px;margin-bottom:5px;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.3);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);font-family:'oswald', arial;}
#list-container .list-items ul{list-style-type:none;padding:0;margin:0;position:relative;}
#list-container .list-items ul li{color:#5d5d5d;width:100%;border-bottom:1px solid #ccc;padding-top:10px;padding-bottom:10px;text-align:left;padding-left:40px;padding-right:15px;display:block;font-size:.875rem;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
#list-container .list-items ul li:hover{background:#fff;cursor:pointer;}
#map-toggle{position:absolute;top:8px;height:40px;width:40px;font-size:1.8rem;font-family:"DINWebPro", arial, sans-serif;padding:0;color:#f5f5f5;line-height:35px;text-align:center;z-index:1000000000;left:210px;text-transform:uppercase;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0);box-shadow:0 2px 4px 0 rgba(0,0,0,0);-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;}
#map-toggle i{line-height:45px;}
#map-toggle:hover{color:#fff;cursor:pointer;}
#neighborhood-map-container.closed #map-toggle{left:0;top:60px;background:#183d4e;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.3);box-shadow:0 2px 4px 0 rgba(0,0,0,.3);}
@media screen and (max-width:721px){.map-intro p{font-size:13px;padding-left:15%;padding-right:15%;}
#neighborhood-map-container{overflow:visible;margin-bottom:30px;}
#neighborhood-map-container{height:auto;}
#map-list{display:block;width:100%;padding-top:15px;padding-left:15px;padding-right:15px;margin:0 auto 15px;position:relative;top:0;left:0;height:60vh;}
#list-container .list-items{transform:translateX(-130%);padding-left:30px;padding-right:30px;}
#list-container .list-items ul{padding-bottom:15px;}
#neighborhood-map{position:relative;top:0;left:0;margin-bottom:0;height:60vh;}
}
#location-box{background:#fff;padding:60px;position:relative;box-shadow:0 2px 3px 0 rgba(0,0,0,.18);}
@media screen and (max-width:721px){#walkscore h2.hood-title{font-size:3rem;}
#walkscore .score-box{width:90%;margin-right:auto;margin-left:auto;display:block;float:none;margin-bottom:15px;}
}@font-face {
	font-family: 'map-icons';
	src:url('../fonts/map-icons.eot');
	src:url('../fonts/map-icons.eot#iefix') format('embedded-opentype'),
		url('../fonts/map-icons.ttf') format('truetype'),
		url('../fonts/map-icons.woff') format('woff'),
		url('../fonts/map-icons.svg#map-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.map-icon-label .map-icon {
	display: block;
	font-size: 24px;
	color: #FFFFFF;
	width: 48px;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
}

.map-icon {
	font-family: 'map-icons';
	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;
}

.map-icon-abseiling:before {
	content: "\e800";
}

.map-icon-accounting:before {
	content: "\e801";
}

.map-icon-airport:before {
	content: "\e802";
}

.map-icon-amusement-park:before {
	content: "\e803";
}

.map-icon-aquarium:before {
	content: "\e804";
}

.map-icon-archery:before {
	content: "\e805";
}

.map-icon-art-gallery:before {
	content: "\e806";
}

.map-icon-assistive-listening-system:before {
	content: "\e807";
}

.map-icon-atm:before {
	content: "\e808";
}

.map-icon-audio-description:before {
	content: "\e809";
}

.map-icon-bakery:before {
	content: "\e80a";
}

.map-icon-bank:before {
	content: "\e80b";
}

.map-icon-bar:before {
	content: "\e80c";
}

.map-icon-baseball:before {
	content: "\e80d";
}

.map-icon-beauty-salon:before {
	content: "\e80e";
}

.map-icon-bicycle-store:before {
	content: "\e80f";
}

.map-icon-bicycling:before {
	content: "\e810";
}

.map-icon-boat-ramp:before {
	content: "\e811";
}

.map-icon-boat-tour:before {
	content: "\e812";
}

.map-icon-boating:before {
	content: "\e813";
}

.map-icon-book-store:before {
	content: "\e814";
}

.map-icon-bowling-alley:before {
	content: "\e815";
}

.map-icon-braille:before {
	content: "\e816";
}

.map-icon-bus-station:before {
	content: "\e817";
}

.map-icon-cafe:before {
	content: "\e818";
}

.map-icon-campground:before {
	content: "\e819";
}

.map-icon-canoe:before {
	content: "\e81a";
}

.map-icon-car-dealer:before {
	content: "\e81b";
}

.map-icon-car-rental:before {
	content: "\e81c";
}

.map-icon-car-repair:before {
	content: "\e81d";
}

.map-icon-car-wash:before {
	content: "\e81e";
}

.map-icon-casino:before {
	content: "\e81f";
}

.map-icon-cemetery:before {
	content: "\e820";
}

.map-icon-chairlift:before {
	content: "\e821";
}

.map-icon-church:before {
	content: "\e822";
}

.map-icon-circle:before {
	content: "\e823";
}

.map-icon-city-hall:before {
	content: "\e824";
}

.map-icon-climbing:before {
	content: "\e825";
}

.map-icon-closed-captioning:before {
	content: "\e826";
}

.map-icon-clothing-store:before {
	content: "\e827";
}

.map-icon-compass:before {
	content: "\e828";
}

.map-icon-convenience-store:before {
	content: "\e829";
}

.map-icon-courthouse:before {
	content: "\e82a";
}

.map-icon-cross-country-skiing:before {
	content: "\e82b";
}

.map-icon-crosshairs:before {
	content: "\e82c";
}

.map-icon-dentist:before {
	content: "\e82d";
}

.map-icon-department-store:before {
	content: "\e82e";
}

.map-icon-diving:before {
	content: "\e82f";
}

.map-icon-doctor:before {
	content: "\e830";
}

.map-icon-electrician:before {
	content: "\e831";
}

.map-icon-electronics-store:before {
	content: "\e832";
}

.map-icon-embassy:before {
	content: "\e833";
}

.map-icon-expand:before {
	content: "\e834";
}

.map-icon-female:before {
	content: "\e835";
}

.map-icon-finance:before {
	content: "\e836";
}

.map-icon-fire-station:before {
	content: "\e837";
}

.map-icon-fish-cleaning:before {
	content: "\e838";
}

.map-icon-fishing-pier:before {
	content: "\e839";
}

.map-icon-fishing:before {
	content: "\e83a";
}

.map-icon-florist:before {
	content: "\e83b";
}

.map-icon-food:before {
	content: "\e83c";
}

.map-icon-fullscreen:before {
	content: "\e83d";
}

.map-icon-funeral-home:before {
	content: "\e83e";
}

.map-icon-furniture-store:before {
	content: "\e83f";
}

.map-icon-gas-station:before {
	content: "\e840";
}

.map-icon-general-contractor:before {
	content: "\e841";
}

.map-icon-golf:before {
	content: "\e842";
}

.map-icon-grocery-or-supermarket:before {
	content: "\e843";
}

.map-icon-gym:before {
	content: "\e844";
}

.map-icon-hair-care:before {
	content: "\e845";
}

.map-icon-hang-gliding:before {
	content: "\e846";
}

.map-icon-hardware-store:before {
	content: "\e847";
}

.map-icon-health:before {
	content: "\e848";
}

.map-icon-hindu-temple:before {
	content: "\e849";
}

.map-icon-horse-riding:before {
	content: "\e84a";
}

.map-icon-hospital:before {
	content: "\e84b";
}

.map-icon-ice-fishing:before {
	content: "\e84c";
}

.map-icon-ice-skating:before {
	content: "\e84d";
}

.map-icon-inline-skating:before {
	content: "\e84e";
}

.map-icon-insurance-agency:before {
	content: "\e84f";
}

.map-icon-jet-skiing:before {
	content: "\e850";
}

.map-icon-jewelry-store:before {
	content: "\e851";
}

.map-icon-kayaking:before {
	content: "\e852";
}

.map-icon-laundry:before {
	content: "\e853";
}

.map-icon-lawyer:before {
	content: "\e854";
}

.map-icon-library:before {
	content: "\e855";
}

.map-icon-liquor-store:before {
	content: "\e856";
}

.map-icon-local-government:before {
	content: "\e857";
}

.map-icon-location-arrow:before {
	content: "\e858";
}

.map-icon-locksmith:before {
	content: "\e859";
}

.map-icon-lodging:before {
	content: "\e85a";
}

.map-icon-low-vision-access:before {
	content: "\e85b";
}

.map-icon-male:before {
	content: "\e85c";
}

.map-icon-map-pin:before {
	content: "\e85d";
}

.map-icon-marina:before {
	content: "\e85e";
}

.map-icon-mosque:before {
	content: "\e85f";
}

.map-icon-motobike-trail:before {
	content: "\e860";
}

.map-icon-movie-rental:before {
	content: "\e861";
}

.map-icon-movie-theater:before {
	content: "\e862";
}

.map-icon-moving-company:before {
	content: "\e863";
}

.map-icon-museum:before {
	content: "\e864";
}

.map-icon-natural-feature:before {
	content: "\e865";
}

.map-icon-night-club:before {
	content: "\e866";
}

.map-icon-open-captioning:before {
	content: "\e867";
}

.map-icon-painter:before {
	content: "\e868";
}

.map-icon-park:before {
	content: "\e869";
}

.map-icon-parking:before {
	content: "\e86a";
}

.map-icon-pet-store:before {
	content: "\e86b";
}

.map-icon-pharmacy:before {
	content: "\e86c";
}

.map-icon-physiotherapist:before {
	content: "\e86d";
}

.map-icon-place-of-worship:before {
	content: "\e86e";
}

.map-icon-playground:before {
	content: "\e86f";
}

.map-icon-plumber:before {
	content: "\e870";
}

.map-icon-point-of-interest:before {
	content: "\e871";
}

.map-icon-police:before {
	content: "\e872";
}

.map-icon-political:before {
	content: "\e873";
}

.map-icon-post-box:before {
	content: "\e874";
}

.map-icon-post-office:before {
	content: "\e875";
}

.map-icon-postal-code-prefix:before {
	content: "\e876";
}

.map-icon-postal-code:before {
	content: "\e877";
}

.map-icon-rafting:before {
	content: "\e878";
}

.map-icon-real-estate-agency:before {
	content: "\e879";
}

.map-icon-restaurant:before {
	content: "\e87a";
}

.map-icon-roofing-contractor:before {
	content: "\e87b";
}

.map-icon-route-pin:before {
	content: "\e87c";
}

.map-icon-route:before {
	content: "\e87d";
}

.map-icon-rv-park:before {
	content: "\e87e";
}

.map-icon-sailing:before {
	content: "\e87f";
}

.map-icon-school:before {
	content: "\e880";
}

.map-icon-scuba-diving:before {
	content: "\e881";
}

.map-icon-search:before {
	content: "\e882";
}

.map-icon-shield:before {
	content: "\e883";
}

.map-icon-shopping-mall:before {
	content: "\e884";
}

.map-icon-sign-language:before {
	content: "\e885";
}

.map-icon-skateboarding:before {
	content: "\e886";
}

.map-icon-ski-jumping:before {
	content: "\e887";
}

.map-icon-skiing:before {
	content: "\e888";
}

.map-icon-sledding:before {
	content: "\e889";
}

.map-icon-snow-shoeing:before {
	content: "\e88a";
}

.map-icon-snow:before {
	content: "\e88b";
}

.map-icon-snowboarding:before {
	content: "\e88c";
}

.map-icon-snowmobile:before {
	content: "\e88d";
}

.map-icon-spa:before {
	content: "\e88e";
}

.map-icon-square-pin:before {
	content: "\e88f";
}

.map-icon-square-rounded:before {
	content: "\e890";
}

.map-icon-square:before {
	content: "\e891";
}

.map-icon-stadium:before {
	content: "\e892";
}

.map-icon-storage:before {
	content: "\e893";
}

.map-icon-store:before {
	content: "\e894";
}

.map-icon-subway-station:before {
	content: "\e895";
}

.map-icon-surfing:before {
	content: "\e896";
}

.map-icon-swimming:before {
	content: "\e897";
}

.map-icon-synagogue:before {
	content: "\e898";
}

.map-icon-taxi-stand:before {
	content: "\e899";
}

.map-icon-tennis:before {
	content: "\e89a";
}

.map-icon-toilet:before {
	content: "\e89b";
}

.map-icon-trail-walking:before {
	content: "\e89c";
}

.map-icon-train-station:before {
	content: "\e89d";
}

.map-icon-transit-station:before {
	content: "\e89e";
}

.map-icon-travel-agency:before {
	content: "\e89f";
}

.map-icon-unisex:before {
	content: "\e8a0";
}

.map-icon-university:before {
	content: "\e8a1";
}

.map-icon-veterinary-care:before {
	content: "\e8a2";
}

.map-icon-viewing:before {
	content: "\e8a3";
}

.map-icon-volume-control-telephone:before {
	content: "\e8a4";
}

.map-icon-walking:before {
	content: "\e8a5";
}

.map-icon-waterskiing:before {
	content: "\e8a6";
}

.map-icon-whale-watching:before {
	content: "\e8a7";
}

.map-icon-wheelchair:before {
	content: "\e8a8";
}

.map-icon-wind-surfing:before {
	content: "\e8a9";
}

.map-icon-zoo:before {
	content: "\e8aa";
}

.map-icon-zoom-in-alt:before {
	content: "\e8ab";
}

.map-icon-zoom-in:before {
	content: "\e8ac";
}

.map-icon-zoom-out-alt:before {
	content: "\e8ad";
}

.map-icon-zoom-out:before {
	content: "\e8ae";
}

#sticky-form {
    height: 40px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-top: 5px;
    position: fixed;
    bottom: 0;
    background: #183d4e;
    z-index: 1000000;
    -webkit-box-shadow: 0 -10px 8px 0 rgba(0,0,0,.18);
    box-shadow: 0 -10px 8px 0 rgba(0,0,0,.18);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    padding-bottom: 10px;
    bottom: -100px;
}

#sticky-form.active {
    bottom: 0;
}
#sticky-form.submitted {
    bottom: -1000px;
}
#sticky-form.sticky-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: inline-block;
}
#sticky-form input {
    font-size: .8rem;
    width: 20%;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 1010px;
    display: inline-block;
    text-align: center;
    height: 20px;
    margin-top: 4px;
    border: none;
    background: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-family: gotham-book, arial, sans-serif;
}
#sticky-form input:active {
    outline: none !important;
}
#sticky-form input::-webkit-input-placeholder {
    color: #fff !important;
    text-transform: uppercase;
}
#sticky-form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff !important;
    text-transform: uppercase;
}
#sticky-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
    text-transform: uppercase;
}
#sticky-form input:-ms-input-placeholder {
    color: #fff !important;
    text-transform: uppercase;
}
#sticky-form input.submit-button {
    background: #fff;
    color: #555 !important;
    height: 23px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    line-height: 10px;
    border-radius: 15px;
}
#sticky-form input.submit-button:hover {
    background: #ccc;
    border: 1px solid #fff;
    color: #fff;
}/* Neighborhood hotspots
------------------------------------*/

#hotspots {
    margin-bottom: 20px;
}

#hotspots .hotspot {
    position: relative;
    display: block;
    margin-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    overflow: hidden;
    width: 31%;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.18);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.18);
}

#hotspots .hotspot:hover {

}

.hotspot .inner-info {
    position: absolute;
    z-index: 100;
    background: rgba(0,0,0,.7);
    text-align: center;
    padding: 20% 0 40px 0;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    opacity: 0;
    transform: translateY(30%)
}

.hotspot:hover .inner-info {
    opacity: 1;
    transform: translateY(0);
}

.hotspot .inner-info h2 {
    padding-top: 0;
    padding-bottoM: 15px;
    line-height: 1em;
    color: #fff;
}

.hotspot .inner-info h3 {
    font-size: 1rem;
    padding-top: 0;
    padding-bottom: 15px;
    color: #fff;
}

.hotspot .inner-info span {
    width: 100%;
    max-width: 140px;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    color: #333;
    height: 35px;
    line-height: 35px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-family: oswald, arial, sans-serif;
}

.hotspot img {
    width: 100%;
}



@media screen and (max-width:721px){#walkscore h2.hood-title{font-size:3rem;}
    #walkscore .score-box{width:90%;margin-right:auto;margin-left:auto;display:block;float:none;margin-bottom:15px;}

    #hotspots .hotspot {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

    #hotspots .hotspot .inner-info {
        transform: translateY(0);
        opacity: 1;
    }


}.desktop{display:block !important;}
.desktop-inline{display:inline-block !important;}
.mobile{display:none !important;}

span#menu-icon {
    color: #fff;
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 25px;
    right: 15px;
    line-height: 1em;
    z-index: 99999;
    text-shadow: 0 1px 2px #636363;
    background-size: 25px 25px;
    background-image: url(../img/menu-icon.png);
    background-position: center center;
    background-repeat: no-repeat
}

#header .top-phone {
    color: #888;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 23px;
    right: 50px;
    line-height: 1em;
    z-index: 99999;
    font-size: 30px;
}
#header .top-marker {
    color: #888;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 23px;
    right: 80px;
    line-height: 1em;
    z-index: 99999;
    font-size: 30px;
}

@media only screen and (max-width:720px){
	body#home-page {border-top: 80px transparent solid;}
    .desktop{display:none !important;}
    .desktop-inline{display:none !important;}
    .mobile{display:block !important;}
    html{position:relative;max-width:100%;width:100%;overflow:hidden;height:auto;overflow-y:scroll;}
    body{width:100%;max-width:100%;position:absolute;top:0;margin-right:auto;margin-left:auto;overflow:hidden;}
    p{padding-right:10px;padding-left:10px;font-size:1.1rem;}
    .inner-wrapper, .wrapper{width:100%;max-width:100%;position:relative;margin-right:auto;margin-left:auto;}
    .one-half, .one-third, .two-thirds, .one-half-true, .one-fourth, .one-fifth, .two-fifths, .three-fourths, .three-fifths,.four-fifths{width:100%;margin-right:auto;margin-left:auto;}
    .left, .right{float:none;padding-left:0;padding-right:0;}
    .inner-wrapper{padding-right:0;padding-left:0;}
    .button{max-width:240px;font-size:.875rem;}
    #header{top:0;bottom:inherit;}
    #header #logo{width:80px;height:80px;}
    h2.section-title {
        font-size: 1.8rem !important;
    }

    hr.clear-pretty {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* Mobile Nav
    -------------------------------*/

    #header {
        width: 100%;
        height: 80px;
        background: rgba(255,255,255,.9);
        position: fixed;
        top: 0;
        left: 0;
         -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
         box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    }

    #header #mobile-logo {
        float: left;
        height: 80px;
        width: 220px;
        background: url(../img/mobile-logo.png) left center no-repeat;
        background-size: 60% auto;
        margin-left: 15px;
    }
	
	#down-arrow {
		display: none;
	}		

	
	#hero {
		min-height: 20vh;
	}

    
    #hero #award {
        width: 50px;
        height: 50px;
        bottom: 6px;
        top: auto;
    }

    /* Mobile Nav
    -------------------------------*/


    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        z-index: -1;
        background-color: rgba(50,50,50,.98);
        text-align: center;
        height: 100vh;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        -moz-transform: scale(.98);
        -webkit-transform: scale(.98);
        -o-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
    }

    #mobile-nav.active {
        opacity: 1;
        z-index: 1000000000;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
    }

        #mobile-nav #close-nav {
            position: absolute;
            right: 15px;
            top: 15px;
        }

            #mobile-nav #close-nav i {
                color: #fff;
            }

    #mobile-nav .mobile-nav-logo {
        margin: 30px auto 30px;
        text-align: center;
        display: block;
        position: relative;
        width: 50%;
    }

        #mobile-nav .mobile-nav-logo img {
            width: 100%;
        }

    #mobile-nav .nav-link {
        displaY: block;
        width: 100%;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 200;
        line-height: 2em;
        text-align: left;
    }

    #mobile-nav .mobile-nav {
        margin: 0 auto 60px;
        padding-bottom: 30px;
        clear: both;
        width: 75%;
        border-bottom: 1px solid #b1b1b1;
    }

    #mobile-nav .social-block {
        width: 100%;
        margin: 0 auto;
    }

        #mobile-nav .social-block a {
            color: #555a;
            font-size: 30px;
            margin-right: 4px;
            margin-left: 4px;
        }

    /* Home Page
    --------------------------------*/

    #hero #bgvid {
        margin-top: 0;
    }

    #home-intro #home-content {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }


    #home-intro #home-content h1 {
        font-size: 1.8rem;
    }

    #home-intro #home-content.active {
        top: -20px;
    }

    #hero span#down-arrow {
        bottom: 100px;
    }

    #home-intro #home-content {
        padding: 30px;
    }
	
	#home-intro {
		padding-top: 30px;
		margin-bottom: 0;
	}

    #home-intro img#intro-logo {
        max-width: 210px;
        margin-right: auto;
        margin-left: auto;
        float: none;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }

        #home-content p {
            font-size: 1rem;
            padding: 0;
            margin: 0;
            text-align: center;
        }

    #home-promo {
        padding-left: 10px;
        padding-right: 10px;
    }

        #home-promo .flex-direction-nav {
            display: none !important;
        }

        #home-promo .promo-wrap {
            -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.0);
            box-shadow: 0 4px 5px 0 rgba(0,0,0,.0);
        }

    #home-promo .promo-row {
        margin-bottom: 40px;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    }

    #home-promo .inner-text-box {
        padding: 40px;
    }

        #home-fly-boxes .fly-box .fly-overlay {
            background: rgba(0, 0, 0, .4);
        }

            #home-fly-boxes .fly-box .fly-overlay {
                background: rgba(0, 0, 0, .4);
            }

                #home-fly-boxes .fly-box .fly-overlay h2 {
                    padding-top: 15px;
                    padding-bottom: 15px;
                    opacity: 1;
                }
        #home-fly-boxes .fly-box {
            border: 10px solid transparent;
        }

        #home-promo .inner-text-box h3 {
            text-align: center;
        }

            #home-promo .inner-text-box ul {
                list-style-type: none;
            }

            #home-promo .bottom-content {
                padding: 20px;
            }

            #home-promo .bottom-content h2 {
                font-size: 2rem;
            }

            #home-promo .bottom-content p {
                font-size: .875rem;
            }

    #home-fly-boxes .flybox {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    }


    .bottom-content h2 {
        font-size: 1.8rem;
    }

    /* Inner Pages
    ----------------------------------*/

    .white-container {
        padding: 30px;
    }

        .white-container p {
            font-size: .875rem;
        }

        #floor-plans-container #filter-sort span, #gallery-container #filter-sort span {
            width: 48%;
            margin-left: 1%;
            margin-right: 1%;
            margin-bottom: 10px;
            float: left;
        }

    #floor-plans .one-third.floor-plan {
        width: 95%;
        margin-bottom: 5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #fp-features {
        width: 95%;
        padding: 40px;
    }

        #fp-features ul {
            list-style-type: none;
            grid-template-columns: 95%;
            text-align: center;
            margin-top: 0;
        }

        body#amenities #wide-slider {
            margin-bottom: 30px;
        }

        #wide-slider .flex-direction-nav {
            display: none;
        }

            .wide-slider ul li img {
                width: 100%;
            }

            .feature-box {
                width: 95%;
                margin-right: auto;
                margin-left: auto;
            }

            .feature-box ul {
                grid-template-columns: 95%;
                list-style-type: none;
                text-align: center;
            }

    #gallery .one-third.gallery {
        width: 95%;
        margin: 0 auto 5%;
    }

    .feature-box ul li:after {
        opacity: 0;
        display: none !important;
    }

    /* Footer
    ----------------------------------*/

    #contact-container.foot-contact {
        background: url(../img/dark_fish_skin.png);
    }

    #contact-container.foot-contact #contact-content {
        padding-bottom: 20px;
    }

    #contact-container .foot-brand {
        margin-bottom: 40px;
    }

    #contact-container .social-block {
        text-align: center;
        margin-bottoM: 30px;
        margin-top: 15px;
    }

        #contact-container .social-block a {
            display: inline-block;

        }

    #contact-container.foot-contact #foot-tour-request input.one-half {
        width: 100%;
    }

    #contact-container.foot-contact .foot-logo {
        bottom: initial;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

    #contact-container .foot-info-box {
        float: none;
        text-align: center;
        padding-top: 20px;
    }

    #contact-container .foot-info-box a {
        display: inline-block;
        text-align: center;
        float: none;
        margin-right: 10px;
        margin-left: 10px;
    }

    #contact-container.foot-contact h3.by {
        margin-top: 40px;
    }

    #contact-container.foot-contact #foot-tour-request #form-submit {
        width: 100%;
    }

    #contact-container.foot-contact #contact-content {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        padding-top: 100px;
    }

    #contact-container.foot-contact a {
        color: #fff;
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align: center;
        float: none;
    }

    #contact-container .social-block a {
        text-align: center;
        display: inline-block;
    }

    #contact-container #map-block{
        padding-right: 0;
        padding-bottom: 30px;
    }

    #contact-container.foot-contact #foot-map-container {
        border: none;
    }

    #contact-container .foot-hours {
        float: left !important;
    }


    #contact-container .foot-info-box {
        width: 100%;
        text-align: center;
    }
    
    #contact-container.foot-contact a {
        display: inline-block;
        text-align: center;
    }

     /* Contact Page
    ------------------------------*/

    .contact-form .one-half, .contact-form input.half-width {
        width: 100%;
    }
}







/*==============================



    Header Incentive Styles



==============================*/



@font-face {

    font-family: "retrow-mentho";

    src: url("../fonts/retrow-mentho.woff") format("woff");

}





#header-incentive, #header.scrolling #header-incentive, .scrolling #top-apply {

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    transition: all 250ms ease-in-out

}

#header-incentive {

    background: rgba(255, 130, 0, .95);

    height: 1000px;

    overflow: hidden;

    /*display: none!important;*/

    max-height: 50px;

    position: absolute;

    width: 100%;

    bottom: -50px;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    opacity: 1;

    z-index: 1000000;

}



#header-incentive.active {

    opacity: 0;

    z-index:-1;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -ms-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

}





#header-incentive a, #header-incentive p {

    color: #fff;

    text-align: center;

    line-height: 50px;

    margin-bottom: 0;

    letter-spacing: .02em;

    font-family: 'oswald', sans-serif;

    font-size: 1.6rem;

    font-weight: 400;

    text-transform: uppercase;

}



#header-incentive .tour-text {

    font-size: 1.2rem;

    position:relative;

    top: -3px

}

#header-incentive a.button {

    padding: 8px 10px 5px;

    margin-left: .5em;

    display: inline-block;

    position: relative;

    top: -2px;

    font-weight: 400;

    font-size: 1rem

}

#header-incentive .fi-die-one {

    font-size: .675rem;

    padding-left: 5px;

    padding-right: 5px

}

@media only screen and (max-width:722px) {

    #header.scrolling #header-incentive {

        max-height: 40px;

        bottom: -40px;

    }



    #header #header-incentive p {

        line-height: 15px;

        font-weight: 300;

    }



    #header #header-incentive p a{

        font-size: 1rem;

        line-height: 38px;

    }



    #header-incentive .tour-font {

        font-size: 1rem;

        position:relative;

        top:0px;

    }





    #header-incentive .tour-text {

        font-size: 1rem;

        position:relative;

        top:0px;

    }



}#tour-pop {
    width: 100%;
    max-width:600px;
    position:fixed;
    padding:0;
    margin:0;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-20%);
    z-index:1000000;
    -webkit-box-shadow:0 0 200px 0px rgba(0,0,0,.8);
    box-shadow:0 0 200px 0px rgba(0,0,0,.8);
    background:#f5f5f5;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
    text-align:center;
    z-index: -1;
    opacity: 0;
    outline-offset: -10px;
    background: #fff;
    padding-bottom: 30px;
}

#tour-pop.active{
    z-index: 100000000;
    opacity: 1; 
    transform:translateX(-50%) translateY(-50%);
}

.overlay-pop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    outline: solid 5px #848494;;
    outline-offset: -15px;
}

#tour-pop .tour-message {
   width: 100%;
    text-align: center;
}

#tour-pop .tour-message img {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    float: none;
}

#tour-pop .tour-message  h3 {
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 20px;
    margin-bottom: 0;
    font-size: 1.1rem;
}

#tour-pop h3.or {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
	margin: 0 auto;
}
#tour-pop img {
    width: 100%;
    float: left;
}
#tour-pop h2{
    font-size:2.8rem;
    text-align:center;
    padding-top: 30px;
    line-height:1.2em;
	font-weight: 600;
}

#tour-pop h2 span.summer-pop {
    font-size: 1.2rem;
    display: block;
    padding-top: 10px;
}
#tour-pop p.tour-message-text {
	font-size: 1.2rem;
}

#tour-pop .close{
    position: absolute;
	top: 10px;
    right: 10px;
    width: 50px;
    padding-top: 14px;
    height: 40px;
    z-index: 1000000;
    color: #ccc;
}

#tour-pop .section-intro a.button {
	margin-top: 10px;
    margin-bottom: 10px;
    z-index: 10000000;
}

#tour-pop #tour-pop-close i {
    font-size: 1.5rem;
    color: #fff;
}
#tour-pop .close:hover {
    cursor: pointer
}
#tour-tab.hidden {
    left: -2000px
}
#tour-tab {
    z-index: 100000;
    position: fixed;
    right: -70px;
    top: 50%;
    width: 135px;
    color: #fff;
    padding-left: .5em;
    padding-right: .5em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #c0b283;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(270deg) translateY(-50%)
}

.section-intro .button {
    background: #264556;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 30px auto;
    border-radius: 2px;
    box-shadow: 3px 6px 16px 0 rgba(115, 115, 115, .5);
    border: none;
    padding: 0;
    min-width: 240px;
	max-width: 310px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	border-radius: 50px;
}

.section-intro .button:hover {
	background: #ccc;
	
}

#tour-pop .summer-pop {
    font-size:2.4rem;
    display: block;
    line-height: 1em;
}

#specials-button {
    width: auto;
    height: 45px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 20px;
    z-index: 10000000;
    display: block;
    background: #c0b283;
    border-radius: 50px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    min-width: 280px;
    padding: 0;
    letter-spacing: .02em;
    -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.18);
    box-shadow: 0 0 20px 10px rgba(0,0,0,.18);
    transform-origin: bottom;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

#specials-button.active {
    bottom: 20px;
}

#specials-button:hover {
    background: #183d4e;
}

/* Fade Up styles
--------------------------------------*/

#tour-pop .tour-message img {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tour-pop .tour-message img.active {
    opacity: 1;
    transform: translateY(0%);
}

#tour-pop h2 {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tour-pop h2.active {
    opacity: 1;
    font-size: 1.8rem;
    transform: translateY(0%);
}


#tour-pop h3 {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tour-pop h3.active {
    opacity: 1;
    transform: translateY(0%);
}


#tour-pop p {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tour-pop p.active {
    opacity: 1;
    transform: translateY(0%);
}


#tour-pop a.button {
    opacity: 0;
    transform: translateY(50%);
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tour-pop a.button.active {
    opacity: 1;
    transform: translateY(0%);
    z-index: 100000000;
    position: relative;
}

#tour-pop h2 {
    font-size: 2rem;
    padding-bottom: 30px;
}

.bounce-3 {
    animation-name: bounce-3;
    animation-timing-function: ease;
}

@keyframes bounce-3 {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-15px); }
    50%  { transform: translateY(0); }
    100% { transform: translateY(0); }
}


@media only screen and (max-width:721px) {
    #tour-pop {
        max-width: 95%;
        max-height: 95vh;
        overflow-y: auto;
    }
    #tour-pop h2 {
        font-size: 2rem
    }

    #tour-pop .tour-message {
        padding: 0px;
    }

    #tour-pop .summer-pop {
        font-size:2.1rem;
        display: block;
        line-height: 1em;
    }

    #tour-pop .tour-message h2 {
        font-size: 2rem;
    }

    #tour-pop .tour-message h2 span.summer-pop {
        font-size: 1rem;
    }

    #tour-pop .tour-message h3 {
        font-size: 1.3rem;
        padding-bottom: 10px;
    }

    #tour-pop p {
        font-size: .675rem;
    }

    #tour-pop .tour-message img {
        max-width: 100%;
    
    }
    
    #tour-pop .two-third {
        padding-left: 15px;
        padding-right: 15px;
    }

    #tour-tab { 
        top: 50%;
    }

    #specials-button {
        line-height: 30px;
        height: 30px;
        font-size: .675rem;
        min-width: 180px;
        right: 5px;
    }

    #specials-button.active {
        bottom: 45px;
    }
}
hr.fancy-break{border-top:3px solid #999; width: 100%; max-width: 600px; margin-right: auto;margin-left: auto;margin-bottom: 60px;}
.vr-button{max-width:310px;width:100%;text-transform:uppercase;margin-top:15px}
.vr-button .vr-tour-icon{display:inline-block;width:36px;height:30px;background-image:url(https://www.500crawford.com/img/icons/vr-tour-icon.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;margin-right:.5em}
span.tour-icon{display:inline-block;}
#virtual-tour,.vr-button{text-align:center}
#virtual-tour h3{font-size:3rem;text-transform:uppercase;padding-bottom:30px}
#virtual-tour p{font-size:1rem;padding-top:30px;padding-bottom:60px;margin-right: auto;margin-left: auto;}
#virtual-tour .section-intro h3 {
	font-size: 1.5rem;
	padding-bottom: 0;
	margin-bottom: 15px;
}
#virtual-tour .section-intro p {
	font-size:1rem;
	padding-top: 0;
}
#virtual-tour h3 {
	font-size: 1.8rem;
}

#virtual-tour .virtual-stage{background:#000;position:relative;padding-top:45.25%;margin-right:auto;margin-left:auto;width:80%;-webkit-box-shadow:12px 0 25px -3px rgba(140,140,140,.8),-12px 0 25px -3px rgba(140,140,140,.8);box-shadow:12px 0 25px -3px rgba(140,140,140,.8),-12px 0 25px -3px rgba(140,140,140,.8)}
#virtual-tour .virtual-stage iframe{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}
#tour-nav{background:#183d4e;position:relative;padding:30px 30px 40px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.3);box-shadow:0 2px 8px 0 rgba(0,0,0,.3);text-align:left}
#tour-nav a,#tour-nav h3{color:#eee}
#tour-nav h3{padding-bottom:3px;padding-top:30px;border-bottom:1px solid #eee;line-height:1em;margin-bottom:20px;font-size:2rem}
#tour-nav a{display:block;padding-bottom:10px;padding-left:28px;position:relative;margin-left:5px}
#tour-nav a.amenity-icon:before,#tour-nav a.floor-plan-icon:before{position:absolute;left:0;top:0;transform:translateY(0%)}
#tour-nav a.amenity-icon:before{content:url(../img/vrtour/amenity-icon.png)}
#tour-nav a.floor-plan-icon:before{content:url(../img/vrtour/floor-plan-icon.png)}
#tour-nav.sticky{position:fixed;top:82px}#tour-nav.sticky.bottom-stick{top:inherit;bottom:0;position:absolute}
@media only screen and (max-width:721px){
	hr.fancy-break{border-top:1px solid transparent}
	#virtual-tour{padding-top:60px}
	#virtual-tour .virtual-stage{width:100%;padding-top:55.25%;-webkit-box-shadow:12px 0 25px -3px transparent,-12px 0 25px -3px transparent;box-shadow:12px 0 25px -3px transparent,-12px 0 25px -3px transparent}
	#virtual-tour h3{padding-top:30px;font-size:1.8rem}
	#virtual-tour p{font-size:1em;width:90%;margin-right:auto;margin-left:auto;padding-top:15px;padding-bottom:40px}
	}#main-wrapper.blog{background-image:url("../img/header-images/latests-bg.jpg");background-size:100% auto;background-repeat:no-repeat;background-attachment:fixed;}
#main-wrapper.the-latests .section-header{height:66vh;}
#blog .inner-wrapper{padding-bottom:60px;}
#blog-header {
    padding-top: 260px;
    text-align: center;
}
#the-blog{width:100%;position:relative;}
#the-blog .blog-article-roll{border-radius:4px;background:#fefefe;-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.18);box-shadow:0 4px 15px 0 rgba(0,0,0,.18);padding:30px;margin-bottom:60px;}
#the-blog .blog-article-roll .thumb-holder{position:relative; padding-right: 30px;}
#the-blog .blog-article-roll .thumb-holder img{width:100%; box-shadow: 3px 6px 16px 0 rgba(115,115,115,.5)}
#the-blog .blog-article-roll .three-fourths{padding-left:40px;}
#the-blog .blog-article-roll h2{padding-bottom:5px;padding-top:0;}
#the-blog .blog-article-roll span.info-date{font-size:.875rem;display:block;font-style:italic;color:#b1b1b1;width:100%;border-bottom:1px solid #ddd;margin-bottom:15px;font-family:DINWebProCondBold,arial,sans-serif;}
#the-blog .blog-article-roll a { color: blue; }
#the-blog .blog-article-roll p {
    padding-bottom: 20px;
}
#the-blog .info-date {
    padding-bottom: 5px;
}

#the-blog .button.article-read-more {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
}

#blog .section-header h1 {
    padding-bottom: 60px;
}

#the-blog p {
    line-height: 1.8em;
}

.button.article-read-more{
    max-width:240px;
    font-weight:600;
    letter-spacing:.08em;border-radius:2px;-webkit-border-radius:2px;font-size:.875rem;text-transform:uppercase;
    webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -webkit-transition: all 75ms ease-in-out;
    -moz-transition: all 75ms ease-in-out;
    -ms-transition: all 75ms ease-in-out;
    -o-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out;
    font-size: .75rem;
    letter-spacing: .02em;
    background: #c5654d;
    color: #fefefe;
    font-family: "DINWebPro", serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    padding: .2em .5em;
    text-align: center;
    font-family: 'oswald', 'Merriweather', sans-serif;
    text-transform: uppercase;
    width: 120px;
    border: none;
    float: left;
}
.button.article-read-more:hover {
    background: #ccc;
    color: #fff;
}

.blog-article{padding:40px;background:#fefefe;min-height:80vh;margin-top:200px;margin-bottom:60px;}
.blog-article img{width:75%; display: block; margin: 0 auto; text-align: center;margin-bottom:30px;}
.blog-article h1{padding-top:0;padding-bottom:5px;margin-bottom:0;font-size:3.1rem;}
.blog-article h2.sub-header{font-size:1.4rem;text-align:center;width:100%;margin:0 auto;color:#b1b1b1;margin-bottom:30px;padding:0;}
.blog-article span.info-date{text-align:center;display:block;font-size:.875rem;font-style:italic;font-family:DINWebProCondBold,arial,sans-serif; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom :30px;}
.blog-article h3,
.blog-article h4,
.blog-article h5{padding-top:0;padding-bottom:0;}
.blog-article p{font-weight:300; margin-bottom: 20px;}
.blog-article h3 {line-height: 1.2em; margin-bottom: 30px;}
.blog-article img {box-shadow: 3px 6px 16px 0 rgba(115,115,115,.5)}
.blog-article a {color: blue; }
#the-blog .blog-article-roll a.article-read-more {color: #fff; }
.credit {
    font-size: .875rem;
    text-align: center;
    margin-bottom: 30px;
    display:  block;
    color: #ccc;
    font-style: italic;
}#home-quotes {
    background-size: cover;
    background-position: center center;
    background-image: url(../img/quote-bg.webp);
    padding-top: 10vh;
    height: 90vh;
}

#home-quotes h2 {
    padding-bottom: 0;
    font-size: 2.1rem;
    color: #fff;
}

#home-quotes h2.quotes-title {
    font-size: 3.1rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

#home-quotes hr.clear-pretty.white {
    background: #fff;
}

#home-quotes hr.clear-pretty {
    margin-bottom: 40px;
}

#home-quotes blockquote p {
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    font-family: 'lora', serif;
    font-weight: 100;
}

#home-quotes span.author {
    font-size: 1.2rem;
    color: #777;
    font-style: italic;
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
}

#home-quotes .reviews-button {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#home-quotes .reviews-button:hover {
    color: #333;
}

@media only screen and (max-width:722px) {
    #home-quotes {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5vh;
    }

    #home-quotes h2.quotes-title {
        font-size: 1.8rem;
    }

    #home-quotes blockquote p {
        font-size: 1.1rem;
    }

    #home-quotes span.author {
        font-size: .875rem;
    }

    #home-quotes .quovolve-box {
        width: 100%;
        margin: 0 auto;
    }
}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;}#tour-popup {
    width: 100%;
    max-width:600px;
    position:fixed;
    padding:0;
    margin:0;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    z-index:1000000;
    -webkit-box-shadow:0 0 200px 0px rgba(0,0,0,.8);
    box-shadow:0 0 200px 0px rgba(0,0,0,.8);
    background:#f5f5f5;-webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
    text-align:center;
    z-index: -1;
    opacity: 0;
	outline: double 5px #ccc;
    outline-offset: -10px;
	background: url(../img/popup-bg.png);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 80px;

}

#tour-popup .tour-message {
   width: 100%;
    padding: 40px;
    text-align: center;
}

#tour-popup .tour-message img {
    width: 75%;
    max-width: 210px;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
    float: none;
}

#tour-popup .tour-message  h3 {
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
}

#tour-popup h3.or {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
	margin: 0 auto;
}

#tour-popup h2{
    font-size:2.4rem;
    text-align:center;
    padding-bottom:10px;
    line-height:1.2em;
	font-weight: 600;
}
#tour-popup p.tour-message-text {
	font-size: 1.2rem;
}
#tour-popup.active{z-index: 100000000; opacity: 1; }
#tour-popup .close{
    position: absolute;
	top: 10px;
    right: 10px;
    width: 50px;
    padding-top: 14px;
    height: 40px;
    z-index: 1000000;
    color: #ccc;
}

#tour-popup .section-intro a.button {
	margin-top: 10px;
	margin-bottom: 10px;
}

#tour-popup #tour-popup-close i {
	font-size: 1.5rem;
}
#tour-popup .close:hover {
    cursor: pointer
}
#tour-tab.hidden {
    left: -2000px
}
#tour-tab {
    z-index: 100000;
    position: fixed;
    left: -70px;
    top: 50%;
    width: 135px;
    color: #fff;
    padding-left: .5em;
    padding-right: .5em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #c0b283;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg) translateY(-50%)
}

@media only screen and (max-width:721px) {
    #tour-popup {
        max-width: 95%;
    }
    #tour-popup h2 {
        font-size: 2rem
    }

    #tour-popup .tour-message {
        padding: 20px;
    }
}