/* Layout ================================================== */ body { font-family: 'Montserrat', sans-serif; color:#333333; font-size:18px; line-height:1.7em; font-weight:300; } h1 { margin-top:0; color:#212121; text-transform: uppercase; } h2 { font-weight:500; margin-bottom:30px; color: #212121; text-transform: uppercase; } h3 { color:#212121;font-weight:500; } h1 + h2 {color:#333333;} h2 + h3 {color:#333333;} p { margin-bottom:30px; } a, a:link, a:visited { color:#357290; text-decoration:none;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } a:hover, a:active { color:#d7b27b; } .text-alt { color:#357290; } .btn { background:#357290; border-color:#357290; color:#fff!important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .btn:hover { color:#357290!important; border-color:#357290; background:#fff; } .btn-invert { background-color:Transparent; border-color:#fff; background-repeat:no-repeat; } img.content { border:1px solid #CCC; } .box { padding:15px; border:solid 1px #cccccc; background:#fff; } a.link-btn { font-size: 24px; padding: 0 10px 10px 10px; display: inline-block; color: #357290; text-transform: uppercase;font-weight:600; } a.link-btn::after { content: ''; width: 80%; height: 4px; margin: 12px auto 0 auto; background: #d7b27b; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } a.link-btn:hover {color:#7e9fb6;} img.cover { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .emergency {color:red;text-decoration: underline;} .d-none { display: none; } /* 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;} /* Banner ================================================== */ .banner { padding: 105px 0; } .banner.banner-center { text-align: center; } .banner h2 { font-size: 48px; text-transform: uppercase; padding-bottom: 15px; margin-top: 0; } .banner h3 { font-size: 24px; padding-bottom: 50px;} /* Banners ================================================== */ .banner { padding: 80px 0; } .banner-sm { padding: 60px 0; } .banner-gray { background-color: #f2f2f2; } .banner-primary { background-color:#d7b27b; color: #fff; } .banner-primary small, .banner-primary h3 { color: #fff; } .gradient-bg-img { position: relative; overflow: hidden; } .gradient-bg-img::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: -o-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 5%,rgba(242,242,242,1) 30%,rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(242,242,242,0)),color-stop(5%, rgba(242,242,242,0)),color-stop(30%, rgba(242,242,242,1)),to(rgba(242,242,242,1))); background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 5%,rgba(242,242,242,1) 30%,rgba(242,242,242,1) 100%); } .gradient-bg-img .container { position: relative; z-index: 2; max-width: 1070px; margin: auto; } .gradient-bg-img img.gradient-img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-height: 100%; width: 33.33%; z-index: 0; } .gradient-bg-img .btn-list { margin-bottom: 10px; } @media (max-width: 1313px) { .gradient-bg-img::before { width: 115%; } } @media (max-width: 991px) { .banner { padding: 80px 0!important; } .gradient-bg-img::before { width: 120%; } } /* Flex Rows ================================================== */ .flex-row { text-align: center; } .flex-row .content { padding: 80px 0; } .flex-row .content > *:last-child { margin-bottom: 0; } .flex-row .image { position: relative; background: #fff; } .flex-row .content > .btn, .flex-row .content > .btn-list { margin-top: 30px; } .flex-row-sm .content h2 { max-width: 450px; margin-bottom: 35px; } .flex-row-sm .content h2 + h3 { margin: -25px 0 35px; } @media (min-width: 992px) { .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; min-height: 803px; text-align: left; } .flex-row-sm { min-height: 455px; } .flex-row .container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; width: 100%; max-width: 1500px; } .flex-row .image { position: absolute; top:0; right: 0; bottom: 0; left: 45%; width: 55%; margin: 0; } .flex-row .image-skinny { position: absolute; top:0; right: 0; bottom: 0; left: 60%; width: 40%; margin: 0;} .flex-row .content { width: calc(40% - 80px); margin-top: auto; margin-bottom: auto; } .flex-row:not(.row-reverse):nth-child(2n+0) .image, .flex-row.row-reverse .image { right: 70%; left: 0; } .flex-row:not(.row-reverse):nth-child(2n+0) .content, .flex-row.row-reverse .content { margin-left: auto; margin-right: 0; } .flex-row.row-reverse ~ .flex-row:nth-child(2n+0) .image { left: 50%; right: 0; } .flex-row.row-reverse ~ .flex-row:nth-child(2n+0) .content { margin-right: auto; margin-left: 0; text-align: left; } .flex-row-sm .content, .flex-row .content.text-left { text-align: left!important; } } @media (max-width: 991px) { .flex-row-sm .content h2 { margin-left: auto; margin-right: auto; } .flex-row .image { position: relative; height: 0; padding-top: 36%; overflow: hidden; } .flex-row .image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .flex-row .image-skinny {height:360px;} } /* Styles for Youtube Video Wrapper =================================================== */ .youtube { background-color: #357290; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: -16.84%; left: 0; opacity: 1; } .youtube .play-button { width: 60px; height: 60px; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 50%; } .youtube .play-button:before { content: ""; border-style: solid; border-width: 11px 0 11px 20.0px; border-color: transparent transparent transparent #357290; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; -webkit-transform: translate3d( -50%, -50%, 0 ); transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } /* Header ================================================== */ #header { height: 240px; width: 100%; position:absolute; z-index:1000; background-color: transparent; } #header .container { position: relative; height: 100%; } #header .logo { position: absolute; top: 40%; left: 50%; -webkit-transform: translatey(-50%) translatex(-50%); -ms-transform: translatey(-50%) translatex(-50%); transform: translatey(-50%) translatex(-50%); } #header .logo .btn {background-color: red; border-color: red; margin-top: 10px;} #header .logo img {height: 70px; margin-top: 80px} #header .links { font-size: 16px; color: #ffffff; position: absolute; text-transform: uppercase; top: 60px; right:15px; } #header .links ul{display: inline-block; vertical-align: middle;} #header .links a {color:#fff;} #header .links a:hover {opacity:0.6;} #header .links .icon { display: inline-block; margin-right: 10px; margin-top: 0px; vertical-align: middle;} #header .phone { font-size: 20px; position: absolute; top: 20px; right: 15px; color: #fff; font-weight: bold;} #header .phone i { fill: currentColor; } #header .phone ul {list-style:none;padding-left:0;} #header .phone ul li {line-height:24px;} #header .phone a { color: #fff; } #header .phone a:hover { color: #ffffff; } #header .phone a.top-link:hover {opacity:0.6;} #header .social { position: absolute; right: 15px; top: 70px; } #header .nav { position: absolute; left: 15px; right: 15px; bottom:0px; line-height: 49px; text-align: center; } #header .nav .launch-menu-button { color: #fff; } #header .dropbtn {color: #fff;padding: 0 0 5px 0;font-size: 18px;border: none;} #header .dropbtn img {margin-left:15px;} #header .dropdown {position: relative;display: inline-block;} #header .dropdown-content {display: none;position: absolute;background-color: #000;color:#fff;min-width: 320px;-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} #header .dropdown-content a {color: #fff;;padding: 12px 16px;text-decoration: none;display: block;font-size:18px;} #header .dropdown-content a:hover {background-color: #357290;} #header .dropdown:hover .dropdown-content {display: block;} #header .apply-button-mobile {position:absolute;right:15px;left:15px;text-align: center;top:160px;} #header.affix { background:#357290;position:fixed!important; width:100%; height: 50px; border: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } #header.affix .logo { left: 15px; right: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header.affix .logo img { max-height: 30px; margin-top: 0px; } #header.affix .phone, #header.affix .links, #header.affix .social { display: none; } #header.affix .nav { left: auto; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 50px;bottom:auto; } @media(max-width:1199px){ #header .links {display:none;} #header .phone {right:15px;left:auto;} #header .logo {left:15px;right:auto;top:35px;-webkit-transform:none;-ms-transform:none;transform:none;} } @media (max-width: 1100px){ #header {height:210px;} #header .links { display: none; } #header .logo {top: 0px;left:15px;right:15px;text-align: center;} #header .apply-button-mobile {top:190px;} } @media(max-width:767px){ #header .logo {top:5px;} } @media (max-width: 600px){ #header .logo { right: 15px; text-align: center; } #header .logo img { max-height: 40px; } #header .social { display: none; } } @media (max-width: 480px){ #home-carousel .carousel-caption .btn {font-size: 17px !important;} } @media (max-width: 425px){ #header {height:210px;} #header .nav {bottom:0;} #header.affix .logo img { max-width: 180px; } #header .apply-button-mobile {top:210px;} } @media (max-width: 375px){ #home-carousel .item:first-of-type .carousel-caption h1 {font-size: 20px !important;} .welcome-box > span {font-size: 50px !important;} .ada a {overflow-wrap: anywhere;} section .container> h2, #home-why .title-box h2 {font-size: 28px !important;} } #about-us #header {background:#357290;} /* Nav ================================================== */ #nav { font-weight: 400; font-size: 16px; text-transform: uppercase; } #nav > ul { padding: 0; margin: 0; } #nav > ul > li { position:relative; list-style:none; display:inline-block; margin: 0 10px; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; line-height:30px; color:#fff;padding-bottom:10px; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#000;} #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 > a:hover { color: #ffffff; } #nav > ul > li > ul > li:hover { background-color:#357290; } #nav > ul > li.no-drop::after { content: ''; width: 0; height: 4px; margin: 0 auto; background: #d7b27b; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #nav > ul > li.no-drop:hover::after { width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1283px){ #nav > ul > li { margin: 0 15px; } } @media (max-width: 1199px){ #nav > ul > li { margin: 0 5px; } } /* Home Carousel ================================================== */ #home-carousel { height: 990px; } #home-carousel .apply-button-mobile {position:absolute;right:15px;left:15px;text-align: center;top:210px;z-index:999;} #home-carousel .carousel-inner { height: 100%; } #home-carousel .item { background-size: cover; height: 100%; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } #home-carousel .item:after { content: ""; height: 100%; width: 100%; background-color: #000; opacity: 0.45; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} #home-carousel .banner1 { background-image: url("/images/home-banner-5.jpg"); } #home-carousel .banner2 { background-image: url("/images/home-banner-2.jpg"); } #home-carousel .banner3 { background-image: url("/images/home-banner-3.jpg"); } #home-carousel .banner4 { background-image: url("/images/home-banner-4.jpg"); } /* #home-carousel .banner5 { background-image: url("/images/home-banner-5.jpg?V2"); } */ #home-carousel .carousel-caption { text-transform: uppercase; left: 10%; right: 10%; bottom: auto;top:35%;text-shadow:none;font-weight:600;} #home-carousel .carousel-caption h3 {font-size:38px;border:4px solid #fff;padding:20px 40px;max-width:1035px;margin:0 auto 30px;color:#fff;} #home-carousel .carousel-caption h4 {font-size:18px;text-transform: none;margin-bottom:75px;} #home-carousel .carousel-caption .btn {border:3px solid #fff;background:transparent;font-weight:600;text-transform:none;border-radius:0;min-width:264px;height:56px;line-height:28px;font-size:28px;} #home-carousel .carousel-caption .btn:hover {background:#fff;color:#000;} #home-carousel .item:first-of-type .carousel-caption h1 {font-size:38px;border:4px solid #fff;padding:20px 40px;max-width:1035px;margin:0 auto 30px;color:#fff;} #home-carousel .item:first-of-type .carousel-caption h2 {font-size:18px;text-transform: none;margin-bottom:75px;color:#fff;} #home-carousel .slide-counter { position: relative; } #home-carousel .current-slide { color: #d7b27b; font-size: 48px; } #home-carousel .indicator { position: absolute; text-align: center; font-size: 36px; color: #fff; bottom: 100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #home-carousel .carousel-control { position: absolute; top: auto; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: 1; z-index: 100; } #home-carousel .carousel-control.left { background-image: none; -webkit-filter: none; filter: none; left: 45%; margin-left: -250px; bottom: 80px; } #home-carousel .carousel-control.right { background-image: none; -webkit-filter: none; filter: none; left: auto; right: 45%; margin-right: -250px; bottom: 80px; } @media(max-width:991px){ #home-carousel .item {background-attachment: scroll;} } @media (max-width: 767px){ #home-carousel .carousel-control.left { margin-left: -130px; } #home-carousel .carousel-control.right { margin-right: -130px; } } @media(max-width:600px){ #home-carousel .carousel-caption h3 {font-size:30px;} #home-carousel .item:first-of-type .carousel-caption h1 {font-size:30px;} #home-carousel .carousel-caption {top:30%;} } @media(max-width:425px){ #home-carousel {height:890px;} #home-carousel .carousel-caption {top:30%;} #home-carousel .apply-button-mobile {top:210px;} } /* Home Welcome ================================================== */ #home-welcome { position: relative; background: #357290; } #home-welcome .right-bg { background: #f1f2f3; position: absolute; left: 50%; right: 0; top: 0; bottom: 0; } #home-welcome .welcome-box { text-align: center; background: #357290; padding: 180px 0 150px; } #home-welcome .welcome-box h1 { font-size: 60px; color: #ffffff; text-transform: uppercase; } #home-welcome .description-box { background: #f1f2f3; text-align: center;padding:70px 20px 65px 40px; } #home-welcome .description-box p { font-size: 18px; line-height: 1.5em; } #home-welcome .description-box p:first-of-type {font-weight:500;} @media (max-width: 991px){ #home-welcome .right-bg { display: none; } #home-welcome .welcome-box {padding:80px 0;} #home-welcome .container {width:100%;} #home-welcome .description-box {padding:70px 20px;} } @media (max-width: 767px){ #home-welcome .welcome-box h1 { font-size: 36px; } } /* Home What ================================================== */ #home-what {} #home-waht h3 { padding-bottom: 35px;font-weight:500;margin-top:0; } #home-what h4 { color: #357290; font-size: 24px; margin: 20px 0;font-weight:500; } /* Home Why ================================================== */ #home-why { background: #d7b27b; position: relative; color: #ffffff; } #home-why p { font-size: 20px; color: #ffffff; text-align: center; padding: 150px 20px; margin: 0; line-height:36px;} #home-why .right-bg { background-image: url('/images/worry-about-nothing.jpg'); background-size: cover; background-position: left center; background-repeat: no-repeat; position: absolute; left: 58%; right: 0; top: 0; bottom: 0; } #home-why .title-box { padding: 55px 0; text-align: center; } #home-why .title-box h2 { font-size: 40px; color: #ffffff; margin: 0; padding: 0 20px; text-transform: uppercase; } #home-why .center-box { height: 480px; background-image: url('/images/we-know-the-area-experts.jpg'); background-size: cover; background-repeat: no-repeat;background-position:center center; } @media (max-width: 1199px){ #home-why .right-bg { left: 62%; background-position: left center; } #home-why .center-box { height: 460px; } #home-why .title-box h2 {font-size: 27px;} } @media (max-width: 991px){ #home-why .container {width:100%;} #home-why .right-bg { display: none; } #home-why .right-box { background-image: url('/images/worry-about-nothing.jpg'); background-size: cover; background-repeat: no-repeat; background-position:left center; } #home-why .title-box {padding:80px 0;} #home-why .center-box {height:auto;} } /* Home Services ================================================== */ #home-services { background: #f1f2f3; position: relative; text-align: center; color: #ffffff; } #home-services .left-bg { background-image: url("/images/thorough-screening.jpg"); background-position: left center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 58%; } #home-services p { font-size: 20px; color: #ffffff; text-align: center; padding: 150px 20px; margin: 0;line-height:36px;} #home-services .center-box { height: 420px; background-image: url('/images/we-care-for-your-investments.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; } #home-services .right-box { padding: 180px 0; } @media (max-width: 1199px){ #home-services.left-bg { left: 62%; background-position: left center; } #home-services .center-box { height: 460px; } #home-services .right-box { padding: 170px 0; } } @media (max-width: 991px){ #home-services .container {width:100%;} #home-services .left-bg { display: none; } #home-services .left-box { background-image: url('/images/thorough-screening.jpg'); background-size: cover; background-repeat: no-repeat; background-position:left center; } #home-services .center-box {height:auto;} } /* Home Testimonials ================================================== */ #home-testimonials {padding:100px 0;} #home-testimonials h3 {text-align: center;font-size:48px;text-transform: uppercase;margin-bottom:55px;} /* Home Rentals ================================================== */ #home-rentals {padding:100px 0;background:#7e9fb6;} #home-rentals h3 {text-align: center;font-size:48px;color:#fff;text-transform: uppercase;margin-bottom:55px;border:5px solid #fff;max-width:855px;margin: 0 auto 40px;padding:15px 0;} #featured-properties {padding:20px 0 90px;} #home-rentals .frs-widget.prop-featured {background:#fff;} #home-rentals .frs-widget .carousel-indicators .active {background-color:#e1e1e1;border-color:#132531;height:7px;width:7px;} #home-rentals .frs-widget .carousel-indicators li {border:1px solid #e1e1e1;background-color:#e1e1e1;height:7px;width:7px;margin: 0 8px;border-radius:7px;} @media (max-width:991px){ } #home-rentals .frs-widget .details {background:rgba(19,37,49,0.9);padding:13px 16px;font-size:18px;color:#fff;display:none;text-transform: uppercase;position:absolute;bottom:0;width:calc(100% - 38px);-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #home-rentals .frs-widget .details .arrow {margin: auto 0px auto auto;} #home-rentals .frs-widget .property-info {max-width:500px;margin:0 auto} #home-rentals .frs-widget .property-image {max-width:500px;height:400px;overflow:hidden;} #home-rentals .frs-widget .property-image img {height:100%;width:100%;} #home-rentals .frs-widget.prop-featured {overflow:visible;} #home-rentals .frs-widget .carousel-control.right {right:-50px;display:none;} #home-rentals .frs-widget .carousel-control.left {left:-50px;display:none;} #home-rentals #myCarousel .item [class*="col-"] {padding:0 19px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-item-align: start;align-self: flex-start;min-height:308px;} #home-rentals #myCarousel .item [class*="col-"]:nth-of-type(1) {padding-left:0;} #home-rentals #myCarousel .item [class*="col-"]:nth-of-type(4) {padding-right:0;} #home-rentals #myCarousel .item [class*="col-"]:nth-of-type(1) .details, #home-rentals #myCarousel .item [class*="col-"]:nth-of-type(4) .details {width:calc(100% - 19px);} #home-rentals .frs-widget a:hover .details {display:-webkit-box;display:-ms-flexbox;display:flex;} #home-rentals .frs-widget a:hover {opacity:1;} #home-rentals .frs-widget .carousel-indicators {bottom:-50px;} /* ----- Carousel Controls ----- */ #myCarousel .control{position: absolute; background-color: #003e89; width: 30px; top: 30px; bottom: 30px; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #myCarousel .control:hover{opacity: .5;} #myCarousel .control.no-scroll{opacity: .5;} #myCarousel .control.prev{left: 0;} #myCarousel .control.prev .left-arrow{margin-left: 2px; margin-top: 170px;} #myCarousel .control.next{right: 0;} #myCarousel .control.next .right-arrow{margin-left: 8px; margin-top: 170px;} #myCarousel .carousel-control {background:transparent;opacity:1.0;width:3%;top:50%;height:31px;} #myCarousel .carousel-control:hover {opacity:0.6} #myCarousel .carousel-inner .item .property {max-width:557px; margin:0 auto;} .right-arrow{width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgba(255,255,255,0.5);} .left-arrow{width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid rgba(255,255,255,0.5);} /* ----- Responsive Design ----- */ @media (max-width:1313px) { #home-rentals .frs-widget .property-info {max-width:400px;margin:0 auto} #home-rentals .frs-widget .property-image {max-width:400px;height:300px;overflow:hidden;} #home-rentals .frs-widget .carousel-control.right {right:0px;} #home-rentals .frs-widget .carousel-control.left {left:0px;} } @media (max-width: 1199px){ #myCarousel .carousel-inner .item .property .property-image { height: 300px; } #home-rentals .frs-widget .carousel-control.right {right:-20px;} #home-rentals .frs-widget .carousel-control.left {left:-20px;} } @media (max-width: 991px){ #home-rentals .widget {max-height:none;overflow:hidden;} #home-rentals #myCarousel .carousel-inner .item .col-md-6 {margin-bottom:30px;} #home-rentals h2 {font-size:40px;} #home-rentals .frs-widget .carousel-control.right {right:0px;} #home-rentals .frs-widget .carousel-control.left {left:0px;} } @media (max-width: 650px){ #home-rentals .frs-widget .property-info {max-width:300px;margin:0 auto} #home-rentals .frs-widget .property-image {max-width:300px;height:200px;overflow:hidden;} } @media (max-width: 430px){ #home-rentals .frs-widget .property-info {max-width:200px;margin:0 auto} #home-rentals .frs-widget .property-image {max-width:200px;height:200px;overflow:hidden;} #home-sales .col-sm-6 {padding:0;} #home-sales .col-sm-6 .img {padding-bottom:20px;} } /* @media (max-width: 500px){ #myCarousel .carousel-inner {max-width:330px;} } */ /* Featured Property Carousel =================================================== */ #featured-prop-carousel .prop-caption { position: absolute; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); bottom: 0; left: 0; right: 0; background: #132531; padding: 15px 35px 15px 15px; background-image: url('/images/arrow-right.png'); background-repeat: no-repeat; background-position: 96% center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #featured-prop-carousel .prop-caption-text { text-align: left; color: #fff; font-size: 18px; text-transform: uppercase; margin: 0; } #featured-prop-carousel a:hover .prop-caption { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #featured-prop-carousel .prop-caption:hover { background-position: 97% center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media(max-width:991px){ #featured-prop-carousel .prop-caption {bottom:50px;} } .details {padding:26px 0px;font-size:15px;color:#fff;text-align: left;line-height:18px;} .details .title {font-size:16px;font-weight:600;margin-bottom:20px;line-height:18px;} .property-info {max-width:500px;margin:0 auto} .property-image {max-width:500px;height:400px;overflow:hidden;} .property-image img {height:100%;width:100%;} /* Multi Item Carousel */ .multi-item-carousel { text-align: center; position: relative; height: 0; padding-top: 139%; } .multi-item-carousel .carousel-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .multi-item-carousel .carousel-inner .item { height: 100%; } .multi-item-carousel .carousel-inner .item.active, .multi-item-carousel .carousel-inner .item.prev, .multi-item-carousel .carousel-inner .item.next { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .multi-item-carousel .carousel-inner .item .property { position: relative; width: 100%; height: 100%; overflow: hidden; } .multi-item-carousel .carousel-inner .item a { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; overflow: hidden; } .multi-item-carousel .carousel-inner .item img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s;min-height:357px;max-height:357px } /* .multi-item-carousel .carousel-inner .item a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } */ .multi-item-carousel .carousel-control { background: none; opacity: 1; color: #fff; width: 25%; } .multi-item-carousel .carousel-control a { max-height: 100%; } .multi-item-carousel .carousel-control:hover { opacity: 0.6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .multi-item-carousel .carousel-control [class*='icon-'] { height: 58px; width: 58px; margin: 0; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .multi-item-carousel .carousel-control [class*='icon-']::before { display: none; } @media (min-width: 1200px){ .multi-item-carousel { margin: 0 -20px; padding-top: calc(64% / 4); } .multi-item-carousel .carousel-inner .item .property { width: 25%; min-width: 25%; border-left: 25px solid #7e9fb6; border-right: 25px solid #7e9fb6; } .multi-item-carousel .carousel-inner .item.left.active, .multi-item-carousel .carousel-inner .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); } .multi-item-carousel .carousel-inner .item.right.active, .multi-item-carousel .carousel-inner .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); } .multi-item-carousel .carousel-inner .item.right, .multi-item-carousel .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) and (max-width: 1199px){ .multi-item-carousel { margin: 0 -10px; padding-top: calc(155% / 3); } .multi-item-carousel .carousel-inner .item .property { width: 33.33%; min-width: 33.33%; border-left: 10px solid #7e9fb6; border-right: 10px solid #7e9fb6; } .multi-item-carousel .carousel-inner .item.left.active, .multi-item-carousel .carousel-inner .item.prev { -webkit-transform: translate3d(-33.33%, 0, 0); transform: translate3d(-33.33%, 0, 0); } .multi-item-carousel .carousel-inner .item.right.active, .multi-item-carousel .carousel-inner .item.next { -webkit-transform: translate3d(33.33%, 0, 0); transform: translate3d(33.33%, 0, 0); } .multi-item-carousel .carousel-inner .item.right, .multi-item-carousel .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 768px) and (max-width: 991px){ .multi-item-carousel { margin: 0 -10px; padding-top: calc(135% / 2); } .multi-item-carousel .carousel-inner .item .property { width: 50%; min-width: 50%; border-left: 10px solid #7e9fb6; border-right: 10px solid #7e9fb6; } .multi-item-carousel .carousel-inner .item.left.active, .multi-item-carousel .carousel-inner .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .multi-item-carousel .carousel-inner .item.right.active, .multi-item-carousel .carousel-inner .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .multi-item-carousel .carousel-inner .item.right, .multi-item-carousel .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (max-width: 767px){ .multi-item-carousel {padding-top:80%;} .multi-item-carousel .carousel-inner .item .property ~ .property { display: none; } .multi-item-carousel .carousel-inner .item img {max-height:350px;min-height:0;} .details {text-align: center;} } @media (max-width: 615px){ #home-rentals {padding:100px 0 50px;} .multi-item-carousel {padding-top:100%;} .multi-item-carousel .carousel-inner .item img {max-height:350px;min-height:0;} } @media (max-width: 515px){ .multi-item-carousel {padding-top:100%;} } @media (max-width: 495px){ .multi-item-carousel {padding-top:124%;} } /* Three Items */ @media (min-width: 1200px){ .multi-item-carousel.three-items { padding-top: calc(129% / 3); } .multi-item-carousel.three-items .carousel-inner .item .property { width: 33.33%; min-width: 33.33%; } .multi-item-carousel.three-items .carousel-inner .item.left.active, .multi-item-carousel.three-items .carousel-inner .item.prev { -webkit-transform: translate3d(-33.33%, 0, 0); transform: translate3d(-33.33%, 0, 0); } .multi-item-carousel.three-items .carousel-inner .item.right.active, .multi-item-carousel.three-items .carousel-inner .item.next { -webkit-transform: translate3d(33.33%, 0, 0); transform: translate3d(33.33%, 0, 0); } .multi-item-carousel.three-items .carousel-inner .item.right, .multi-item-carousel.three-items .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media(min-width:1285px){ .multi-item-carousel.three-items { padding-top: calc(119% / 3); } } /* Two Items */ @media (min-width: 992px){ .multi-item-carousel.two-items { padding-top: calc(44% / 2); } .multi-item-carousel.two-items .carousel-inner .item .property { width: 50%; min-width: 50%; } .multi-item-carousel.two-items .carousel-inner .item.left.active, .multi-item-carousel.two-items .carousel-inner .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .multi-item-carousel.two-items .carousel-inner .item.right.active, .multi-item-carousel.two-items .carousel-inner .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .multi-item-carousel.two-items .carousel-inner .item.right, .multi-item-carousel.two-items .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* One Item */ @media (min-width: 768px){ .multi-item-carousel.one-item { margin: 0; padding-top: 0; height: 315px; background: #f2f2f2; } .multi-item-carousel.one-item .carousel-inner .item .property { width: 490px; min-width: 490px; border: 0; max-width: 100%; margin: 0 auto; } .multi-item-carousel.one-item .carousel-inner .item.left.active, .multi-item-carousel.one-item .carousel-inner .item.prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .multi-item-carousel.one-item .carousel-inner .item.right.active, .multi-item-carousel.one-item .carousel-inner .item.next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .multi-item-carousel.one-item .carousel-inner .item.right, .multi-item-carousel.one-item .carousel-inner .item.left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Home Blog ================================================== */ #home-blog { padding: 80px 0 80px 0; } #home-blog h2 {text-align: center;text-transform: uppercase;font-size:48px;margin-bottom:60px;padding-bottom:0;} #home-blog .post-title {font-size:30px;color:#d7b27b;} #home-blog .post-title a {color:#d7b27b;text-transform: uppercase;} #home-blog .post-body {max-width:360px;} #home-blog .read-more {text-transform: uppercase;display:block;font-weight:600;margin-top:30px;} @media(max-width:991px){ #home-blog .item {margin-bottom:30px;} } /* Home Contact ================================================== */ #home-contact { background: #357290; padding: 45px 0; color: #ffffff; } #home-contact h3 { color: #ffffff;text-align: center;font-size:48px;text-transform: uppercase;padding-bottom:40px;} #home-contact p { font-size: 24px;margin-bottom:40px; } #home-contact .link-btn {color: #ffffff;font-size:28px; } #home-contact .link-btn:hover { border-color: #fff; color: #d7b27b; } #home-contact a.link-btn::after {background:#fff;} /* Home Testimonials ================================================== */ #home-testimonials { padding: 40px 0 40px 0; } #home-testimonials h2 { margin-bottom: 80px; } #home-testimonials .carousel-inner { position: relative; width: 78%; overflow: hidden; margin-left: auto; margin-right: auto; } #home-testimonials .carousel-control { bottom: 150px; background-image: none; -webkit-filter: none; filter: none; } #home-testimonials.carousel-inner { padding-bottom: 50px; } #home-testimonials .item { font-size: 24px; } #home-testimonials .item h4 { color: #d7b27b; text-transform: uppercase; font-size: 24px; } @media (max-width: 767px){ #home-testimonials .carousel-control{display: none;} } /* Featured Properties ================================================== */ #our-properties {text-align: center;} #our-properties h1 {margin-bottom:80px;} #our-properties .properties { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;list-style: none;padding-left:0;max-width:1171px;margin:0 auto;} #our-properties .properties li { position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 553px; padding:30px 15px;margin: 0 auto;min-height:552px; } /* #our-properties .properties li .image {position:relative;} */ #our-properties .properties li .details {background:#357290;position:absolute;bottom:0;right:0;left:0;font-size:22px;padding:32px 25px;opacity:0;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #our-properties .properties li .details .address {text-align: left;display:inline-block;} #our-properties .properties li .details .see-more {text-align: right;display:inline-block;float:right;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #our-properties .properties li .details .see-more:hover {opacity:0.6;} #our-properties .properties li > a { position: relative; width: 100%; height: 0; padding-top:105%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); overflow: hidden; } #our-properties .properties li > a:hover .details {opacity:1;} #our-properties .properties li {width:33.3333%;} #our-properties a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -webkit-transform 0.4s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -webkit-transform 0.4s linear; -o-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.4s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.4s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.4s linear, -webkit-transform 0.4s linear; } #our-properties a:hover { -webkit-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: background 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); } #our-properties a:hover img { opacity: 1; -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -webkit-transform 0.5s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), -webkit-transform 0.5s linear; -o-transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.5s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.5s linear; transition: opacity 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950), transform 0.5s linear, -webkit-transform 0.5s linear; -webkit-transform: scale(1.085); -ms-transform: scale(1.085); transform: scale(1.085); } #our-properties .gallery-image { display: block; width: 100%; padding-top: 100%; height: 0; position: relative; overflow: hidden; } #our-properties .gallery-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } @media(max-width:991px){ #our-properties .properties li {min-height:400px;} #our-properties .properties li > a {padding-top:125%;} #our-properties .properties li .details {opacity:1;text-align: center;padding:20px 25px;} #our-properties .properties li .details .address {display:block;text-align: center;margin-bottom:15px;} #our-properties .properties li .details .see-more {display:block;float:none;text-align: center;font-size:16px;} } @media(max-width:767px){ #our-properties .properties li {padding:8px;} } @media(max-width:650px){ #our-properties .properties li {-ms-flex-preferred-size:100%;flex-basis:100%;} } @media(max-width:425px){ } /* Featured Property Info ================================================== */ #property-info {margin-bottom:70px;} #property-info h1 {font-size:48px;text-align: center;margin-bottom:100px;} #property-info h2 {margin-top:0;} #property-info hr {width:80px;border-top:4px solid #d7b27b;margin:16px auto 40px 0;} #property-info .btn {min-width:290px;} #property-info .row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #property-info .row [class*="col-"] {margin: auto;} #property-info .row:before, #property-info .row:after {display:inline-block !important;} @media(max-width:991px){ #property-info h1 {margin-bottom:60px;} #property-info .row [class*="col-"]:first-of-type {margin-bottom:50px;} } #features-amenities {color:#fff;font-size:18px;} #features-amenities .box {background:#357290;padding:40px 50px;} #features-amenities h3 {font-size:28px;color:#fff;text-transform: uppercase;margin-top:0;} #features-amenities hr {width:80px;border-top:4px solid #fff;margin:16px auto 40px 0;} #features-amenities ul {padding-left:15px;max-width:450px;} @media(max-width:991px){ #features-amenities .box .row .col-md-6:first-of-type {margin-bottom:30px;} } #property-map {padding:100px 0;} #property-map h3 {font-size:28px;text-transform: uppercase;margin-top:0;text-align: center;margin-bottom:25px;} /* Photo Slider ================================================== */ #photo-slider{} #photo-slider {padding-bottom:70px; } #photo-slider .carousel-inner { max-width: 100%; margin: 0 auto; } #photo-slider .container-fluid{padding:0;} #photo-slider .carousel-inner { max-width: 100%; margin: 0 auto; } #photo-slider .carousel-inner>.item>a>.image, #photo-slider .carousel-inner>.item>.image {width:33.33333%;min-height:725px;max-height:725px;overflow:hidden;} #photo-slider .item .image:first-of-type {border-right:22px solid #fff;} #photo-slider .item .image:last-of-type {border-left:22px solid #fff;} #photo-slider .item a { color: #fff; position: relative; display: block; height: 324px; width: 324px; border-radius: 50%; margin: 0 auto; background-color: #133255; } #photo-slider .item a::before { content: ''; background-image: url('/images/logomark.png'); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; z-index: 0; } #photo-slider .item a h4 { margin: auto; padding: 110px 0 0; font-size: 42px; color: inherit; line-height: 1.15em; position: relative; z-index: 9; } #photo-slider .item a p { margin: 5px auto auto; font-size: 22px; color: #113055; position: relative; z-index: 9; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #photo-slider .item a:hover { color: #113055; background-color: #b0cf58; } #photo-slider .item a:hover p { opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* #photo-slider .item a:first-child { animation-name: zoomOut; animation-delay: 5000ms; -webkit-animation-duration: 1.10s; animation-duration: 1.10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } */ #photo-slider .item a:last-child { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1.10s; animation-duration: 1.10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #photo-slider .carousel-control { background: unset; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } #photo-slider .carousel-control img { margin: auto; } #photo-slider .text-center {margin-top:70px;} @media (min-width: 1200px) and (max-width: 1260px){ #photo-slider .item a { height: 300px; width: 300px; } } @media (min-width: 992px) and (max-width: 1199px){ #photo-slider .item a { height: 240px; width: 240px; } #photo-slider .item a h4 { padding: 88px 0 0; font-size: 30px; } } @media(max-width:991px){ #photo-slider .carousel-inner>.item>a>.image, #photo-slider .carousel-inner>.item>.image {width:100%;min-height:508px;} #photo-slider .item .image:last-of-type {border-left:none;} #photo-slider .item .image:first-of-type {border-right:none;} } @media(max-width:650px){ #photo-slider .carousel-inner>.item>a>.image, #photo-slider .carousel-inner>.item>.image {min-height:0;} #photo-slider .carousel-control {display:none;} } @media (max-width: 500px){ #pm-guarantees { padding: 70px 0 60px; } #photo-slider { margin-top: 60px; } } @media (max-width: 475px){ #photo-slider .item a { height: 230px; width: 230px; } #photo-slider .item a h4 { padding: 88px 0 0; font-size: 30px; } } /* Multi Item Carousel */ @media (min-width: 992px){ .multi-item .carousel-inner .item.active, .multi-item .carousel-inner .item.next { display: -webkit-box; display: -ms-flexbox; display: flex; } .multi-item .carousel-inner > .item { -webkit-transition: 500ms ease-in-out left; -o-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left; } .multi-item .carousel-inner .active.left { left: -33%; } .multi-item .carousel-inner .active.right { left: 33%; } .multi-item .carousel-inner .next { left: 33%; } .multi-item .carousel-inner .prev { left: -33%; } @media all and (transform-3d), (-webkit-transform-3d) { .multi-item .carousel-inner > .item { -webkit-transition: 500ms ease-in-out left; -o-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left; -webkit-transition: 500ms ease-in-out all; -o-transition: 500ms ease-in-out all; transition: 500ms ease-in-out all; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } } /* Launch Menu - Light Mode ================================================== */ .launch-menu-mask { background: #000; } .launch-menu.sidebar { background: #357290; } .launch-menu-close { opacity: 0.4; height: auto; padding: 15px; } .launch-menu-close img { max-height: 40px; } .launch-menu-close:hover { opacity: 0.8; } .launch-menu a { color:#fff; font-size: 16px; } .launch-menu ul li a:not(.btn) { line-height: 1.33; padding: 15px 0; } .launch-menu > ul > li { border-bottom:solid 1px rgba(0,0,0,0.2); } .launch-menu > ul > li > a:not(.btn) { font-size: 18px; color: #fff; line-height: 1.33; padding: 15px 0; -webkit-transition: color 0s; -o-transition: color 0s; transition: color 0s; } .launch-menu > ul > li > a:not(.btn):hover {color: #fff; } .launch-menu > ul > li:hover, .launch-menu > ul > li.active { background:#d7b27b; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu > ul > li:hover a, .launch-menu > ul > li.active a { color: #fff; } .launch-menu > ul > li:hover ul, .launch-menu > ul > li.active ul { background: rgba(0,0,0,0.10); } .launch-menu > ul > li:first-child { border-top:solid 1px rgba(0,0,0,0.2); } .launch-menu > ul > li > ul > li { padding-right: 15px; } .launch-menu > ul > li > ul > li:first-child { border-top:solid 1px rgba(0,0,0,0.2); } .launch-menu > ul > li > ul > li:hover { background: rgba(0,0,0,0.10); -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu > ul > li > ul > li:hover a { -webkit-transition: 0; -o-transition: 0; transition: 0; } .launch-menu .dropdown ul { display: none; } .launch-menu .phone, .launch-menu .phone a { font-size: 16px; text-align: center; color: #ffffff; } .launch-menu .phone a:hover { color: #d7b27b; } .launch-menu .links { margin: 0 0 35px; } .launch-menu .links > ul > li { margin: 10px 0; } .launch-menu .social { text-align: center; padding: 30px 0 20px; } .launch-menu .social a { line-height: 37px!important; padding: 0!important; position: relative; -webkit-transition: 0.3s!important; -o-transition: 0.3s!important; transition: 0.3s!important; } .launch-menu .social li {display:inline-block;} .launch-menu .logo img { max-width: 60%; margin: 20px auto 30px; display: block; } .launch-menu .btn {background:#d7b27b;} .launch-menu .phone ul li a {font-size:16px;padding:5px 0;} /* Footer ================================================== */ footer { text-align: center; } footer .contact { text-align: center; padding: 0px 0; font-weight:400; font-size: 15px;line-height:20px; background-color:#d7b27b; color: #ffffff; } footer .contact .row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:0;margin-right:0; justify-content: space-evenly;} footer .contact .row:before, footer .contact .row:after {display:inline-block !important;} #footer .contact .item {min-height: 336px;padding: 75px 15px; font-size: 18px;} footer .contact h3 {color:#fff;font-size:20px;margin-bottom:45px;margin-top:0;text-transform: uppercase;} footer .contact a {color:#fff;} footer .contact a:hover {color:#357290;} footer .contact .container {width:100%;padding:0;} footer .contact .col-lg-3 {padding-left:0;padding-right:0;} footer .contact .col-lg-3:nth-of-type(2),footer .contact .col-lg-3:nth-of-type(4){background:#bf9e6d;} footer .contact .row .col-lg-3 .row .col-md-6 {padding-right:5px;padding-left:5px;} footer .contact .icon { padding-bottom: 20px; } /* footer .contact .item { height: 320px; } */ footer .contact .item { min-height: 336px;padding:75px 15px; font-size: 18px;} /* footer .contact .item .front { padding: 80px 0; } */ footer .contact .item .back { background: #357290; padding: 80px 0; } footer .contact .item .icon { margin-bottom: 15px; } footer .info { padding: 40px 0; font-size: 18px; } footer .social { margin-bottom: 50px; } footer .social > ul { padding: 0; margin: 0; list-style-type: none; } footer .social > ul > li { padding: 0; margin: 0; list-style-type: none; display: inline-block; } footer .social > ul > li > a { color: #357290; width: 30px; height: 30px; border:0; border-radius: 15px; margin: 0 5px; display: inline-block; line-height: 30px; } footer .social a:viisted, footer .social a:link { color: #333333; } footer .social a:hover { opacity: 0.5; } footer .copy { font-size: 18px; } @media(max-width:1199px){ footer .contact .col-lg-3:nth-of-type(2),footer .contact .col-lg-3:nth-of-type(3){background:#bf9e6d;} footer .contact .col-lg-3:nth-of-type(4) {background:#d7b27b;} } @media(max-width:991px){ footer .contact .col-lg-3:nth-of-type(2),footer .contact .col-lg-3:nth-of-type(4){background:#bf9e6d;} footer .contact .col-lg-3:nth-of-type(3){background:#d7b27b;} footer .contact .row {display:block;} footer .contact .row .col-lg-3 .row .col-md-6 {margin-bottom:20px} footer .contact .item .icon {margin-bottom:0;} } .footer__logo img { margin-bottom: 25px; width: 280px; } /* Lease Only ================================================== */ .ion-form .ion-form-group label {display:none;} /* Guarantees ================================================== */ #guarantees {} #guarantees h4 {color:#357290;font-weight:600;} #guarantees hr {border-top:4px solid #357290;width:60px;margin:13px auto 13px 0;} /* Body Container ================================================== */ #body-container { padding-top:65px; padding-bottom:30px; } /* Inline List with Pipes */ ul.with-pipes { list-style: none; padding: 0; margin: 0; } ul.with-pipes li { display: inline; } ul.with-pipes li:nth-child(1n+2):before { content: "|"; margin: 0 8px 0 6px; display: inline; } ul.stack {list-style:none;padding:0;margin:0 0 20px;} ul.stack li {display:block;} ul.stack li:first-of-type {font-weight:600;} /* Side content ================================================== */ .side-content { margin-top: -65px; } .side-content ul.ctas { padding: 25px 0 0 0; margin: 0; list-style-type: none; background: #ebebeb; } .side-content ul.ctas > li { padding: 25px 0; margin: 0; list-style-type: none; text-align: center; } .side-content ul.ctas > li > a { display: block; } .side-content ul.ctas > li h4 { color: #357290; font-size: 24px; text-transform: uppercase; margin: 20px 0 0 0; } .side-content ul.ctas > li:hover { background: #f1f2f3; } /* Banner Primary ================================================== */ .banner-primary { background-color:#d7b27b; } .banner-blue { background-color:#357290; } .banner-light-blue { background-color:#7e9fb6; } /* Blog ================================================== */ .blog-page { } .blog-container { } .blog-container h1 { margin-bottom: 50px; } .blog-container .wrapper .side-panel { float: none; width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .blog-container .wrapper .side-panel section { margin-bottom: 35px; } .blog-container .wrapper .side-panel section h4 { font-size: 13px; padding: 10px 0; letter-spacing: 0.4em; font-weight: bold; text-transform: uppercase; } .blog-container .wrapper .side-panel section ul { list-style: none; padding: 0; margin: 0; } .blog-container .wrapper .side-panel .blog-recent-posts li { padding: 15px 0; border-bottom: 1px solid #f2f2f2; } .blog-container .wrapper .side-panel .blog-recent-posts li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb { width: 100px; height: 65px; min-width: 100px; border-radius: 3px; overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb > img.cover { height: 100%; width: 100%; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb .default, .post-thumb .video { height: 0; width: 100%; padding-top: 65%; position: relative; border-radius: 3px; background: #f2f2f2; text-align: center; font-size: 36px; color: #ff0000; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb .default img, .post-thumb .video i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; color: #ffffff; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-details { font-size: 14px; line-height: 1.25em; padding-left: 10px; color: #000; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-details .post-date { font-size: 12px; color: #707070; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-thumb { -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.18); box-shadow: 1px 1px 5px rgba(0,0,0,0.18); -webkit-transform: scale(1.005); -ms-transform: scale(1.005); transform: scale(1.005); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #f2f2f2; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-details { color: #ffffff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .blog-container .wrapper .side-panel .blog-tag-list li { font-size: 14px; display: inline-block; padding: 0px 10px; height: 30px; line-height: 32px; margin-left: 1px; margin-bottom: 5px; border-radius: 3px; background: #ffffff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-bottom: 2px solid rgba(0,0,0,0.1); } .blog-container .wrapper .side-panel .blog-tag-list li a { color: #fff; } .blog-container .wrapper .side-panel .blog-tag-list li:hover { -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.35); box-shadow: 1px 1px 5px rgba(0,0,0,0.35); -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #ffffff; } /* */ .blog-container .blog-post { margin-bottom: 45px; padding-bottom: 1px; } .blog-container .blog-post:last-child { margin-bottom: 0; } .blog-container .blog-post .post-header { padding: 0 0 5px; border-bottom: 1px solid #f2f2f2; } .blog-container .post-list .blog-post .post-header .post-title { border-bottom: 0; font-size: 18px; margin: 0; padding: 0; letter-spacing: 0.02em; text-transform: none; } .blog-container .blog-post h2.post-title {font-size: 30px;} .blog-container .blog-post .post-header .post-title a { color: #357290; } .blog-container .blog-post .post-header .post-date { font-size: 12px; text-transform: uppercase; color: #707070; } .blog-container .blog-post .post-featured { margin: 15px 0 25px; border-radius: 3px; overflow: hidden; } .blog-container .blog-post .post-featured .default { background: #f2f2f2; height: 100%; width: 100%; padding-top: 56.25%; position: relative; border-radius: 3px; } .blog-container .blog-post .post-featured .default img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; } .blog-container .blog-post .post-body { font-size: 18px; margin: 0; letter-spacing: 0.02em; } .blog-container .blog-post .read-more { white-space: nowrap; display: block; margin: 20px 0 0; } .blog-container .blog-post .post-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-container .blog-post .post-footer .post-tags li { background: #f2f2f2; color: #fff; padding: 0px 10px; height: 38px; line-height: 38px; display: inline-block; margin-left: 1px; border-radius: 3px; } .blog-container .blog-post .post-footer h4 { font-size: 12px; color: #707070; letter-spacing: 0.4em; font-weight: 700; text-transform: uppercase; } .blog-container .index { letter-spacing: 0.02em; color: #ffffff; text-transform: uppercase; font-size: 18px; } .blog-container .index:hover { color: #ffffff; } .blog-container .social ul li {display:inline-block;margin: 0 10px;} /* Standard Post List */ .blog-container .post-list { float: none; width: 100%; } .blog-container .post-list .video-wrapper img { width: 100%; } .blog-container .post-list .post-featured .default img[src*="logo"] { width: 80%; } @media (min-width: 992px) { .blog-container .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-container .wrapper .main-panel { padding-right: 30px; } .blog-container .wrapper .side-panel { min-width: 300px; width: 300px; padding-left: 20px; } } @media (max-width: 991px) { .blog-container .index { text-align: center; display: block; margin-bottom: 40px; } } @media (min-width: 501px) { .blog-page #secondary-banner .prompt .lead { font-size: 48px; } } /* Alternate Blog Styles ============================================= */ /* Side Image Post List */ @media (min-width: 768px) { .blog-container .post-list .blog-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-container .post-list .blog-post .post-header { width: 100%; } .blog-container .post-list .blog-post .post-featured { width: 48%; } .blog-container .post-list .blog-post .post-body { width: 50%; line-height: 1.45em; font-size: 16px; padding-left: 4%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } /* Card Style */ .blog-page { background: #f2f2f23b; } .blog-page .blog-container .wrapper .side-panel, .blog-page .blog-container .blog-post { background: #fff; border-radius: 6px; padding: 20px; overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } @media (min-width: 992px) { .blog-page .blog-container .wrapper .main-panel { padding-right: 45px; } .blog-page .blog-container .wrapper .side-panel { margin-bottom: 45px; padding: 15px 20px 20px; } .blog-page .blog-container .post-list { margin: 0 0 -30px; } } /* 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:#f1f1f1;border-color:#ccc;color:#357290; -webkit-transition:background-color 0.05s ease; -o-transition:background-color 0.05s ease; transition:background-color 0.05s ease; } .launch-accordion > li > h4:hover { background-color:#357290;color:#fff; } /* Form Container ================================================== */ .form-container { } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ ul.areas { padding:0; text-align:center; font-size:1.125em; } ul.areas li { width:25%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:22px; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:50%; } } @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:708px; } /* Secondary Banner ================================================== */ #secondary-banner { position:relative; height:572px; background-image: url('/images/banner1.jpg'); } #secondary-banner::after { content: ''; position: absolute; height:100%; width: 100%; top:0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.5); } #secondary-banner .container { position: relative; height: 100%;z-index:999; } #secondary-banner h3 { font-size: 30px; color: #ffffff; position: absolute; left: 0; right: 0; bottom: 85px; text-transform: uppercase; text-align: center; } @media(max-width:991px){ #secondary-banner {height:400px;} } #secondary-override { display: none; } /* About Page ================================================== */ #about-us #body-container {padding-top:240px;} @media(max-width:991px){ #about-us #body-container {padding-top:200px;} } @media(max-width:425px){ #about-us #body-container {padding-top:140px;} } /* PM Discover */ #about-title {} #about-title .quick-lead { } #about-title .quick-lead label { display: none; } #about-title .quick-lead input { height: 47px; margin: 0 0 30px; padding: 0 15px; color: #000; } #about-title .quick-lead button { color: #000!important; background: #fff; font-size: 20px; border: 0; font-weight: 600; height: 45px; line-height: 45px; border-radius: 10px; padding: 0; width: 100%; max-width: 300px; text-transform: uppercase; } #about-title .quick-lead button:hover { background: #f29c1f!important; opacity: 1; } #about-title h1 { font-size: 48px; color: #ffffff; margin: 0; padding: 0 20px; text-transform: uppercase;max-width:330px;text-align: center;margin: 0 auto;} #about-bio {color:#fff;font-size:20px;} #about-bio .flex-row .content {width:calc(70% - 80px);} #about-bio .flex-row .container {max-width:1000px;} #about-bio p {line-height:40px;margin-bottom:50px;} #about-bio h4 {font-size:20px;} @media(max-width:1300px){ #about-bio .flex-row .content {width:calc(60% - 80px);} } @media(max-width:991px){ #about-bio .flex-row .content {width:100%;} } #message-president {color:#fff;font-size:20px;} #message-president h2 {font-size:48px;color:#fff;max-width:none;} #message-president h3 {font-size:30px;color:#fff;text-transform: uppercase;font-weight:400;} #message-president p {line-height:40px;margin-bottom:50px;} #message-president .flex-row .image {width:40%;} #message-president .flex-row .content {width:calc(70% - 80px);} #message-president .flex-row .container {max-width:1000px;} #message-president .signature {font-size:60px;font-family:"Cormorant Garamond", cursive;} @media(max-width:1300px){ #message-president .flex-row .content {width:calc(63% - 80px);} } @media(max-width:991px){ #message-president .flex-row .image {display:none;} #message-president .flex-row .content {width:100%;} } #meet-team {padding:100px 0;} #meet-team h2 {font-size:48px;text-transform: uppercase;color:#000;text-align: center;margin-bottom:100px;} #meet-team h3 {text-transform: uppercase;font-size:28px;margin-bottom:0;} #meet-team .kyle {margin-bottom:150px;} #meet-team .kyle h4 {font-size:18px;font-style:italic;margin-bottom:20px;} #meet-team hr {width:150px;border-top:3px solid #d7b27b;margin: 17px auto 65px 0;} @media(max-width:991px){ #meet-team .row .col-md-6 {width:100%;text-align: center;} #meet-team h3 {text-align: center;} #meet-team hr {margin: 17px auto 65px auto;} #meet-team .row [class*="col-"] {width:100%;} } /* About ===========================*/ /* style for on the About page only */ #meet-team .team-member { padding: 15px; } #meet-team .team-member .bio { display: none; text-align: left; } #meet-team .team-member:hover { cursor: pointer; } #meet-team .row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #meet-team .row:before, #meet-team .row:after {display:inline-block !important;} /* style for BOTH About page and your popup */ .team-member { text-align: center;margin-bottom: 55px; } /* .team-member .image { height: 300px; width: 100%; padding: 25px;margin-bottom: 25px; transition: all 0.3s; background-size: cover; background-position: center top; overflow: hidden; } */ .team-member .image img { display: none; } .team-member .name { font-size: 28px;line-height:32px;text-transform: uppercase; color: #000; font-weight: 600;} .team-member .title { font-size: 18px;line-height:20px;color: #000;font-style:italic;} .team-member .email a{font-size:18px;color:#000;word-wrap: break-word;} .team-member .link {font-weight:600; color:#000;} .team-member .circle-image { position: relative; height: 0; width: 100%; padding-top: 100%; border-radius: 50%; overflow: hidden; } .team-member .circle-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-position: top; object-position: top; border: 5px solid #fff; border-radius: 50%; } .team-member .image {border-radius:50%;background-size: cover; background-position: center top;background-repeat:no-repeat;margin-bottom:25px;} #popup { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background: rgba(0,0,0,0.8); background-size:cover; padding: 80px 0; overflow: scroll; } #popup .inner { position: relative; z-index: 10000; padding: 30px 30px 20px; min-height: 300px; width: 100%; max-width: 900px; margin: auto; background: #357290; border-radius: 0px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); color:#fff;} #popup .inner .close-button.top { position: absolute; height: 20px; width: 20px; top: 15px; right: 15px; cursor: pointer; font-size: 20px; opacity: 0.5; } #popup .inner .close-button.top:hover { opacity: 0.9; } #popup .inner .close-button.bottom { text-align: right; padding-top: 20px; border-top: 1px solid #ccc; } #popup .inner .close-button.bottom .btn { padding: 0 25px; height: 40px; line-height: 40px; font-size: 16px; min-width: 0;background:#d7b27b; } #popup .inner .team-member .name {color:#fff;} #popup .inner .team-member .title {color:#fff} #popup .inner .team-member .email a {color:#fff;} #popup .team-member { text-align: left; } #popup .team-member:after { content: ; display: block; clear: both; } #popup .team-member .image { display: inline; float: left; height: 244px; width: 195px; border-radius: 0; margin: 0 30px 15px 0px; } #popup .team-member .title { min-height: 0px; } #popup .team-member .title br { display: none; } #popup .team-member .link { display: none; } #popup .team-member .bio { margin-top: 15px; } #about-cta { text-align: center; max-width: 1000px; margin: 0 auto; } #about-cta h3 { font-size: 30px; margin: 0 0 15px; } #about-cta p.lead { margin-bottom: 25px; } @media (max-width: 991px) { #popup .inner { width: 95%; } } @media (max-width: 600px){ #team .col-xs-6 { width: 100%; } } @media (max-width: 550px){ #popup .team-member .image { display: block; float: none; text-align: center; margin: 15px auto; } #popup .team-member .name, #popup .team-member .title,#popup .team-member .email { text-align: center; } } /* Properties Widget ================================================== */ .frs-widget { font-size: 18px; } .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 { background:#357290; border-color:#357290; border-width: 1px; border-style: solid; color:#fff!important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; font-weight:300; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { opacity: 1; background:#ffffff !important; border-color:#357290; color:#357290!important; } .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #357290; } .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: #357290; } .frs-widget form label {font-weight:normal;} .frs-paging-btn a { border:1px solid #357290; color:#357290; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:#357290; 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%); -webkit-filter: gray; 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; } } @media(max-width:767px){ section .container > h3 {font-size:38px !important;} section .container > h2 {font-size:38px !important;} section .container > h2 + h3 {font-size:24px !important;} } /* Color override for Post Card Rentals */ .post-card .frs-widget.prop-list .prop-search, .post-card .prop-search .prop-search-form { background: #357290; } .post-card .frs-widget.prop-list .prop-search .prop-search-form-button button { background: #fff!important; color: #357290!important; } .post-card ul.listings li .view-details .btn-listing{ border: 1px solid #357290!important; background-color: #357290!important; color: #fff; } .post-card ul.listings li .view-details .btn-listing:hover{ background-color: #fff!important; color: #357290!important; } .prop-result-panel .panel-details .prop-rent { color: #357290!important; } .prop-result-panel .panel-details .prop-btn a { background-color: #357290!important; border-color: #357290!important; opacity: 1; } .prop-result-panel .panel-details .prop-btn a:hover { color: #357290!important; background-color: #fff!important; } .frs-widget.prop-subscribe .prop-subscribe-title { color: #357290; padding-top: 85px; display: block; } .frs-widget.prop-subscribe .prop-subscribe-title::before { content: ''; display: block; clear: both; } @media (max-width: 768px){ .frs-widget.prop-subscribe form { margin: 0 auto; } } .ion-form button {border: 1px solid #357290; background-color: #357290; color: #ffffff; padding: .5em .5em; } .ion-form button:hover{ background-color: #ffffff; color: #357290; } .ion-form .ion-form-group.ion-is-required label:first-child:after {margin:0; color:#000;} @media(max-width:600px){ h1 {font-size:30px !important;} section .container h3 {font-size:30px !important;} } .frsw-btn-primary {background:#357290; border-color: #357290;} .frsw-btn-primary:hover{background-color: #fff; color: #357290 !important;border-color: #357290;} .frsw-nav-pills .frsw-nav-link.frsw-active, .frsw-nav-pills .frsw-show > .frsw-nav-link{background:#357290; border-color: #357290;} .frsw-nav-pills .frsw-nav-link.frsw-active:hover, .frsw-nav-pills .frsw-show > .frsw-nav-link:hover {background-color: #fff; color: #357290 !important;border-color: #357290 !important;} .frsw-btn-info {background:#357290;border-color:#357290;border-radius:0;margin-bottom:10px;} .frsw-btn-info:hover {background:#fff;border-color:#357290;color:#357290 !important;} .frsw-card-title.text-primary {color:#357290 !important;} .freerentalsite-widget p {color:#000;} .freerentalsite-widget h1 {margin-top:15px;} .frsw-page-item.frsw-active .frsw-page-link {background-color:#357290;border-color:#3572901;} .frsw-page-link {color:#357290;} /* Free Rental Analysis ================================================== */ #free-rental-analysis { padding: 0; position: relative; overflow: hidden; text-align: center;color: #fff; background-color: } #free-rental-analysis h2 {margin-bottom: 65px; color:#fff;font-size:25px;font-style:italic;margin-bottom:20px;text-transform: none;} #free-rental-analysis h3 { color: #fff; margin-bottom:40px;font-size:35px;text-transform: uppercase;font-style:normal;} #free-rental-analysis ol {margin-bottom:35px;padding-left:15px;text-align:left;} #free-rental-analysis .content { padding: 65px 15px; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 { max-width: 700px; margin: 0 auto; text-align: center; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 label { display: none; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 input { border-radius:0;height: 50px; line-height: 50px; padding: 0 15px; border: 0; color: #000; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 button { font-size: 14px;letter-spacing: 0.035em; text-transform: uppercase; margin: 15px 0 0; display: inline-block; height: 50px; line-height: 50px; padding: 0; width: 132px; background: #000; border-color: #000; color: #fff!important;} #free-rental-analysis .content .frs-widget.quick-lead.step-1 button:hover { opacity: 1;color:#000 !important; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 ::-webkit-input-placeholder { color: #959595; letter-spacing: 0.035em; font-size: 14px; } #free-rental-analysis .content .sample { font-size: 14px; letter-spacing: 0.025em; margin: 15px 0 0; display: block; text-transform: uppercase; font-weight: bold; color: #f09718; } #free-rental-analysis .image { margin-bottom: -1px;position: relative;top:90px;} #free-rental-analysis .amp__form .ion-amp-form button { background: #000; } @media(max-width:1450px){ #free-rental-analysis .image {top:0;} } @media (min-width: 992px){ #free-rental-analysis .container-fluid { display: flex; min-height: 615px; } #free-rental-analysis .image { order: -1; display: flex; align-items: flex-end; max-width: 48%; padding-right: 45px; } #free-rental-analysis .content { align-self: center; text-align: left;max-width:650px;} #free-rental-analysis .content .frs-widget.quick-lead.step-1 { display: flex; } #free-rental-analysis .content .frs-widget.quick-lead.step-1 button { margin: 0; } #free-rental-analysis .content .sample { text-align: left; } } @media (min-width: 992px) and (max-width:1314px){ #free-rental-analysis .image { align-items: center; margin: 0; } } #pm-info header {margin-bottom: 30px !important;} #pm-info header h2 {margin-bottom: 15px;} #pm-info header h3 {text-align: start; margin: 5px 0;} /* AMP Step 1 ============================================================================= */ .amp-step-2, .amp { --primary: #d7b27b; --secondary: #d7b27b; --dark: #d7b27b; --light: #51b4cf; --gray: #f3f3f3; --body-text: #000; --header-height: 149px; } .amp { text-align: center; } .amp a { color: inherit; } .amp a:hover { color: var(--primary); } .amp__lead { font-size: 42px; line-height: 1.2; margin-top: 15px; } .amp__sub { font-size: 24px; font-family: var(--secondary-font); line-height: 1.2; } .amp__form { max-width: 800px; margin: 0 auto; min-height: 50px; } .amp__form .ion-amp-form .ion-form-group { margin: 0; flex: 1 1 auto; } .amp__form .ion-amp-form label { display: none; color: #fff;} .amp__form .ion-amp-form input { color: #fff; border: 0; height: 50px; padding: 0 15px; border-radius: 0!important; } .amp__form .ion-amp-form button { background: var(--primary); border: 1px solid var(--primary); font-weight: bold; white-space: nowrap; opacity: 1!important; text-transform: uppercase; flex: 0 1 150px; } .amp__form .ion-amp-form button:hover { background: #fff; color: var(--primary); } @media(min-width:601px){ .amp__form .ion-amp-form { display: flex; justify-content:center; align-items:center; } .amp__form .ion-amp-form button {margin-left:15px;} } @media (max-width: 600px){ .amp__lead { font-size: 34px; } .amp__sub { font-size: 20px; } .amp__form .ion-amp-form { flex-wrap: wrap; } .amp__form .ion-amp-form button { width: 100%; } } /* Set Design Standards & Colors Here */ body.no-hero main { margin-top: var(--header-height); } body.no-hero #secondary-banner { display: none; } body.no-hero .body-container { width: 100%; max-width: 100%; padding: 0; } .amp-step-2 { text-align: center; font-family: var(--primary-font); letter-spacing: .05em; } .amp-step-2__header { position: relative; padding: 250px 15px 0; background: var(--dark); color: #fff; font-weight: 500; letter-spacing: .05em; } .amp-step-2__header h1 { font-size: 70px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: inherit; margin: 0 0 20px; } .amp-step-2__header p { font-size: 22px; color: inherit; width: 800px; max-width: 100%; margin: 0 auto 70px; } .amp-step-2__header-img { position: relative; max-width: 90%; margin: 0 auto; display: inline-block; } .amp-step-2__logo { position: absolute; top: 200px; left: 50px; transform: rotate(-25.84deg); height: 40px; transform-origin: left; } @media (max-width: 850px) { .amp-step-2__logo { height: 4.5vw; top: 22vw; left: 6.5vw; } } .amp-step-2__form { position: relative; background: #fff; padding: 50px 55px; border-radius: 20px; width: 1072px; max-width: 95vw; margin: 0 auto; letter-spacing: .05em; box-shadow: 0px 6px 43px 0px rgba(0, 0, 0, 0.17); transform: translateY(-20px); z-index: 2; } .amp-step-2__form .ion-form-group-break h3 { font-size: 22px; text-transform: uppercase; font-weight: 500; letter-spacing: .05em; margin: 40px 0 20px; } .amp-step-2__form .ion-form-group-break:first-of-type h3 { margin-top: 0; } .amp-step-2__form .ion-form .ion-form-group label { font-size: 20px; letter-spacing: .05em; font-weight: 400; font-family: var(--secondary-font); margin: 0 12px 12px; } .amp-step-2__form input, .amp-step-2__form select, .amp-step-2__form textarea { background: var(--gray)!important; border: 0!important; border-radius: 0!important; height: 54px!important; padding: 12px!important; font-size: 20px; font-family: var(--secondary-font); } .amp-step-2__form textarea { height: 4em!important; } .amp-step-2__form .ion-btn { font-size: 0; color: #fff; background-color: var(--secondary); border-color: var(--secondary); height: 47px; line-height: 47px; padding: 0 20px; text-transform: uppercase; font-weight: 500; border-radius: 10px; width: 270px; letter-spacing: .05em; margin: 58px 10px 10px auto; } .amp-step-2__form .ion-btn::after { content: 'send my free report!'; font-size: 18px; } .amp-step-2__form .ion-btn:hover { border-color: var(--secondary); color: var(--secondary); } .amp-step-2__footer { font-size: 18px; padding: 50px 15px 70px; width: 1072px; max-width: 95vw; margin: 0 auto; line-height: 1.66em; } .amp-step-2__footer h2 { font-size: 60px; font-family: var(--secondary-font); font-weight: 500; letter-spacing: .05em; margin: 0 0 45px; } .amp-step-2__footer .amp-step-2__icon { background: var(--gray); height: 90px; width: 90px; border-radius: 50%; margin: 0 auto 15px; display: flex; justify-content: center; align-items: center; } .amp-step-2__footer .amp-step-2__phone { font-size: 22px; color: var(--body-text); white-space: nowrap; } .amp-step-2__footer .amp-step-2__phone a { color: var(--body-text); } .amp-step-2__footer .amp-step-2__phone a:hover { color: var(--primary); } .amp-step-2__icon { fill: var(--light); } .amp-step-2__icon--email svg { margin-left: -25px; height: 59px; } .amp-step-2__icon--support svg { margin-top: -25px; height: 83px; } .amp-step-2__footer .btn { height: 47px; line-height: 47px; border-radius: 10px; padding: 0px 16px} @media (min-width: 600px) { .amp-step-2__form form { display: flex; flex-wrap: wrap; margin: -10px; } .amp-step-2__form .ion-form-group { flex: 1 1 190px; padding: 10px; margin: 0; } .amp-step-2__form .ion-form-group:nth-child(4), .amp-step-2__form .ion-form-group:nth-child(8), .amp-step-2__form .ion-form-group:nth-child(12) { flex: 2 1 339px; } .amp-step-2__form .ion-form-group:nth-child(10) { flex: 1 1 100%; } .amp-step-2__form .ion-form-group:last-of-type { flex-grow: 0; } .amp-step-2__form .ion-form-group-break, .amp-step-2__form .ion-form-group-textarea { flex: 1 1 100%; } } @media (min-width: 600px) and (max-width: 1051px){ .amp-step-2__form .ion-btn { margin-left: 10px; } } @media (max-width: 500px) { .amp-step-2__header h1 { font-size: 40px; } .amp-step-2__form { padding: 50px 25px; } .amp-step-2__footer h2 { font-size: 36px; } } /* ========================================================================== Pricing Page ============================================================================= */ .pricing { padding-bottom: 50px;} .pricing table { margin: 50px auto 130px; } /* Table Header */ .pricing thead { } .pricing thead th { min-width: unset!important; width: 20%; } .pricing thead th { font-size: 16px; color: var(--body-text); padding: 25px 15px; text-align: center; min-width: 321px; vertical-align: middle; font-weight: 400; font-family: var(--secondary-font); border-top-left-radius: 60px; border-top-right-radius: 60px; } .pricing thead th h3 { display: block; font-size: 35px; line-height: .95em; color: inherit; margin: 0; letter-spacing: .025em; } .pricing thead th h4 { font-size: 15px; font-weight: 300; margin: 15px 0 0; font-family: var(--primary-font); } .pricing thead th p { margin: 0; } .pricing thead th:nth-child(1) { min-width: 355px; color: var(--secondary); } .pricing thead th:nth-child(2) { background-color: var(--primary); } .pricing thead th:nth-child(3) { background-color: var(--secondary); color: #fff; } /* .pricing thead th:nth-child(4) { background-color: var(--light); color: #000; } */ /* Table Body */ .pricing tbody { background-color: #fff; box-shadow: var(--box-shadow-xl); } .pricing tbody th { position: relative; font-size: 16px; text-align: left; padding: 12px 15px 12px 35px; font-weight: 500; } .pricing tbody th small { display: block; } .pricing tbody td { font-size: 16px; padding: 12px 15px; text-align: center; font-weight: 300; height: 52px; vertical-align: middle; overflow: auto; } .pricing tbody td:nth-child(2) i { color: var(--primary); } .pricing tbody td:nth-child(3) i { color: var(--secondary); } .pricing tbody td:nth-child(4) i { color: var(--light); } .pricing tbody td i { font-size: 30px; } .pricing tbody td:nth-child(2) .fa-times { color: var(--primary); } .pricing tbody td:nth-child(2) { color: #000; } /* .pricing tbody td:nth-child(2) { border-bottom: 1px solid #c5c5c5; } */ .pricing > div > table > tbody > tr:nth-child(19) > td:nth-child(2) {border-bottom: none !important;} .pricing tbody td:nth-child(3) { color: #000; } /* .pricing tbody td:nth-child(3) { border-bottom: 1px solid #c5c5c5; } */ .pricing > div > table > tbody > tr:nth-child(19) > td:nth-child(3) {border-bottom: none !important;} .pricing tbody td:nth-child(4) { color: #000; } /* .pricing tbody td:nth-child(4) { border-bottom: 1px solid #c5c5c5; } */ .pricing > div > table > tbody > tr:nth-child(19) > td:nth-child(4) {border-bottom: none !important;} /* Buttons */ .pricing tbody .table-footer { } .pricing tbody .table-footer td { padding: 0; height: 0; border: 0; position: relative; overflow: visible; } .pricing tbody .table-footer td .btn { min-width: 0; width: 100%; max-width: 80%; height: 51px; line-height: 51px; position: absolute; left: 50%; top: 35px; transform: translateX(-50%); } @media (max-width: 1400px){ .pricing thead th { min-width: unset!important; width: 20%; } .pricing thead th h3 { font-size: 22px; } } @media (max-width: 1200px){ .pricing thead th { min-width: unset!important; width: 20%; } .pricing thead th h3 { font-size: 16px; } .btn.btn--arrow{ font-size: 16px !important;} .btn.btn--secondary.btn--arrow{ font-size: 16px !important;} .btn.btn--light.btn--arrow{ font-size: 16px !important;} .pricing tbody .table-footer td .btn {max-width: 95% !important;} .pricing tbody td { padding: 12px 5px !important;} } /* Mobile Table v2 */ @media (max-width: 991px){ .pricing, .pricing thead, .pricing tbody, .pricing th, .pricing td, .pricing tr { display: block; border: 0!important; } .pricing thead tr { display: flex; } .pricing thead tr th:first-child { display: none; } .pricing thead tr th { flex: 1 1 33.33%; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 25px 5px; border-top-left-radius: 40px; border-top-right-radius: 40px; } .pricing thead th h3 { font-size: 18px; } .pricing tbody { border: 0; } .pricing tbody td { display: flex; flex-direction: column; justify-content: center; font-size: 16px; overflow: visible; padding: 15px 8px; height: auto; } .pricing tbody td:nth-child(2) { background-color: var(--primary); color: #000; } .pricing tbody td:nth-child(2) i { color: #000!important; } .pricing tbody td:nth-child(3) { background-color: var(--secondary); color: #000; } .pricing tbody td:nth-child(3) i { color: #000!important; } .pricing tbody td:nth-child(4) { background-color: var(--light); color: #000; } .pricing tbody td:nth-child(4) i { color: #000!important; } .pricing tbody td::before { text-align: left; min-width: 50%; font-size: 15px; } .pricing tbody td:first-child { font-size: 20px; font-weight: 500; padding: 15px 8px; margin: 30px 0 0; text-align: center; justify-content: center; background: #fff; } .pricing tbody td.not-included::after, .pricing tbody .footer td .btn { margin: 0; } .pricing tbody tr { display: flex; flex-wrap: wrap; border: 1px solid #ccc!important; border-bottom: 0!important; } .pricing tbody td { flex: 1 1 33.33%; margin: 0; } .pricing tbody td:first-child { flex: 1 0 100%; margin: 0; } .pricing tbody tr:last-child { border-bottom: 1px solid #ccc!important; } .pricing tbody th { text-align: center; flex: 1 1 100%; padding: 15px 8px; } .pricing tbody .table-footer td:first-child { display: none; } .pricing > div > table > thead > tr > th:nth-child(4){display: none !important;} } @media (max-width: 475px){ .pricing tbody td:first-child, .pricing tbody th small, .pricing tbody td small { font-size: 16px; } .pricing tbody td, .pricing thead tr th { font-size: 14px; line-height: 1.1; } .pricing tbody .table-footer td:not(:last-child){ display: none; } .pricing thead th h3 { font-size: 16px; overflow-wrap: break-word; } .pricing thead th h4 { font-size: 12px; } .pricing thead th br { display: none; } } .pricing > div > table > tbody > tr.table-footer > td:nth-child(2) { padding: 0px !important;} .pricing > div > table > tbody > tr.table-footer > td:nth-child(3) { padding: 0px !important;} .pricing > div > table > tbody > tr.table-footer > td:nth-child(4) { padding: 0px !important;} .pricing > div > table > tbody > tr.table-footer > td:nth-child(1) { padding: 0px !important;} .pricing > div > table > tbody > tr.table-footer > td:nth-child(2) { padding: 0px !important;} .pricing > div > table > tbody > tr.table-footer > td:nth-child(4) { padding: 0px !important;} #pm-info > div > div.col-md-12 > table > thead > tr > th:nth-child(1) {background-color: #387392; } #pm-info > div > div.col-md-12 > table > thead > tr > th:nth-child(1) > h3 { color: #fff; text-align: center; align-items: center;} #pm-info > div > div.col-md-12.text-center > table > thead > tr > th:nth-child(2) {background-color: #d6b27b; } #pm-info > div > div.col-md-12 > table > thead > tr > th:nth-child(2) > h3 { color: #fff; text-align: center; align-items: center;} #pm-info > div > div.col-md-12.text-center > table > thead > tr > th:nth-child(3) {background-color: #de6e4b; } #pm-info > div > div.col-md-12 > table > thead > tr > th:nth-child(3) > h3 { color: #fff; text-align: center; align-items: center;} #pm-info > div > div.col-md-12.text-center > table > thead > tr > th:nth-child(4) {background-color: #7fd1b9; } #pm-info > div > div.col-md-12 > table > thead > tr > th:nth-child(4) > h3 { color: #fff; text-align: center; align-items: center;} th{text-align: center; font-size: 16px;} .pricing thead tr th{border-radius: 0;} #contact > div .form-container{postion:relative;} .ribbon { font-size: 18px; font-weight: bold; color: #fff; text-align:center; } .ribbon { --f: .5em; /* control the folded part*/ --r: .8em; /* control the ribbon shape */ position: absolute; top: -10px; left: 10px; padding-inline: .25em; line-height: 1.8; background: #e81e25; border-bottom: var(--f) solid #0005; border-right: var(--r) solid #0000; clip-path: polygon(0 0,0 calc(100% - var(--f)),var(--f) 100%, var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f)/2),100% 0); } @media(max-width: 500px){ .pricing tr {max-width:375px; } #pm-info > div > div.col-md-12.text-center{margin:0; } #pm-info > div > div.col-md-12.text-center > table > thead > tr > th > h3{font-size:12px; font-weight:400;} } #pm-info{padding-top:0 !important;} @media(max-width: 441px){ .ribbon{font-size: 17px;} } @media(max-width: 418px){ .ribbon{font-size: 15px;} } #pm-info > div > div.col-lg-8.col-md-12.text-center > table > thead > tr > th > h3 {margin-bottom:0 !important;} .pricing tbody th{text-align:center !important;} .discount-banner{background-color: red; color: #fff; display:flex; justify-content: center; align-content: center; width: 80%; height:80%; border-radius: 20px; font-weight: 700; margin: auto; } .discount-banner p{margin:0;} .btn-list.mb-4 { margin-bottom: 2rem; } .btn-list.mb-5 { margin-bottom: 3rem; } .btn-list.mt-5 { margin-top: 3rem; } .btn-list.btn-center { display: flex; justify-content: center; } .nhw-details__property-info .key-detail .label { font-size: 16px; font-weight: bold; letter-spacing: .05em; padding-left: 5px; white-space: nowrap; color: black; } .nhw-details__form-container .btn-list a { margin-bottom: 20px; display: inline-block; } .nhw-details__form-container .btn-list a:last-child { margin-bottom: 0; } .btn-list { display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;align-items: center;} .text-secondary {color: #d7b27b !important;} .text-secondary:hover {filter: opacity(0.7);} #home-pwm h2 {text-align: center;font-size: 48px;text-transform: uppercase;padding-bottom: 40px;} #home-pwm h3 {font-weight: bold;text-transform: uppercase;font-size: 22px;color: #fff; padding-bottom: 15px;} #home-pwm p {color: #fff;} #home-pwm .row div[class*='col-'] {position: relative;isolation: isolate;height: 500px;display: flex;justify-content: center;align-items: center;flex-direction: column;} #home-pwm .row div[class*='col-'] img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;filter: brightness(0.5);} @media(max-width:991px) {#home-pwm .row div[class*='col-'] {height: 100%;}} section.amp-step-2 :where(input, textarea) {color: #000 !important;} /* overwrite header for sticky phone */ #header.affix .phone {display: block;top: 9px;right: 110px;} @media(max-width:600px) { #header.affix {height: auto;} #header.affix .container > * {display: block; position: static; text-align: center; transform: unset;} #header.affix .container .links {display: none;} #sub-nav.affix {top: 112px !important;} } /* * Alert Bar */ .alert-bar .text a {color:#fff;} .alert-bar .text { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 55px; text-align: center; transform: translate3d(100%, 0, 0); -webkit-animation: text-scroll 20s linear infinite; animation: text-scroll 20s linear infinite; white-space: nowrap; } .alert-bar .text.delay { transform: translate3d(100%, 0, 0); -webkit-animation: text-scroll-delay 25s linear 12s infinite; animation: text-scroll-delay 25s linear 12s infinite; } @-webkit-keyframes text-scroll { 0% { -webkit-transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translateX(-100%); } } @keyframes text-scroll { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes text-scroll-delay { 0% { -webkit-transform: translate3d(200%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes text-scroll-delay { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media (max-width: 991px) { .alert-bar .text.delay { display: none; } } @media (max-width: 425px) { .alert-bar .text { -webkit-animation: text-scroll 60s linear infinite; animation: text-scroll 60s linear infinite; } } .blue { background: #357290; } ul.areas li{width:auto;} .sticky-button {position: fixed; bottom:10px; right:10px; padding:25px;} @media (max-width: 768px) { .sticky-button { left: 50%; right: auto; transform: translateX(-50%); padding:20px; } } body:has(.alert__container) #header:not(.affix) {padding-top: 65px;height: 305px;} body:has(.alert__container) #home-carousel .carousel-caption {top: 45%;} body:has(.alert__container) .launch-quick-lead {padding: 125px 0 50px;} body:has(#header.affix) .alert__container {height: auto;z-index: 9999; background: #fff;} body:has(#header.affix) .alert__container-content {padding: 5px 0 0; } body:has(#header.affix) .alert__container-content a {color: #357290;} body:has(.alert__container) #header.affix {height: 75px;} body:has(.alert__container) #header.affix :is(.logo, .nav) {top: 75%;} body:has(.alert__container) #header.affix .phone {top: 55%;} body:has(.alert__container) #sub-nav.affix {top: 75px;} .alert__container {overflow: hidden;height: 65px;background: #357290;position: absolute;left: 0;top: 0;width: 100%; text-align: center;} .alert__container-content {display: inline-block;white-space: nowrap; padding: 1em; color: #fff; font-weight: bold; width: 100%;} .alert__container-content a {color: #fff;} @media(max-width:991px) { .alert__container {height: auto;} .alert__container-content {font-size: clamp(0.75rem, 0.5712rem + 0.8942vw, 1.125rem); white-space: normal;} } @media(max-width:600px) { body:has(.alert__container) #header.affix {height: auto; min-height: 200px;} body:has(.alert__container) #header.affix .container {padding-top: 75px;} body:has(.alert__container) #sub-nav.affix {top: 200px;} } @media(max-width:425px) { body:has(.alert__container) #header:not(.affix) {padding-top: 65px;height: 250px;} body:has(.alert__container) #home-carousel .apply-button-mobile {top: 260px;} body:has(.alert__container) #header.affix .container {padding-top: 85px;} }