@charset "utf-8";
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;}
img {
max-width: 100%;}
article,
aside,
figure,
figcaption,
footer,
header,
main,
nav,
section,
summary {
display: block;}
body {
background: #FFF;
font-family: Lato, Arial, Helmet, Freesans, "Nimbus Sans L", sans-serif;
font-size: 1.0625em;
color: #444;
line-height: 1.75em;}
.wrap {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;}
.wrap2 {
width: 88%;
margin: auto;
overflow: hidden;}
.wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;
background-color: #FFF;}
header:after {
content: "";
display: block;
clear: both;}
#logo {
float: left;
width: 275px;
margin: 20px 0 2px 0;}
#phone {
float: right;
width: 250px;
margin: 30px 0 1px 0;}
#phone p {
margin-left: -37px;
font-size: 1.375em;
text-align: center;}
#phone a {
text-decoration: none;
color: #000;}
@media (max-width: 768px){
#logo {
float: none;
padding: 2%;
margin: 2px auto;
text-align: center;}
#phone {
float: none;
margin: 2px auto;
text-align: center;}
#phone p {
margin-left: 20px;
margin-right: 20px;}}
@media (max-width: 460px){
#logo {
float: none;
width: 70%;}
#phone {
float: none;
width: 60%;}}
.toggle, [id^=drop] {
 display: none;}
