/* Layout ================================================== */ body { font-family:'Quicksand', sans-serif; color:#000; font-size:16px; line-height:1.7em; font-weight:300; } h1 { margin-top:0; } h2 { font-weight:400; margin-bottom:30px; } h3 { color:#000000; } p { margin-bottom:30px; } a, a:link, a:visited { color:#000000; text-decoration:none; transition: all 0.5s; } a:hover, a:active { color:#0393FC; } .text-alt { color:#000000; } .btn { transition: all 0.5s; background:#000000; border-color:#000000; color:#fff!important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0px; } .btn:hover { color:#000000!important; border-color:#000000; background:#fff; } .btn-invert { background-color:Transparent; border-color:#fff; background-repeat:no-repeat; } .btn-invert:hover { border-color: #ffffff; } img.content { border:1px solid #CCC; } .img-bordered { padding: 10px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .box { padding:15px; border:solid 1px #cccccc; background:#fff; } hr.short { border-top: 3px solid #000000; width: 60px; margin: 30px 0; } #skip a{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #skip a:focus { position:static; width:auto; height:auto; } /* Address Content Holder */ .address{list-style-type: none; padding-left: 0;} .address.standard{display: block;} .address.in-line{display: inline-block;} .address.standard li{display: block; margin: 10px 0;} .address.in-line li{display: inline-block; margin: 0 5px;} .address.with-piping li{margin: 0;} .address.with-piping li:after{content: '|'; margin: 0 10px;} .address.with-piping li:last-child:after{content: ''; margin: 0;} /* Contact Page Override */ .address-contact .address li{display: block; margin-left: 0;} .address-contact .address li:after{content: ''; margin: 0;} /* Header ================================================== */ #header { height:140px; position:relative; z-index:1000; background:#ffffff; margin: 0 0 10px 0; } #header .container { height: 100%; position: relative; border-bottom: 1px solid #000000; } #header .logo { position: absolute; left: 0; top: 10px; } #header .phone { position: absolute; right: 0px; top: 25px; font-size: 30px; } #header .nav { position: absolute; right: 0; top: 80px; } #header.affix { top: 0; height: 50px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55); } #header.affix .nav { left: auto; right: 15px; top: 10px; } #header.affix .phone { display: none; } #header.affix .logo { left: 15px; right: auto; top: 10px; } #header.affix .logo img { max-height: 30px; } #header.affix .container { border-bottom: 0; } #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } @media (max-width: 767px){ #header .logo img { max-width: 130px; } #header .phone { left: 15px; right: 15px; text-align: center; top: 10px; font-size: 20px; } #header .logo { right: 15px; left: 15px; top: 45px; text-align: center; } #header .nav { left: 15px; right:15px; text-align: center; top:110px; } } /* Nav ================================================== */ #nav { font-weight: bold; font-size: 15px; text-transform: uppercase; } #nav > ul > li { position:relative; list-style:none; display:inline-block; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; line-height:30px; color:#000; padding: 0 3px; margin: 0 3px; } #nav > ul > li:hover { border-bottom: 3px solid #000000; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#000; top:30px; left:0px; } #nav > ul > li:hover > ul { display:block; } #nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; } #nav > ul > li > ul > li > a { font-size:16px; color:#fff; padding:0; } #nav > ul > li > ul > li:hover { background-color:#0393FC; } /* Launch Menu ================================================== */ .launch-menu > ul > li { border-bottom:solid 1px #bbb; } .launch-menu > ul > li:hover { background:#f8f8f8; } .launch-menu > ul > li:first-child { border-top:solid 1px #bbb; } .launch-menu a { color:#333; } .launch-menu > ul > li > ul > li:hover { background:#fff; } /* Footer ================================================== */ #footer { text-align: center; padding-bottom: 45px; } #footer .prompt{ padding: 10px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } #footer .prompt .prompt-inner{ background-color: #000000; color: #ffffff; text-align: center; padding: 45px 0; } #footer .prompt h2 { margin: 0 0 10px 0; font-size: 36px; font-weight: bold; text-transform: uppercase; color: #ffffff; } #footer .prompt p { margin: 10px 0; } #footer .links, #footer .links li { list-style:none; margin:0; padding:0; } #footer .copy { font-size:.9em; } #footer div.info { padding: 30px 0; margin: 0; list-style-type: none; } #footer .social { padding: 30px 0 0 0; } #footer .social ul { padding: 0; margin: 0; list-style-type: none; } #footer .social ul li { padding: 0; margin: 0 5px; list-style-type: none; display: inline-block; font-size: 30px; } #footer @media (max-width: 550px){ #footer .prompt .prompt-inner{padding: 45px 15px;} } /* Body Container ================================================== */ #body-container { padding-top: 50px; padding-bottom: 50px; } #body-container .side-content {} #body-container .side-content ul.ctas { margin: 0; padding: 0; list-style-type: none; text-align: center; } #body-container .side-content ul.ctas li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #c2c2c2; } #body-container .side-content ul.ctas a { display: inline-block; padding: 25px 0; } #body-container .side-content ul.ctas li .icon { font-size: 50px; color: #000000; } #body-container .side-content ul.ctas li:hover .icon { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Banner ================================================== */ .banner { padding: 55px 0; } .banner h1, .banner h2 { font-size: 36px; font-weight: bold; text-transform: uppercase; } .banner-primary { background-color:#000000; } /* Blog ================================================== */ .blog-container { } .blog-container .post-list { } .blog-container .blog-post { margin-bottom:35px; } .blog-container .blog-post .post-head { font-size:1.5em; padding-bottom:5px; margin-bottom:20px; border-bottom:solid 1px #ccc; } .blog-container .blog-post .post-title { font-size:1.2em; } .blog-container .blog-post .post-body { } .blog-container .blog-post .post-body .read-more { display:block; margin-top:15px; font-size:.90em; text-transform:lowercase; } @media (max-width: 768px) { .blog-container .post-list { float:none; display:block; width:100%; } .blog-container .side-panel { display:none; } } /* About ================================================== */ .bios .bio { padding-bottom:1.0em; margin-bottom:1.0em; border-bottom:solid 1px #ccc; } .bios .bio:after { content:""; display:table; clear:both; } .bios .bio .name { font-size:1.8em; font-weight:500; line-height:2.2em; } .bios .bio .image { float:left; width:25%; margin-right:5%; margin-bottom:1.2em; } .bios .bio .image img { width:100%; max-width:100%; } .bios .bio .content { float:left; width:70%; } .bios .bio .contact { margin-top:1.5em; } .bios .bio .contact:before { content:""; display:table; clear:both; } .bios .bio .contact .item { display:block; } @media (max-width: 768px) { .bios .bio .content { float:none; width:100%; } } @media (max-width: 600px) { .bios .bio .image { float:none; width:100%; margin-right:0; text-align:center; } .bios .bio .image img { width:auto; } } /* Map Container ================================================== */ /* Accordion ================================================== */ .launch-accordion > li > h4 { background-color:#eee; transition:background-color 0.05s ease; } .launch-accordion > li > h4:hover { background-color:#aaa; } /* Form Container ================================================== */ .form-container { } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ ul.areas { margin:0 10px; padding:0; text-align:left; font-size:1.125em; } ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:22px; margin:0; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:33%; } } @media (max-width: 550px) { ul.areas li { width:50%; } } /* Home Blog ================================================== */ .home.blog-container .post-list { width:92%; float:none; display:block; } /* Form ================================================== */ #fields { width:100%; display:inline-block; font-family: 'Open Sans', sans-serif; } #fields * { text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #fields .label { display:block; font-size:15px; margin-bottom:0; } #fields .input input[type="textbox"] { display:block; width:100%; font-size:16px; padding:6px 13px; margin:0; background-color:#fff; border:1px solid #c9c1ba; } #fields .reqd { color:#F00; } #fields textarea { width:100%; height:100px; padding:10px; font-size:16px; font-family: 'Open Sans', sans-serif; resize:none; background-color:#fff; border:1px solid #c9c1ba; } #fields select { width:100%; padding: 6px 5px; font-size:16px; background-color:#fff; border:1px solid #c9c1ba; } #fields .title { font-size:18px; margin:10px 0 0 0; } #fields .btn { padding:9px 40px; color:#fff; font-size:16px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; float:right; } #fields .btn:hover { border-style:solid; border-width:1px; } #fields .btn:active { position:relative;top:1px; } #fields .cb { float:left; clear:both; } #fields .cb-descr { float:left; margin-left:8px; } /* FAQs ================================================== */ .faq-question { font-size:1.2em; font-weight:500; } .faq-answer { margin-bottom:25px; } .faq-answer p { padding:0; margin:0; } /* Home Banner ================================================== */ #home-banner { position:relative; height: 778px; } #home-banner .container { height: 100%; position: relative; padding-bottom: 10px; border-bottom: 1px solid #000000; } /* Home Welcome =================================================== */ @media (max-width: 500px){ #home-welcome{text-align: center;} hr.short{display: block; margin: 15px auto;} } /* Home Clients ================================================== */ #home-clients {} #home-clients h3 { font-size: 24px; font-weight: bold; text-transform: uppercase; } @media (max-width: 500px){ #home-clients{text-align: center;} } /* Home Carousel ================================================== */ #home-carousel { position: absolute; top: 0; bottom:10px; left: 0; right: 0; } #home-carousel .carousel-inner { height: 100%; } #home-carousel .carousel-inner .item { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } #home-carousel .carousel-inner .item .prompt { margin-top: 294px; background-color: rgba(0,0,0,0.5); padding: 40px 20px; text-align: center; } #home-carousel .carousel-inner .item .prompt h3 { color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 42px; } #home-carousel .carousel-inner .item.pm { background-image: url('/images/home-page-banner-1.jpg'); } #home-carousel .carousel-inner .item.rentals { background-image: url('/images/home-page-banner-2.jpg');} #home-carousel .carousel-inner .item.residents { background-image: url('/images/home-page-banner-3.jpg'); } #home-carousel .carousel-control { width: 40px; opacity: 1; color: #ffffff; background-color:rgba(0,0,0,0.3); } #home-carousel .carousel-control:hover { background: rgba(0,0,0,0.7); } /* Home Rentals ================================================== */ #home-rentals .map { height: 320px; } @media (max-width: 500px){ #home-rentals{text-align: center;} } /* Secondary Banner ================================================== */ #secondary-banner { position:relative; } #secondary-banner .container { position: relative; padding: 0 auto 10px auto; border-bottom: 1px solid #000000; height: 440px; } #secondary-banner .bg { background-image: url('/images/secondary-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0 bottom: 10px; height: 430px; left: 0; right: 0; } /* Properties Widget ================================================== */ .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; } .frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; } .frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info { width :64%;float:right; } .frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px; } .frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;} .frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; } .frs-widget.prop-view .prop-form button { height:auto; } .frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { transition: all 0.5s; background:#000000; border-color:#000000; border-style: solid; border-width: 1px; color:#fff!important; padding: 10px 16px; font-size: 18px; font-weight: normal; line-height: 1.3333333; border-radius: 0px; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { color:#000000!important; border-color:#000000; background:#fff; opacity: 1; } .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #e63c29; } .frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999;} .frs-widget.prop-view .prop-title { line-height: 2em; color: #2E2E2E; } .frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0;} .frs-widget.prop-view .prop-form label + br {display:none;} .frs-widget.prop-view .prop-form textarea {border:1px solid #999;} .frs-widget.prop-view .prop-form {width:230px;} .frs-widget.prop-view .prop-form .prop-form-hdr, .frs-widget.prop-view .prop-phone, .frs-widget.prop-view .prop-rent, .frs-widget .prop-tabs .prop-section h3, .frs-widget .prop-result .prop-rent{ color: #e63c29; } .frs-widget form label {font-weight:normal;} .frs-paging-btn a { border:1px solid #e63c29; color:#e63c29; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:#e63c29; color:#fff; } .prop-map { height: 550px; width: 100%; } .frs-widget .hide.active { display: block!important; } .lightbox .lb-image { max-width: inherit; } .prop-ad-links * {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale");} @media screen and (max-width:1060px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {width:32%;} .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {margin-left:1%;} .frs-widget.prop-view .prop-thmbs { display: none; } } @media screen and (max-width: 890px) { .frs-widget.prop-list .prop-search {padding:20px 10px;} } @media screen and (max-width: 768px) { .frs-widget.prop-list .prop-search .prop-search-form-rent {clear:both;} .frs-widget.prop-list .prop-search .prop-search-form-button {clear:both; float:none;} .frs-widget .prop-result .prop-img, .frs-widget .prop-result .prop-info, .frs-widget .prop-result .prop-details {float:none; width:100%; text-align:center;} .prop-list-paging {position: relative; display: inline-block;} .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget {text-align:center;} .frs-widget .prop-tabs .prop-tab-nav ul {height:auto; display:inline-block; text-align:center; width:100%;} .frs-widget .prop-tabs .prop-tab-nav ul li {width:100%; float:none; display:inline-block; margin-bottom:2px;} .frs-widget .prop-tabs .prop-tab-nav ul li a {display:inline-block; width:100%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; } .frs-widget.prop-view .prop-info {margin-left:0px; } .frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%;} .frs-widget.prop-view .prop-gallery .prop-img img {width:auto; max-width:100%;} .frs-widget.prop-view .prop-links {width:90%;} .frs-widget.prop-view .prop-gallery .prop-gallery-count { padding-bottom: 10px; } } @media screen and (max-width: 560px) { .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%;} .frs-widget.prop-view .prop-info {margin-left:0%; padding: 0px; } .frs-widget.prop-view .prop-form {padding-right:0;} .frs-widget.prop-view .prop-form form input[type='text'],.frs-widget.prop-view .prop-form form textarea { width: 90%; } } @media (max-width: 991px){ .mobile-show { display: block !Important; } .mobile-hide { display: none !Important; } } @media (min-width: 1284px) { .container { width: 1284px; } } /* Form Button */ .ion-form button { border: 1px solid #000; background-color: #000; } .ion-form button:hover { color: #000;} /* features ================================================== */ .carousel-inner>.item>a>img, .carousel-inner>.item>img { margin: 0 auto; } #myCarousel { max-width: 900px; margin: 0 auto; } /* #myCarousel .carousel-inner .item h4 {text-align: center; padding-top: 10px; font-size: 30px; } */ #floor-plan-1 h3, #floor-plan-2 h3, #floor-plan-3 h3 { font-size: 40px; }