nav {
margin: 0;
padding: 0;
background-color: #65AAF0;}
nav:after {
content: "";
display: table;
clear: both;}
nav ul {
text-align: center;
padding: 0;
margin: 0;
list-style: none;
position: relative;}
nav ul li {
margin: 0px;
display: inline-block;
text-align: left;}
nav a {
display: block;
padding: 0 20px;
color: #FFF;
font-size: 20px;
line-height: 60px;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, .3 )}
nav ul li:last-child { border-bottom: none;}
nav ul li a:hover {
color: #3d107b;}
nav ul li ul {
background-color: #65AAF0;}
nav ul li ul li:hover { background: #65AAF0; }
nav a:hover { background-color: #65AAF0; }
.submenu {
z-index: 999;}
nav ul ul {
display: none;
position: absolute;
top: 60px;}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
width: 340px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, .3 )}
nav ul ul ul li {
position: relative;
top: -60px;
left: 170px;}
nav ul li ul li a:hover {
background-color: #65AAF0;}
@media all and (max-width : 880px) {
nav { margin: 0; }
.toggle + a,
 .menu { display: none; }
.toggle {
display: block;
background-color: #65AAF0;
padding: 0 20px;
color: #FFF;
font-size: 20px;
line-height: 60px;
text-decoration: none;
border: none;}
.toggle:hover { background-color: #65AAF0; }
[id^=drop]:checked + ul { display: block; }
nav ul li {
display: block;
width: 100%;}
nav ul ul {
float: none;
position: static;
color: #ffffff;}
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {
display: block;
width: 100%;
margin-left: 15px;}
nav ul ul ul li { position: static;}}
@media all and (max-width : 330px) {
nav ul li {
display: block;
width: 94%;}}
footer {
background: #FFF;
padding: 30px 0;}
footer:after {
content: "";
display: block;
clear: both;}
footer h4 {
margin: 0;
color: #444;
text-transform: uppercase;
font-size: 1.1875em;     /* 19x */
font-weight: 400;}
footer ul {
float: left;
width: 25%;
list-style-type: none;}
footer li {
width: 80%;
margin: 20px 0;
color: #444;
font-size: 1em;     /* 16px */
line-height: 1.6em;
margin: 2% auto;}
footer a {
text-decoration: none;
color: #000;}
#copyright {
clear: both;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
float: left;
width: 100%;
border-top: 2px solid #ececec;}
#copyright a {
text-decoration: none;
color: #444;
font-size: 1.188em;
line-height: 3em;}
#copyright a:hover {
color: #0469b3;
border-bottom: 1px solid #00F;
transition: all 0.5s ease-in;
padding: 10px 0;}
@media (max-width: 459px){
footer ul {
width: 100%;
float: none;
border-top: 3px solid #F0F0F0;}}
@media (min-width: 460px) and (max-width: 542px) {
footer ul {
width: 100%;
float: none;
border-top: 3px solid #F0F0F0;}}
@media (min-width: 543px) and (max-width: 581px) {
footer ul {
width: 100%;
float: none;
border-top: 3px solid #F0F0F0;}}
@media (min-width: 581px) and (max-width: 700px) {
footer ul {
width: 100%;
float: none;
border-top: 3px solid #F0F0F0;}}
@media screen and (max-width: 960px){
footer ul {
width: 50%;
}
footer ul:nth-child(odd){
clear: both;
}}
@media screen and (max-width: 480px){
footer ul {
width: 100%;
float: none;
border-top: 3px solid #333;}}
#home {
background: url(images/home-banner.jpg) center center / cover no-repeat;
min-height: 450px;
padding-top: 220px;}
.home-banner-inner {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, 0.5);}
#home h2 {
font-size: 35px;
color: #FFF;
padding-top: 25px;
line-height: 37px;
padding-left: 20px;
margin-top: -180px;}
#home h3 {
font-size: 30px;
color: #FFF;
line-height: 35px;
padding-left: 20px;
padding-top: 20px;}
#home p {
font-size: 24px;
color: #FFF;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 10px;}
.container-home {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}
@media (min-width:768px) {
.container-home {
width: 750px;}}
@media (min-width:992px) {
.container-home {
width: 970px;}}
@media (min-width:1200px) {
.container-home {
width: 1170px;}}
.col-md-6,
.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;}
@media (min-width:768px) {
.col-sm-6 {
float: left;}
 .col-sm-6 {
width: 50%;}
.col-sm-offset-6 {
margin-left: 50%;}}
@media (min-width:992px) {
.col-md-6 {
float: left;}
.col-md-6 {
width: 50%;}}
.home-intro {
text-align: justify;}
.home-intro:after {
content: "";
display: block;
clear: both;}
.home-intro h1 {
text-align: center;
color: rgb(85, 85, 85);
font-size: 1.75em;
margin: 60px 0 10px 0;
line-height: normal;
font-weight: normal;}
.home-intro p {
margin-top: 15px;
padding: 1px 20px 30px 20px;}
.alex {
margin-top: 30px;
text-align: justify;}
.alex:after {
content: "";
display: block;
clear: both;}
.alex h2 {
text-align: left;
color: #444;
font-size: 1.375em;
margin: 20px 0 0 18px;
line-height: normal;
font-weight: normal;}
.alex h3 {
text-align: left;
color: #444;
font-size: 1.1875em;
margin: 5px 0 8px 18px;
line-height: normal;
font-weight: normal;}
.alex p {
padding: 6px 20px 10px 20px;}
.picture-one:after {
content: "";
display: block;
clear: both;}
.picture-one {
margin-top: 50px;
margin-bottom: 50px;
background-color: #F8F8F8;}
.left-col {
width: 60%;
float: left;
margin: 4% auto;}
.left-col h2 {
color: #787878;
font-size: 2.1875em;
font-weight: 700;
line-height: 1.2;
margin-bottom: 10px;}
.left-col h3 {
color: rgb(37, 37, 37);
font-size: 1em;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.25rem;
line-height: 1.2;}
.left-col p {
margin-top: 10px;
margin-bottom: 20px;}
.sidebar {
width: 36%;
float: left;
margin: 90px 0 20px 20px;}
.btn {
display: inline-block;
background-color: rgb(44, 190, 255);
color: #FFF;
text-decoration: none;
padding: 1rem 2rem;
border: 1px solid #ECECEC;
margin-top: 1px;
opacity: 0;
animation-name: btn;
animation-duration: 3s;
animation-delay: 2s;
animation-fill-mode: forwards;
transition-property: transform;
transition-duration: 1s;}
.btn:hover {
transform: rotateY(180deg);}
@keyframes btn {
0% {opacity: 0;}
100% {opacity: 1;}}
@media (max-width: 936px){
.picture-one {
margin-top: 10px;
margin-bottom: 30px;}
.left-col {
width: 100%;
float: none;
padding: 2%;
margin: 2px auto;}
.sidebar {
width: 100%;
float: none;
padding: 2%;
margin: 2px auto;
text-align: center;}}
.picture-two:after {
content: "";
display: block;
clear: both;}
.picture-two {
margin-top: 30px;
margin-bottom: 50px;
background-color: #F8F8F8;}
.right-col {
width: 60%;
float: right;
margin: 4% auto;}
.right-col h2 {
color: #787878;
font-size: 2.1875em;
font-weight: 700;
line-height: 1.2;
margin-bottom: 10px;}
.right-col h3 {
color: rgb(37, 37, 37);
font-size: 1em;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.25rem;
line-height: 1.2;}
.right-col p {
margin-top: 10px;
margin-bottom: 20px;}
.sidebar-two {
width: 36%;
float: left;
margin: 90px 0 20px 10px;}
@media (max-width: 936px){
.picture-two {
margin-top: 10px;
margin-bottom: 30px;}
.right-col {
width: 100%;
float: none;
padding: 6%;
margin: 2px auto;}
.sidebar-two {
width: 100%;
float: none;
padding: 2%;
margin: 2px auto;
text-align: center;}}
.testimonial {
background: #243960;
margin: 12px 0 40px 0;
padding: 2px 30px 2px;}
.testimonial p {
font-family: sans-serif;
color: #f8f8f8;
font-size: 0.875em;
padding-left: 30px;}
.testimonial h2 {
color: #ffffff;
font-size: 1.500em;
padding-top: 7px;
padding-bottom: 10px;}
.testimonial h4 {
color: #ffffff;
font-size: 0.875em;
padding: 0 0 20px 30px;}
.testimonial p.quote {
background: url(images/quote.png) no-repeat left top;
font-size: 1.125em;
padding-top: 20px;}
.condos p {
border-top: 2px solid #E4E4E4;
margin: 5px;
padding: 1%;
font-size: 18px;
border-bottom: 2px solid #E4E4E4;}
.boxes-wrap {
width: 100%;
clear: both;
background: #F3F3F3;
margin: 1% auto;
overflow: hidden;
clear: both;}
.discount {
width: 42%;
float: left;
margin-top: 3%;
margin-bottom: 2%;
margin-left: 5%;}
.discount ul {
list-style-type: none;}
.boxesleft, .boxesright {
padding: 20px 17px 15px;}
.boxes .discount {
background-color: #FFF;
border-bottom: 3px solid transparent;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 1px -1px 0 #efefef;
transition: all 0.3s ease-in-out 0s;}
.discount h2 {
font-size: 1.500em;
margin-bottom: 5px;
padding-left: 3px;
margin-left: 5px;
text-transform: uppercase;
color: #414558;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;}
.discount h3 {
font-size: 1.500em;
margin-bottom: 5px;
padding-left: 3px;
margin-left: -2px;
text-transform: uppercase;
color: #414558;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;}
.discount p {
color: #5e637b;
font-family: arial, serif;
font-size: 1.000em;
line-height: 1.5em;
margin: 0 4px 12px;
padding-left: 2px;}
.boxes .discount:hover {
border-bottom: 3px solid #0085BE;}
.boxesleft ul { list-style-type: none; padding-left: 15px;}
.boxesleft a { text-decoration: none;}
.boxesleft a:link { color: #444; }
.boxesleft a:visited { color: #000;}
.boxesleft a:hover { color: #000;}
.boxesright ul { list-style-type: none; padding-left: 15px;}
.boxesright a { text-decoration: none;}
.boxesright a:link { color: #444; }
.boxesright a:visited { color: #000;}
.boxesright a:hover { color: #000;}
a.read {
color: #21A2C9;
text-decoration: none;
list-style-type: none;
padding-left: 7px;
font-size: 0.875em;}
@media (max-width: 936px){
.discount {
width: 100%;
float: none;
margin: 3% auto;}}
.landing-buyers {
position: relative;
background: url('images/sellers-home-banner2.jpg') no-repeat;
min-height: 768px;
background-size: cover;
background-position: center;}
.page-content {
margin: 20px auto;
padding: 2%}
.page-content h1 {
margin: 20px 0 10px 1px;
font-size: 1.375em;
color: #444;
font-weight: normal;}
.page-content h2 {
margin: 40px 0 10px 1px;
font-size: 1.3125em;
color: #444;
font-weight: normal;}
.page-content h3 {
margin: 40px 0 10px 1px;
font-size: 1.25em;
color: #444;
font-weight: normal;}
.page-content p {
color: #444;
font-size: 1.000em;
text-align: justify;}
.page-content a {
text-decoration:none;
color: #0B79A3;}
.contact {
position: relative;
background:fixed url('images/living-room.jpg') no-repeat;
min-height: 400px;
margin-bottom: 30px;
background-size: cover;
background-position: center;}
.contact:after {
content: "";
display: block;
clear: both;}
.contact-us-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
text-align: center;
padding: 20px;}
.contact-us-inner h2 {
font-size: 2.5em;
text-align: center;
line-height: 75px;
font-weight: 600;
color: #FFF;
margin-bottom: 5px;
text-shadow: 4px 4px 10px #112;}
.contact-us-inner h3 {
font-size: 2.5em;
text-decoration: underline;
text-align: center;
line-height: 75px;
font-weight: 600;
color: #FFF;
margin-top: 40px;
margin-bottom: 5px;
text-shadow: 4px 4px 10px #112;}
.contact-us-inner h4 {
font-size: 2.1875em;
text-align: center;
line-height: 75px;
font-weight: 600;
color: #FFF;
margin-top: 5px;
margin-bottom: 5px;
text-shadow: 4px 4px 10px #112;}
.contact-us-inner p {
font-size: 1.875em;
margin-top: -10px;
text-shadow: 4px 4px 10px #112;
padding: 1%;
text-align: center;}
.contact-us-inner a {
text-decoration: none;
color: #FFF;}
@media (max-width: 936px){
.contact {
margin-top: 30px;
padding: 1%;
text-align: center;}
.contact-us-inner h2, h3, h4 {
font-size: 2.0625em;}
.contact-us-inner p {
font-size: 1.25em;}}
.page-banner2{
position: relative;
background: url('images/home-buyers-banner.jpg') no-repeat;
min-height: 400px;
background-size: cover;
background-position: center;}
.page-banner-inner2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
text-align: center;
padding: 20px;
padding-top: 120px;}
.page-banner-inner2 h2 {
font-size: 45px;
text-align: center;
font-weight: 600;
color: #FFF;
line-height: 1.5em;
margin-bottom: 5px;
text-shadow: 3px 3px 9px #112;}
.page-banner-inner2 p {
font-size: 37px;
text-align: center;
font-weight: 600;
color: #FFF;
line-height: 1.2em;
margin-bottom: 40px;
text-shadow: 3px 3px 9px #112;}
@media (max-width: 480px){
.page-banner-inner2 h2 {
font-size: 2.125em;}
.page-banner-inner2 p {
font-size: 2em;}}
.yes-rebates {
margin-top: 20px;
margin-left: 50px;}
.rebate-chart p {
border-top: 2px solid #E4E4E4;
margin-top: 35px;
margin-bottom: 25px;
padding: 1%;
text-align: center;
border-bottom: 2px solid #E4E4E4;}
.chart a {
text-decoration: none;
color: #000;}
table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
margin: auto;}
table caption {
font-size: 1.5em;
margin: .25em 0 .75em;}
table tr {
background: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;}
table th, table td {
padding: .625em;
text-align: center;}
table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;}
table td img { text-align: center; }
@media (max-width: 936px){
table { border: 0; }
table caption { font-size: 1.3em; }
table thead { display: none; }
table tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;}
table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: right;}
table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;}
table td:last-child { border-bottom: 0; }}
.page-banner3{
position: relative;
background: url('images/about-banner.jpg') no-repeat;
min-height: 400px;
background-size: cover;
background-position: center;}
.page-banner4{
position: relative;
background: url('images/faq-banner.jpg') no-repeat;
min-height: 400px;
background-size: cover;
background-position: center;}
.page-banner5{
position: relative;
background: url('images/idx-search-banner.jpg') no-repeat;
min-height: 400px;
background-size: cover;
background-position: center;}
.content {
margin-top: 3%;
padding: 2%;}
.home-content {
width: 30%;
float: right;
margin: 1% 0 1% 4%;}
.content h1 {
margin: 20px 0 10px 1px;
font-size: 1.375em;
color: #444;
font-weight: normal;}
.content h2 {
margin: 40px 0 10px 1px;
font-size: 1.3125em;
color: #444;
font-weight: normal;}
.content h3 {
margin: 40px 0 10px 1px;
font-size: 1.25em;
color: #444;
font-weight: normal;}
.content p {
color: #444;
font-size: 1.000em;
text-align: justify;}
.content a {
text-decoration:none;
color: #0B79A3;}
@media (max-width: 768px){
.content {
width: 100%;
margin: -20px 0;}
.home-content {
width: 100%;
text-align: center;
margin: 1px 0 10px 0;}}
.condo-container {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 0 3%;}
.promo {
margin-top: 10px;
margin-bottom: -30px;
background-color: #f7f7f7 !important;
color: #000;}
.promo .condo-container {
position: relative;
min-height: 434px;}
.promo-text {
display: table-cell;
vertical-align: middle;
width: 660px;
height: 434px;}
.promo-title {
font-size: 2.8125em;
line-height: 50px;
font-weight: bold;}
.promo-text p {
font-size: 1.375em;
line-height: 24px;
padding: 35px 0 0;}
.promo .condo-container img {
position: absolute;
bottom: 0;
right: 68px;}
@media (max-width: 459px){
.promo .condo-container {
min-height: 0;}
.promo .condo-container img {
position: relative;
display: block;
margin: 0 auto;
right: auto;}
.promo-text {
text-align: center;
padding: 3%;
width: 100%;
height: auto;}
.promo-title {
font-size: 1.875em;
color: #444;
margin-top: 20px;
line-height: 40px;}
.promo-text p {
font-size: 1.375em;
line-height: 30px;
padding: 35px 0 0;}}
@media (min-width: 460px) and (max-width: 542px) {
.promo .condo-container {
min-height: 0;}
.promo .condo-container img {
position: relative;
display: block;
margin: 0 auto;
right: auto;}
.promo-text {
text-align: center;
padding: 3%;
width: 100%;
height: auto;}
.promo-title {
font-size: 1.875em;
color: #444;
margin-top: 20px;
line-height: 40px;}
.promo-text p {
font-size: 1.375em;
line-height: 30px;
padding: 35px 0 0;}}
@media (max-width: 768px){
.promo .condo-container {
min-height: 0;}
.promo .condo-container img {
position: relative;
display: block;
margin: 0 auto;
right: auto;}
.promo-text {
text-align: center;
padding: 3%;
width: 100%;
height: auto;}
.promo-title {
font-size: 1.875em;
color: #444;
margin-top: 20px;
line-height: 40px;}
.promo-text p {
font-size: 1.375em;
line-height: 30px;
padding: 35px 0 0;}}
@media only screen and (max-width: 1080px) {
.promo .condo-container {
min-height: 0;}
.promo .condo-container img {
position: relative;
display: block;
margin: 0 auto;
right: auto;}
.promo-text {
text-align: center;
padding: 3%;
width: 100%;
height: auto;}
.promo-title {
font-size: 1.875em;
color: #444;
margin-top: 20px;
line-height: 40px;}
.promo-text p {
font-size: 1.375em;
line-height: 30px;
padding: 35px 0 0;}}
.page-banner6{
position: relative;
background: url('images/senior-living-banner.jpg') no-repeat;
min-height: 400px;
background-size: cover;
background-position: center;}
.not-found {
background-color: #EEEEEE;
margin-top: 120px;
margin-bottom: 30px;
padding: 2%}
.not-found h2 {
font-size: 50px;
color: #444;
text-align: center;
margin: 20px 0 40px 1px;
font-family: Lato, Arial, Helmet, Freesans, "Nimbus Sans L", sans-serif;
font-weight: normal;}
.not-found p {
font-size: 30px;
color: #444;
text-align: center;
margin: 20px 0 10px 1px;
font-family: Lato, Arial, Helmet, Freesans, "Nimbus Sans L", sans-serif;
font-weight: normal;}
@media (max-width: 459px){
.not-found h2 {
font-size: 35px}}
@media (min-width: 460px) and (max-width: 542px) {
.not-found h2 {
font-size: 35px}}