/* Main Color to replace - #005cb9 - rgb 246,86,70 */ /* Set Design Standards & Colors Here -- Replace with customer's colors */ :root { --primary: #005cb9; --dark: #000000; --gray: #f6f6f6; --primary-font: inherit; } /* Layout ================================================== */ body { font-family: 'Muli', sans-serif; font-weight: normal; color:#000; font-size:16px; line-height:1.7em; } #home-content{overflow: hidden;} h1, h2, .display-1 { font-size: 44px; margin: 0 0 15px; line-height:1.25em;font-family: 'Antic Slab'; } h1 + h2, h2 + h3, .display-2 { font-size: 26px; color:#000; margin: 15px 0 20px; text-transform: none; line-height:1.25em; font-family: 'Muli', sans-serif;} h3, .display-3 { font-size: 26px; color:#000; text-transform: none; font-weight: 400; line-height:1.35em; } h2.main {font-family: 'Antic Slab', sans-serif;font-size:42px;} h1.main.center, h2.main.center { text-align: center; } h2.sub {font-family:'Muli', sans-serif;font-size:30px;} h2.lead{ font-family: 'Antic Slab', cursive; font-weight: bold; font-size: 48px; } h3.main {font-family: 'Antic Slab', sans-serif;font-size:48px;} h4, .display-4 { font-size: 22px; color: #000; font-weight:400; margin: 10px 0 10px; line-height:1.35em; } h5 { color: #000; font-weight: 600; margin: 30px 0 10px; line-height:1.35em; } h5 + p { padding-left: 25px; } p { margin-bottom:25px; } a, a:link, a:visited { color:#005cb9; text-decoration:none; transition: all 0.5s; } a:hover, a:active { color:#ad3325; text-decoration: none; } .text-alt { color:#005cb9; } .btn { transition: all 0.5s; background:#002857; border-color:#002857; color:#fff!important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0px; text-transform: uppercase;margin-bottom:10px; } .btn:hover { color:#002857!important; border-color:#002857; background:#fff; } .btn-invert { background-color:Transparent; background-repeat:no-repeat; } .ion-form button {background:#005cb9;color:#fff;width:100%;text-transform: uppercase;border-color:#fff;font-size:18px;border:1px solid #005cb9;} .ion-form button:hover {background:#fff;color:#005cb9;} .text-primary { color:#005cb9; } hr { border-top: 1px solid #cccccc; text-align:center; width:20%;} hr.light { border-top: 1px solid #ffffff; } hr:before { content: ''; width: 5%; background: #002857; height: 3px; display: inline-block; position: absolute; margin-top: -3px; text-align: center; margin-left: -2.5%; } hr.left { position: relative; } hr.left:before { margin-left: 0; left: 20px; width: 80px; } .social a { display:inline-block; background: #002857; width: 28px; height: 28px; text-align: center; line-height: 26px; font-size: 14px; border-radius: 14px; color: #ffffff;border:1px solid #002857; } .social a i { color: #ffffff; } .social a:hover{background: #fff;} .social a:hover i{color: #002857; } /* 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;} div.reviewmgr-stream { } @media (max-width: 991px) { .btn { background:#005cb9; border-color:#fff; color:#fff!important; padding: 10px 16px; font-size: 1em; line-height: 1.2em; } .launch-menu-button { } } @media(max-width: 767px){ .btn {} } .banner { padding: 20px 0px; } .banner-primary { background-color:#000000; color: #ffffff; } /* */ *:focus { outline-color: #005cb9; } [class^="icon-"], [class*=" icon-"] { height: 32px; width: 32px; display: inline-block; fill: currentColor; } img.content { padding: 0; } img.cover { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; } .no-outline:focus { outline: none; } a:focus, a:active { outline: none; -moz-outline-style: none; } button::-moz-focus-inner { border: 0; } .address { list-style: none; padding: 0; } .banner-replace { display: none; } .text-center-sm { text-align: left; } .form-direction:after { content: 'to the right';} .form-direction-l:after { content: 'to the left';} .lazy-fade, .lazy-fade-in, .lazy-fade-l, .lazy-fade-d, .lazy-fade-u, .lazy-text-u, .lazy-text > *:not(.zoomIn) { opacity: 0; } @media (min-width: 992px){ .row.xtra-padding { margin-left: -25px; margin-right: -25px; } .row.xtra-padding [class^="col-"] { padding-left: 25px; padding-right: 25px; } img.content { max-width: 40%; } } @media (max-width: 991px){ .form-direction:after,.form-direction-l:after { content: 'below';} .btn-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .text-center-sm { text-align: center; } .padding-left-xl { padding-left: 15px; } .padding-right-xl { padding-right: 15px; } } @media (max-width: 425px){ img.content { float: none; width: 100%; margin: 0 auto 30px; } .btn-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } div.orange-arrow { text-align: right; } /* 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; } /* List with small icons */ ul.icons { list-style: none; padding: 0; margin: 10px 0 20px; display: inline-block; } ul.icons li { position: relative; padding-left: 55px; margin: 0 0 35px; font-size: 20px; text-align: left; } ul.icons li .icon { position: absolute; left: 0; top: 2px; } /* Body Container ================================================== */ #body-container { position: relative; padding-top:65px; padding-bottom: 60px; } /* Areas ================================================== */ #areas { padding: 40px 0 0; } #areas h2 { text-align: center; font-size: 36px; margin: 0 0 35px; } ul.areas { margin:0; padding:0; text-align:left; } ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:16px; margin:0; color: #005cb9; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:33%; padding:.3em 1em; } } @media (max-width: 550px) { ul.areas li { width:50%; } } @media (max-width: 425px) { ul.areas { padding-left: 0; } ul.areas li { width:100%; text-align: center; padding-left: 0; padding-right: 0; } } /* Header ================================================== */ #header { z-index: 900; height: 144px; position: absolute; top: 0; left: 0; right: 0;} #header a, #header a:link, #header a:visited { color:#002857; } #header a:hover, #header a:active { color:#025fbc; } #header .bg { background: #fff; opacity: 0.7; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } #header .container { position: relative; height: 100%; } #header .social { position: absolute; top: 15px; left: 0px; } #header .phone { position: absolute; top: 15px; right: 0px; font-size: 24px; color: #002857; } #header .portals { position: absolute; top: 45px; right: 0px; } #header .portals ul.with-pipes li:nth-child(1n+2):before {color:#002857;} #header .logo { position:absolute;left:50%;transform:translatex(-50%);top:20px; } #header .nav { position: absolute; height: 45px;text-align: center; bottom: 0px; left: 0px; right: 0px; } #header-bg { background-image: url('/images/home-banner-bg.jpg'); background-position: center top; background-repeat: no-repeat; height: 200px; text-align: center; } #header.affix { height: 50px; } #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } #header.affix .logo { position: absolute; left: 15px; right: auto; top: 50%;transform:translateY(-50%); padding:0; } #header.affix .logo img { max-height: 30px; } #header.affix .phone { display: none; } #header.affix .nav { left: auto; right: 15px; padding: 0; margin: 0;line-height:50px;height:50px; } #header.affix .social { display: none; } #header.affix .portals { display: none; } #header.affix .launch-menu-button { margin-top: 0; } @media (max-width: 991px) { #header { height: 100px; } #header .logo {top:20px;} #header .portals { display: none; } #header .nav {bottom:0;height:50px;line-height:50px;} } @media (max-width: 767px) { #header { height: 60px; } #header .logo {left:15px;transform:none;text-align: left;top:50%;transform:translateY(-50%); } #header .social { display: none; } #header .phone { display: none; } #header .nav { position: absolute; right: 20px; top: 8px; left: auto; } #header.affix .nav {top:0;} #header .portals { display: none; } } /* Nav ================================================== */ #nav { font-size: 15px; } #nav > ul { padding: 0; margin: 0; list-style-type: none; text-align: center; } #nav > ul > li { position:relative; list-style:none; height: 35px; display:inline-block; padding: 0; margin: 0 10px; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; line-height:30px; color:#002857; padding: 0 10px; } #nav > ul > li > a:hover, #nav > ul > li > a:active { color:#025fbc; text-decoration: none; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#fff; left:0; } #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:hover {background:#005cb9;} #nav > ul > li > ul > li > a { font-size:16px; color:#002857; padding:0; display: inline-block; } #nav > ul > li > ul > li > a:hover { color: #fff; } #nav > ul > li.dropdown:hover > ul { display:none; } #nav > ul > li:hover { border-bottom: 1px solid #757677; } #nav > ul > li:hover:after { content: ''; background-color: #005cb9; height: 2px; width: 50%; position:absolute; display: block; margin-left: 25%; bottom: 0; margin-top: -1px; } @media (max-width: 1283px){ #nav > ul > li { margin: 0 10px; } } @media (max-width: 1199px){ #nav > ul > li { margin: 0 5px; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { padding: 0 5px; } } /* Launch Menu - Dark Mode ================================================== */ .launch-menu-button { color: #005cb9; text-transform: uppercase; font-size: 0.8em; } .launch-menu { overflow: auto; padding-bottom: 20px; } .launch-menu-mask { background: #fff; } .launch-menu .icon-close {fill:#000;margin:auto;} .launch-menu.sidebar { background: #fff; } .launch-menu-close { opacity: 0.4;display:flex; } .launch-menu-close:hover { opacity: 0.8; } .launch-menu .phone a:hover { color: #000; } .launch-menu ul li a:not(.btn) { line-height: 1.33; padding: 15px 0; } .launch-menu > ul > li { border-bottom:solid 1px rgba(255,255,255,0.3); } .launch-menu > ul > li > a:not(.btn) { font-size: 18px; color: #000; line-height: 1.33; padding: 15px 0; } .launch-menu > ul > li > a small { font-size: 16px; color: #151515; display: block; } .launch-menu > ul > li:hover, .launch-menu > ul > li.active { background:#005cb9; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-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 ul, .launch-menu > ul > li.active ul { background: rgba(0,0,0,0.15); } .launch-menu > ul > li:first-child { border-top:solid 1px rgba(0,0,0,0.3); } .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.3); } .launch-menu a { color:#fff; font-size: 16px; transition: 0s; } .launch-menu > ul > li > ul > li:hover { background:rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 5px 0px rgba(225,225,225,0.25); -moz-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 .dropdown ul { display: none; } .launch-menu .phone, .launch-menu .phone a { font-size: 24px; text-align: center; margin: 20px 0 30px; color: #005cb9;transition:all 0.3s; } .launch-menu .links { margin: 0 0 35px; } .launch-menu .links > ul > li { margin: 10px 0; border-bottom:0; } .launch-menu .social { text-align: center; padding: 30px 0 20px; } .launch-menu .social a {font-size:11px;} .launch-menu .logo img { max-width: 60%; margin: 20px auto 30px; display: block;transition: 0.3s; } .launch-menu .logo img:hover {opacity:0.7;} .launch-menu .btn {background:#005cb9;color:#fff !important;transition: 0.3s;} .launch-menu .btn:hover {background:transparent; color:#005cb9 !important;border:1px solid #005cb9;} /* Home Banner ================================================== */ #home-banner { position:relative;overflow: hidden; height: 100vh; min-height: 800px; display: flex; justify-content: center; align-items: center; background-image: url('/images/home-banner-1.jpg'); background-position: center top; background-repeat: no-repeat; text-align: center;padding-top:144px;} #home-banner .container { position: relative; z-index: 99; } #home-banner .box { background: #002857; color: #ffffff; width: 75%; margin: 0 auto 0 auto; padding: 24px 100px; } #home-banner .box h1 {margin-top: 0; color: #fff;font-size:48px;} #home-banner .box .btn { border-color: #ffffff; } #home-banner .callouts { text-align: center; margin-top: 100px; } #home-banner .callouts .item { display: inline-block; position: relative; color: #ffffff; text-transform: uppercase; width: 216px; height: 216px; font-size: 1.3em; background: rgba(3,42,89,0.7); border: 3px solid #ffffff; border-radius: 108px; transition: all 0.5s; } #home-banner .callouts .item:hover { background-color: rgba(13,103,193,1); } #home-banner .callouts .item .icon { position: relative; display: block;height: 60px; margin:30px auto 10px; } #home-banner .callouts .item .text { position: relative; } #home-banner [class^="icon-"], #home-banner [class*=" icon-"] {height: 60px;width: 60px;display: inline-block;fill: currentColor;} @media (max-width: 991px){ #home-banner { height:500px; padding-top: 0px; padding-top: 120px; } #home-banner .lead { font-size: 1.3em; } #home-banner .box { width: 100%; padding: 20px; } #home-banner .callouts { margin-top: 40px; } #home-banner .callouts .item { width: 156px; height: 156px; border-radius: 78px; } #home-banner .callouts .item .icon { height: 50px;margin:20px auto 10px;} #home-banner .callouts .item .text { display: inline-block; font-size: 15px; line-height: 20px; } } @media (max-width: 767px) { #home-banner { height:600px; padding-top: 0px; padding-top: 60px; } #home-banner .box h1 {font-size:38px;line-height:38px;} #home-banner .box { width: 100%; padding: 20px; } #home-banner .callouts { margin-top: 40px; } #home-banner .callouts .item { margin-bottom: 20px; width: 146px; height: 146px; border-radius: 74px; } #home-banner .callouts .item .icon { margin-top: 13px; } } /* Home Carousel ================================================== */ #home-carousel { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #home-carousel .carousel-inner { height: 100%; width: 100%; } #home-carousel .carousel-inner .item { height: 100%; width: 100%; background-size: 2000px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; } #home-carousel .carousel-inner .item.banner1 { background-image: url('/images/home-banner-1.jpg'); } #home-carousel .carousel-inner .item.banner2 { background-image: url('/images/home-banner-2.jpg'); } #home-carousel .carousel-inner .item.banner3 { background-image: url('/images/home-banner-3.jpg'); } @media (min-height: 1130px) { #home-carousel .carousel-inner .item { background-size: cover; } } @media (min-width: 2001px){ #home-carousel .carousel-inner .item { background-size: cover; } } @media (max-width: 991px){ #home-carousel .carousel-inner .item { background-size: cover; background-attachment: scroll; } } /* Fading Carousel */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Accordion ================================================== */ h1 + .launch-accordion { margin-top: 45px; } .launch-accordion { margin: 45px 0; } .launch-accordion > li { margin-bottom: 15px; } .launch-accordion > li > h4 { position: relative; font-size: 18px; font-weight: 400; background-color:#f1f1f1; color: #000; border: 0; -webkit-transition:background-color 0.05s ease; -o-transition:background-color 0.05s ease; transition:background-color 0.05s ease; padding: 15px 50px 16px 15px; line-height: 1.333em; } .launch-accordion > li > h4::after { content: '+'; right: 35px; color: #adadad; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .launch-accordion > li.active > h4:after { content: '-'; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .launch-accordion > li > h4:hover, .launch-accordion > li.active > h4, .launch-accordion.no-margin > li.active > h4 { background-color: rgba(189,190,192,0.44); -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; background-color: all 0.3s; } .launch-accordion > li > div { background-color: #f7f7f7; border-color: #ecebeb; padding: 30px 20px; } .launch-accordion > li > div p { margin-bottom: 20px; } .launch-accordion > li > div ul { list-style: disc; margin: 20px 0; } .launch-accordion > li > div ul li { margin: 0 0 10px; } .launch-accordion > li > div *:last-child { margin: 0; } .launch-accordion > li > div *:first-child { margin-top: 0; } .launch-accordion.no-margin > li.active + li > h4, .launch-accordion.no-margin > li:hover + li > h4 { border-color: #ecebeb; border-top: 0; } .launch-accordion.faqs h4 { padding-left: 70px; } .launch-accordion.faqs h4::before { content: 'Q:'; color: #005cb9; font-size: 30px; position: absolute; top: 45%; left: 30px; transform: translateY(-50%); } .launch-accordion.faqs > li > div { padding: 30px; } .launch-accordion.faqs > li > div:not([itemprop="acceptedAnswer"])::before, .launch-accordion.faqs > li div[itemprop="text"]::before { content: 'A: '; color: #005cb9; font-size: 20px; } @media (min-width: 768px) { .launch-accordion > li > h4 { padding: 15px 65px 15px 35px; } .launch-accordion > li > div { padding: 20px 35px; } } /* 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:15%; 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; } } /* * Home Welcome ============================================== */ #home-welcome { text-align: center; } /* * Home Info ============================================== */ #home-info {} #home-info .info-box { position: relative; padding: 78px 26px; display: block; color: #000000; background-position: top center; background-repeat: no-repeat; background-size: cover; } #home-info .bg-hover { display: none; background: #005cb9; opacity: 0.7; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #home-info .info-box:hover .bg-hover { display: inline-block; z-index: 400; } #home-info .info-why-hire-us { background-image: url('/images/why-hire-us.jpg'); } #home-info .info-meet-the-team { background-image: url('/images/meet-the-team.jpg'); background-position: top center; background-repeat: no-repeat; } #home-info .info-from-our-clients { background-image: url('/images/from-our-clients.jpg'); background-position: top center; background-repeat: no-repeat; } #home-info .info-box .info { position: relative; z-index: 500; text-align: center; background-image: url('/images/white-transparency.png'); display:block; height: 250px; padding: 60px 20px; } #home-info .info-box .info .lead { display: block; padding: 0; line-height: 1em; font-size: 1.3em; } /* Home Services ================================================== */ #home-services {} #home-services h3 { text-align: center; } #home-services .list { display: flex; flex-wrap: wrap; } #home-services .list .item { width: 30%; margin: 20px auto; background-color: #002735; background-position: center; background-size: cover; padding: 70px 20px; text-align: center; } #home-services .list .item .inner { flex: 1; background: rgba(255,255,255,0.8); padding: 20px; } #home-services .list .item .inner .inner-info {margin:auto;} #home-services .list .item .inner h4 { font-size: 28px; margin: 5px 0 10px 0; font-weight:normal; } #home-services .list .item .inner p { margin: 0; line-height:1.5em; } /* #home-services .list .item .inner.lg { height: 235px; } */ #home-services .list .item .icon { color: #005cb9; font-size: 60px; } #home-services .list .item.marketing { background-image: url('/images/marketing-bg.jpg'); } #home-services .list .item.screening { background-image: url('/images/screening-bg.jpg'); } #home-services .list .item.rent { background-image: url('/images/rent-bg.jpg'); } #home-services .list .item.maintenance { background-image: url('/images/maintenance-bg.jpg'); } #home-services .list .item.finance { background-image: url('/images/finance-bg.jpg'); } #home-services .list .item.evict { background-image: url('/images/evict-bg.jpg'); } #home-services [class^="icon-"], #home-services[class*=" icon-"] {height: 54px;width: 54px;display: inline-block;fill: #005cb9;} #home-services .row:before, #home-services .row:after {display:inline-block !important;} @media(max-width:1313px){ #home-services .list .item {min-height:430px;} #home-services .list .item .inner {min-height:290px;} } @media (max-width: 1199px){ #home-services .list .item { min-height: 472px; } #home-services .list .item .inner {min-height:360px;} } @media (max-width: 991px){ #home-services .list .item .inner {min-height:300px;} #home-services .list { flex-direction: column; } #home-services .list .item { width: 100%; } } @media (max-width: 767px){ #home-services .list .item .inner{padding: 20px 15px;} } /* Home Rentals ====================================================== */ #home-rentals { text-align: center; } #home-rentals .container { position: relative; } #home-rentals .map { height: 445px;position:relative; } #home-rentals .map.overlay::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0, 0); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 9; } #home-rentals .map.overlay:hover::before { cursor: pointer; background: rgba(0, 0, 0, 0.5); } #home-rentals .map.overlay:hover:after { content: '- Click to Enable Scroll -'; position: absolute; top: 45%; left: 0; right: 0; text-align: center; color: #fff; font-size: 24px; z-index: 10; } /* Home clients ===================================================== */ #home-clients { text-align: center; } /* Home Blog ====================================================== */ #home-blog { text-align: center; margin-bottom:50px; } #home-blog .container { position: relative; } /* secondary banner ===================================================== */ #secondary-banner { background-image: url('/images/secondary-banner-bg.jpg'); background-position: center top; background-repeat: no-repeat; height: 450px; text-align: center; padding-top: 144px;position:relative; } #secondary-banner .container {display:flex;flex-wrap:wrap;height:100%;} #secondary-banner .callouts { text-align: center; margin:auto;width:100%; } #secondary-banner .callouts .item { display: inline-block; position: relative; color: #ffffff; text-transform: uppercase; width: 216px; height: 216px; font-size: 1.3em; background: rgba(3,42,89,0.7); border: 5px solid #ffffff; border-radius: 108px; transition: all 0.5s; } #secondary-banner .callouts .item:hover { background-color: rgba(3,42,89,1); } #secondary-banner .callouts .item .icon { position: relative; display: block; height: 60px;margin:30px auto 10px; } #secondary-banner .callouts .item .text { position: relative; } #secondary-banner [class^="icon-"], #secondary-banner [class*=" icon-"] {height: 60px;width: 60px;display: inline-block;fill: currentColor;} @media (max-width: 991px){ #secondary-banner{height: 350px;padding-top:100px;} #secondary-banner .callouts .item { width: 156px; height: 156px; border-radius: 78px; } #secondary-banner .callouts .item .icon { height: 50px;margin:20px auto 10px;} #secondary-banner .callouts .item .text { display: inline-block; font-size: 15px; line-height: 20px; } } @media (max-width: 767px) { #secondary-banner { height:200px; padding-top: 60px; } #secondary-banner .lead { font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px; } #secondary-banner .box { width: 100%; padding: 20px; } #secondary-banner .callouts { display: none; } #secondary-banner .callouts .item { margin-bottom: 20px; width: 136px; height: 136px; border-radius: 68px; } #secondary-banner .callouts .item .icon { margin-top: 10px; } } /* Footer ================================================== */ #footer { text-align: center; } #footer .foot-form { padding: 40px 0px; } #footer .foot-form h3{color: #fff;margin-top:0;} #footer form input { background: transparent; padding: 20px 3px; margin: 20px 0; color: #ffffff; border: 0; border-bottom: 1px solid #ffffff; border-radius: 0; font-size: 18px; outline-style: none; } #footer .foot-form form .btn { height: 50px; line-height: 25px; font-size: 16px; min-width: 196px; margin-top: 25px; } #footer .foot-form form input { text-align: left; background-color: transparent; color: #ffffff; display: block; border: 0; border-bottom: 1px solid #ffffff; width: 100%; padding: 20px 0 5px; margin: 10px 0; } #footer .foot-form form input::-webkit-input-placeholder, #footer .contact-form form textarea::-webkit-input-placeholder { color: #fff; } #footer .foot-form form textarea { background-color: transparent; color: #ffffff; display: block; border: 0; border-bottom: 1px solid #ffffff; width: 100%; margin: 20px 0;padding-left:0;padding-right:0; } #footer .ion-form .ion-form-group label {display:none;} #footer .ion-form .ion-form-group input[type=email]::-webkit-input-placeholder, #footer .ion-form .ion-form-group input[type=tel]::-webkit-input-placeholder, #footer .ion-form .ion-form-group input[type=text]::-webkit-input-placeholder,#footer .ion-form .ion-form-group textarea::-webkit-input-placeholder {color:#fff;font-size:18px;} #secondary-override { display: none; } /* Pricing Page ================================================== */ #pricing { padding: 10px 0 65px; } #pricing h1 { text-align: center; margin-bottom: 25px; } #pricing h2 { text-align: center; margin-bottom: 85px; } #pricing i { font-style: normal; } #pricing table { text-align: center; } @media (min-width: 992px){ #pricing table { table-layout: fixed; width: 100%; } } /* Table Header */ #pricing table thead {} #pricing table thead th { font-size: 22px; padding: 0 8px; color: #fff; text-align: center; border-right: 10px solid #fff; height: 85px; min-width: 160px; vertical-align: middle; text-transform: uppercase; } #pricing table thead th small { display: block; font-size: 14px; line-height: 1.2em; } #pricing table thead th:nth-child(1) { font-size: 22px; color: #000; background-color: #ebebeb; width: 293px; border-right: 30px solid #fff; font-weight: 500; } #pricing table thead th:nth-child(2) { background-color: #002857; } #pricing table thead th:nth-child(3) { background-color: #002857db; } #pricing table thead th:nth-child(4) { background-color: #002857c9; } #pricing table thead th:nth-child(5) { background-color: #002857bd; border-right: 0; } /* Most Ribbons */ #pricing .most { position: relative; } #pricing .most::after { position: absolute; left: 0; top: -48px; } #pricing .most.popular::after { content: url('/images/most-popular.png'); } /* Table Body */ #pricing table tbody {} #pricing table tbody th { font-size: 16px; padding: 0 8px; min-width: 285px; font-weight: 400; background-color: #ebebeb; text-align: center; border-right: 30px solid #fff; } #pricing table tbody td { font-size: 17px; padding: 0 8px; text-align: center; border-right: 10px solid #fff; height: 52px; vertical-align: middle; overflow: auto; } #pricing table tbody td:nth-child(2), table.accordion tbody div:nth-child(2) { background-color: #f7f7f7; } #pricing table tbody td:nth-child(3), table.accordion tbody div:nth-child(3) { background-color: #f2f2f2; } #pricing table tbody td:nth-child(4), table.accordion tbody div:nth-child(4) { background-color: #f7f7f7; } #pricing table tbody td:nth-child(5), table.accordion tbody div:nth-child(5) { background-color: #f2f2f2; border-right: 0; } #pricing table tbody tr.footer th, #pricing table tbody tr.footer td { border-bottom: 0; } #pricing table tbody tr.footer th { border-left: 0; } #pricing table tbody tr.footer td:last-child { border-right: 0; } /* Info */ #pricing .info { color: #fff; font-size: 18px; margin-left: -25px; float: right; font-family: 'Times New Roman'; font-style: italic; line-height: 19px; height: 19px; width: 19px; border-radius: 50%; background: #002857; display: inline-block; margin-top: 5px; transition: 0.3s; text-align: center; } #pricing .info:hover { cursor: pointer; opacity: 0.7; transition: 0.3s; } /* Checks */ #pricing table tbody td.included i::before { font-size: 24px; color: #002857; } /* Dashes */ #pricing table tbody td.not-included::after { content: '-----'; display: block; margin: 0 auto; } /* Buttons */ #pricing table tbody .footer td .btn { color: #fff!important; min-width: 0; width: 100%; max-width: 148px; height: 51px; line-height: 51px; margin: 50px auto 65px; border: 0; border-radius: 25px; padding: 0px 16px;} #pricing table tbody .footer td .btn:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } #pricing table tbody .footer td:nth-child(2) .btn, #pricing table.accordion tbody div:nth-child(2) .btn { background-color: #002857; } #pricing table tbody .footer td:nth-child(3) .btn, #pricing table.accordion tbody div:nth-child(3) .btn { background-color: #002857db; } #pricing table tbody .footer td:nth-child(4) .btn, #pricing table.accordion tbody div:nth-child(4) .btn { background-color: #002857c9; } /* Mobile Table */ @media (max-width: 991px){ #pricing table, #pricing thead, #pricing tbody, #pricing th, #pricing td, #pricing tr { display: block; border: 0!important; } #pricing thead tr { position: absolute; top: -9999px; left: -9999px; } #pricing table tbody td { display: flex; justify-content: space-between; align-items: center; margin: 2px 0; text-align: right; font-size: 16px; } #pricing table tbody td::before { text-align: left; min-width: 50%; } #pricing table tbody td:nth-child(2)::before, #pricing table.accordion tbody div:nth-child(2) td::before { content: 'Military'; } #pricing table tbody td:nth-child(3)::before, #pricing table.accordion tbody div:nth-child(3) td::before { content: 'Full Service'; } #pricing table tbody td:nth-child(4)::before, #pricing table.accordion tbody div:nth-child(4) td::before { content: 'Lease Only'; } #pricing table tbody th { font-size: 20px; font-weight: 500; padding: 15px 8px; margin: 30px 0 0; } #pricing table tbody td.not-included::after, #pricing table tbody .footer td .btn { margin: 0; } #pricing table .info { float: none; margin: 0 5px; color: #000; font-size: 0; background: transparent; display: block; height: auto; width: auto; margin: 5px 0 0; line-height: normal; } #pricing table .info::after { content: attr(data-original-title); font-size: 14px; line-height: 1.2em; font-style: normal; font-family: 'Montserrat', sans-serif; font-weight: 400; } #pricing table .info:hover { opacity: 1; } #pricing table tbody .footer th::before { content: 'Get Started'; } #pricing table tbody .footer td { height: 65px; } } /* Accordion Table - requires javascript */ #pricing table.accordion tbody th { margin: 15px 0 0; position: relative; padding-right: 60px; text-align: left; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-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); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #pricing table.accordion tbody th::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; opacity: 0.6; } #pricing table.accordion tbody th.active::after { content: '-'; } #pricing table.accordion tbody div { display: none; } #pricing table.accordion .info { text-align: left; } /* Properties Widget ================================================== */ .frs-widget * {fill:#005cb9;} .frs-widget circle {fill:#fff;} .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; min-width: 0; width: 100%; height: 48px; line-height: 48px; padding: 0; } .frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { background:#005cb9; border-color:#005cb9; border-width: 1px; border-style: solid; color:#fff!important; padding: 15px 30px; font-size: 18px; line-height: 1.3333333; border-radius: 0px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: normal; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { color: #005cb9 !important; background: #ffffff!important; text-decoration: none; } .frs-widget .prop-tabs { width: 100%; text-align: left; } .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #005cb9; } .frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999;} .frs-widget.prop-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li:last-child { margin-right: 0; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li a { width: 100%; } .frs-widget.prop-view .prop-view-cmd { margin-left: auto; -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } .frs-widget.prop-view .prop-title { line-height: 1.2em; margin: 15px 0 30px; color: #2E2E2E; width: 100%; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .frs-widget.prop-view .prop-form { padding: 0!important; } .frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0; font-weight: bold; } .frs-widget.prop-view .prop-form label + br {display:none;} .frs-widget.prop-view .prop-form input { padding: 3px 8px; } .frs-widget.prop-view .prop-form textarea {border:1px solid #999;} .frs-widget.prop-view .prop-form { width:247px; padding: 0 0 15px; margin-bottom: 30px; } .frs-widget.prop-view .prop-form .prop-lead-form { padding: 15px; background: #f1f1f1; } .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: #005cb9; } .frs-widget.prop-view .prop-form .prop-form-hdr { color: #fff; background: #005cb9; border: 0; margin: 0; padding: 15px; text-align: center; } .frs-widget.prop-view .prop-info { padding-top: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .frs-widget.prop-view .prop-details > div { padding: 0px; margin: 0; } .frs-widget.prop-view .prop-details .prop-rent, .frs-widget.prop-view .prop-phone { margin: 20px 0 10px; } .frs-widget.prop-view .prop-gallery { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 50%; } .frs-widget.prop-view .prop-gallery .prop-img { overflow: hidden; margin-bottom: 4px; } .frs-widget.prop-view .prop-gallery .prop-img img { -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .frs-widget.prop-view .prop-gallery .prop-img a:hover { opacity: 1; } .frs-widget.prop-view .prop-gallery .prop-img a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-thmb-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; position: relative; } .frs-widget.prop-view .prop-gallery .prop-thmbs { margin: 0 0 0 -8px; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 25%; margin: 0; -ms-flex-preferred-size: auto; flex-basis: auto; float: none; overflow: hidden; position: relative; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a { display: block; width: 100%; height: 0; padding-top: 80%; position: relative; margin: 4px 8px; overflow: hidden; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a:hover { opacity: 1; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb img { max-width: none; max-height: none; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb a:hover img { -webkit-transform: translate(-50%,-50%) scale(1.05); -ms-transform: translate(-50%,-50%) scale(1.05); transform: translate(-50%,-50%) scale(1.05); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .frs-widget.prop-view .prop-gallery .prop-gallery-count { margin: 15px auto 35px; font-size: 14px; font-weight: 300; } .frs-widget.prop-view .prop-section h3 { font-weight: 400; margin: 0 0 10px; } .frs-widget.prop-view .prop-links { border: 0; } .frs-widget .prop-tabs .prop-section > div { margin: 8px 0px; } .frs-widget.prop-view .prop-details-tab .prop-video, .frs-widget.prop-view .prop-video-tab { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 20px; } .frs-widget.prop-view .prop-details-tab .prop-video iframe, .frs-widget.prop-view .prop-video-tab iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; } .frs-widget form label {font-weight:normal;} .prop-list-paging { text-align: center; margin: 25px auto 0; } .frs-paging { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .frs-paging-btn.active a { background-color: #005cb9; color: #fff; } .frs-paging-btn a { height: 35px; width: 35px; line-height: 35px; min-width: unset; display: inline-block; margin: 0; padding: 0; border: 0; border-radius: 3px; } .frs-paging-btn a:hover { text-decoration: none; opacity: 1; } .frs-paging-btn:not(.active) a:hover { background-color: #dedede; color: #333; } .frs-paging-btn:first-child:not(.active) a, .frs-paging-btn:last-child:not(.active) a { width: auto; background: transparent; } .frs-paging-btn:first-child:not(.active) a:hover, .frs-paging-btn:last-child:not(.active) a:hover { color: #005cb9; } .frs-paging-btn:first-child:not(.active) a::after { content: '>'; padding-left: 8px; } .frs-paging-btn:last-child:not(.active) a::before { content: '<'; padding-right: 8px; } .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:1199px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-info {margin: 0 1%; width: 21%; } .frs-widget.prop-view .prop-thmbs { display: block; } .frs-widget.prop-view .prop-gallery { margin: 0; width: 50%; } } @media screen and (max-width:1060px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-info {margin: 0 1%; width: 21%; } .frs-widget.prop-view .prop-thmbs { display: block; } .frs-widget.prop-view .prop-gallery { margin: 0; width: 50%; } } @media screen and (max-width: 991px) { .frs-widget.prop-view .prop-form { width: 100%; max-width: 500px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 50px auto 0; } .frs-widget.prop-view .prop-info { width: 30%; padding-left: 0; padding-top: 0; margin-left: 0; } .frs-widget.prop-view .prop-gallery { width: 60%; } .frs-widget.prop-view .prop-links { width: 100%; text-align: center; } } @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-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; } .frs-widget.prop-view .prop-info { margin-bottom: 35px; } .frs-widget.prop-view .prop-gallery { max-width: 100%; } .frs-widget.prop-view .prop-form label { text-align: left; } .frs-widget.prop-view .prop-info {margin-left:0px; } .frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .frs-widget.prop-view .prop-links {width:100%;} .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: 0 0 40px; 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: 100%; } } @media screen and (max-width: 475px) { .frs-widget.prop-view .prop-tabs .prop-tab-nav ul { height:auto; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align:center; width:100%; } .frs-widget.prop-view .prop-tabs .prop-tab-nav ul li { width:100%; margin: 0 0 2px;} .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 25%; } } @media screen and (max-width: 375px) { .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb, .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { width: 33.33%; } } .mobile-show-nav { display: none !Important; } .mobile-hide-nav { display: block !Important; } @media(max-width:1199px){ .mobile-show-nav { display: block !Important; } .mobile-hide-nav { display: none !Important; } } @media (max-width: 991px){ .mobile-show { display: block !Important; } .mobile-hide { display: none !Important; } } @media (min-width: 1314px) { .container { width: 1284px; } } /* Fix jacked up social links on FRS Property page */ .frs-widget.prop-view .prop-links .prop-share .prop-fb { width: 127px; margin: 0 10px; height: 23px; } .frs-widget.prop-view .prop-links .prop-share .prop-twitter { margin: 0 0 0 10px; } .frs-widget.prop-view .prop-links .prop-share .prop-pintrest { position: relative; top: -6px; left: 4px; } /* Color override for Post Card Rentals */ .post-card .frs-widget.prop-list .prop-search, .post-card .prop-search .prop-search-form { background: #005cb9; } .post-card .frs-widget.prop-list .prop-search .prop-search-form-button button { background: #fff!important; color: #005cb9!important; } .post-card ul.listings li .view-details .btn-listing{ border: 1px solid #005cb9!important; background-color: #005cb9!important; color: #fff; } .post-card ul.listings li .view-details .btn-listing:hover{ background-color: #fff!important; color: #005cb9!important; } .prop-result-panel .panel-details .prop-rent { color: #005cb9!important; } .prop-result-panel .panel-details .prop-btn a { background-color: #005cb9!important; border-color: #005cb9!important; opacity: 1; } .prop-result-panel .panel-details .prop-btn a:hover { color: #005cb9!important; background-color: #fff!important; } .frs-widget.prop-subscribe .prop-subscribe-title { color: #005cb9; 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; } } /* New Property View Template Colors */ .frs-widget-v2.prop-view .frs-btn { background: #005cb9!important; border: 1px solid #005cb9!important; } .frs-widget-v2.prop-view .frs-btn:hover { color: #005cb9!important; background: #fff!important;} .frs-widget-v2.prop-view .prop-info-panel .prop-gallery:hover .prop-gallery-count { background: #005cb9!important; } .frs-widget-v2 .prop-tabs .prop-tab-nav ul li a { background: #005cb9!important; } /* Explorer Template Color Overrides */ #frs-explorer .frs-explorer-listing-view .frs-btn { background: #005cb9!important; border: 1px solid #005cb9!important; } #frs-explorer .frs-explorer-listing-view .frs-btn:hover { color: #005cb9!important; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery:hover .prop-gallery-count { background: #005cb9!important; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li a { background: #005cb9!important; } #frs-explorer .frs-explorer-map-list-item-info .frs-explorer-map-list-item-amount { color: #005cb9!important; } #frs-explorer .frs-explorer-header .input-group-addon { background: #005cb9!important; } #frs-explorer .frs-price-marker { background: #005cb9!important; } /* 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: #005cb9; } .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: #005cb9; -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: #005cb9; -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: #005cb9; } .blog-container .social ul li a {color:#132531;} /* */ .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 .blog-post .post-header .post-title { border-bottom: 0; font-size: 30px; margin: 0; padding: 0; letter-spacing: 0.02em; text-transform: none; } .blog-container .blog-post .post-header .post-title a { color: #005cb9; } .blog-container .blog-post .post-header .post-date { font-size: 12px; text-transform: uppercase; color: #707070; } .blog-container .blog-post .post-home { 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: #005cb9; text-transform: uppercase; font-size: 18px; } .blog-container .index:hover { color: #005cb9; } /* 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: #f2f2f2; } .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; } } /* Reputation Management ================================================= */ .rep-management{} .rep-management .choices{ text-align: center; } .rep-management .choices a{margin-right: 15px;} .rep-management .choices a i{ font-size: 30px; border: 1px solid #005cb9; border-radius: 10px; padding: 10px 15px; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .rep-management .choices a i:hover{background-color: #005cb9; color: #fff;} .rep-management .choices a i.fa-thumbs-down{ transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; } .cnt223 a{ text-decoration: none; } .popup-onload{ width: 100%; margin: 0 auto; display: none; position: absolute; top:30px; z-index: 1001; } .cnt223{ width: 600px; max-width: 100%; min-height: 150px; margin: 100px auto; background: #f3f3f3; position: relative; z-index: 103; padding: 15px 35px; border-radius: 5px; box-shadow: 0 2px 5px #000; } .cnt223 p{ clear: both; color: #555555; /* text-align: justify; */ font-size: 20px; font-family: sans-serif; } .cnt223 p a{ color: #d91900; font-weight: bold; opacity: 1; } .cnt223 .x{ float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; } .cnt223 .x:hover{ cursor: pointer; } /* =============================================================== Rentvine Plugin ================================================================== */ :root { --primary: #005cb9; --primary-rgb: 22,114,165; --secondary: #707070; --dark: #243642; --gray: #f2f2f2; --gray-dark: #252525; --muted: #707070; --body-text: #212529; --text-dark: #343a40; --border-color: #cccccc; --box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 2px 4px rgba(0, 0, 0, 0.23); } /* =============================================================== Modifiers ================================================================== */ /* Global */ a, button, .rvw-btn { transition: 0.5s; } a:hover, button:hover, .rvw-btn:hover { transition: 0.5s; } .rentvine-widget button:focus { outline: 5px auto var(--primary); } .rvw-btn { border-radius: 0; } .rvw-align-items-end { align-items: flex-end; } .rvw-align-self-end { align-self: flex-end; } .rvw-h-100 { height: 100%; } .rvw-icon-list { margin: 10px -5px; justify-content: flex-start; } .rvw-icon-list-item { padding: 5px; flex: 0 1 33.33%; display: flex; align-items: center; } .rvw-icon { height: 30px; width: 30px; margin: 0 8px 0 0; text-align: center; display: block; } .rvw-icon[src*='sqft'] { margin-right: 5px; } .rvw-icon-text { font-size: 14px; font-weight: 500; display: inline-block; line-height: 1.2; } @media (min-width: 992px) { .rvw-order-lg-0 { order: 0;} .rvw-order-lg-1 { order: 1; } .rvw-order-lg-2 { order: 2; } } @media (min-width: 768px) { .rvw-order-md-first { order: -1; } .rvw-order-md-0 { order: 0;} .rvw-order-md-1 { order: 1; } .rvw-order-md-2 { order: 2; } } /* List Template ==================================================================== */ /* Search Form */ #rentvine-search-form { padding: 14px 30px 35px 30px; background: var(--gray); border: 1px solid var(--border-color); } #rentvine-search-form .rvw-form-group { margin: 1em 0 0; } #rentvine-search-form label { margin-bottom: .3em; } .rvw-form-control, .rvw-input-group-text { border-radius: 0; } @media (max-width: 425px) { #rentvine-search-form { padding: 14px 15px 35px 15px; } } /* Property Cards */ .rvw-card { overflow: hidden; border-radius: 0; transition: 0.8s; } .rvw-card-image-box { min-height: unset; height: 0; padding-top: 60%; overflow: hidden; } .rvw-card-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: 0.5s; } .rvw-card-body { color: var(--body-text); } .rvw-card-title { font-size: 20px; font-weight: 600; } .rvw-card-title .rvw-text-sm { font-size: 13px; font-weight: 300; } .rvw-property:hover .rvw-card { box-shadow: var(--box-shadow); transition: 0.8s; } .rvw-property:hover .rvw-card-image { transform: scale(1.05); transition: 0.8s; } /* Map Popups */ #rentvine-property-map-panel .rentvine-widget { font-size: 14px; color: #000; } .rvw-map-property-info-window-img { position: relative; width: 100%; height: 0; padding-top: 60%; margin-bottom: 5px; overflow: hidden; } .rvw-map-property-info-window-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: .8s ease; } .rvw-map-property-info-window-img:hover img { transform: scale(1.05); transition: .8s ease; } .rvw-map-property-info-window-img ~ div { display: inline-block; } .rvw-map-property-info-window-amount ~ div::before { content: '|'; padding: 0 5px; } .rvw-map-property-info-window-amount { margin: 10px 0 5px; } .rvw-map-property-info-window-amount::before { content: '$'; } .rvw-map-property-info-window-beds { margin: 5px 0; } .rvw-map-property-info-window-beds::after { content: ' Beds'; } .rvw-map-property-info-window-baths::after { content: ' Baths'; } /* Details Template ==================================================================== */ .rvw-prop-view-title { text-transform: none; } .rvw-btn-list { display: inline-flex; flex-wrap: wrap; margin: 0 -8px; } .rvw-btn-list .rvw-btn { margin: 8px; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; min-width: 170px; } .rvw-btn-list .rvw-btn:hover { background: #fff; color: var(--primary); } @media (max-width: 575.98px) { .rvw-btn-list { justify-content: center; } } /* Property View Image */ #rentvine-property-view-main-image { display: block; max-height: 400px; overflow: hidden; height: 100%; } #rentvine-property-view-main-image img { object-fit: cover; height: 100%!important; width: 100%!important; max-height: 100%!important; transition: 0.8s ease; } #rentvine-property-view-main-image:hover { cursor: zoom-in; } #rentvine-property-view-gallery-btn { background: rgba(0,0,0,.6)!important; color: #fff!important; } .rvw-property-view-image { overflow: hidden; flex: 1 1 auto; } .rvw-property-view-image:hover #rentvine-property-view-gallery-btn { background-color: var(--primary)!important; } .rvw-property-view-image:hover img { transform: scale(1.05); transition: 0.8s ease; } /* Property View Summary */ #rentvine-property-detail-view .rvw-property-view-card { box-shadow: none; border: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; } #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 25px 15px; } .rvw-property-view-address { line-height: 1.2; } .rvw-property-view-address-1 { font-size: 20px; } .rvw-property-view-rent { text-align: right; font-weight: bold; font-size: 24px; color: var(--primary); line-height: 1.1; } .rvw-property-view-rent .rvw-text-sm { font-size: 13px; font-weight: 400; line-height: 1; display: block; } .rvw-property-view-summary .rvw-icon-list { justify-content: flex-start; flex-wrap: wrap; text-align: center; margin: 10px -15px 15px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 0 auto; display: block; padding: 20px 15px 0; } .rvw-property-view-summary .rvw-icon { margin: 0 auto 8px; } .rvw-property-view-share { text-align: right; } .rvw-property-view-share .a2a_default_style { display: inline-block; } @media (min-width: 768px) { .rvw-property-view-summary .rvw-icon-list-item:not(:last-child) { margin-right: 35px; } } @media (max-width: 991px) { #rentvine-property-detail-view .rvw-property-view-card { height: auto; margin-bottom: 30px; } } @media (max-width:575.98px) { #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 15px 15px; } .rvw-property-view-summary, .rvw-property-view-rent { text-align: center; } .rvw-property-view-summary .rvw-icon-list { justify-content: center; margin-left: -8px; margin-right: -8px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 1 98px; padding-right: 8px; padding-left: 8px; } .rvw-property-view-address, .rvw-property-view-share { margin-top: 15px; } } @media (max-width:475px) { .rvw-property-view-summary .rvw-icon-list-item:first-child { flex: 1 1 100%; } } /* Property View Form */ .rvw-form-container { border: 1px solid var(--border-color); background: var(--gray); height: 100%; padding: 35px 30px; } .rvw-form-container label { margin-bottom: .3em; } .rvw-form-container textarea { min-height: 7em; } .rvw-form-header { font-size: 20px; } .rvw-form-header h3 { font-size: 30px; } @media (max-width: 991px) { .rvw-form-container { margin-top: 30px; } } @media (min-width:600px) and (max-width:991px) { .rvw-form-container form { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; } .rvw-form-container form .rvw-form-group { flex-basis: calc(50% - 20px); flex-grow: 1; margin: 0 10px 20px; } .rvw-form-container form .rvw-form-group.rvw-form-group-textarea, .rvw-form-container form .rvw-form-group.rvw-form-group-break, .rvw-form-container form .rvw-form-group.rvw-form-group-checkbox, .rvw-form-container form .rvw-form-group.rvw-form-group-radio { flex-basis: 100%; } .rvw-form-container form button { margin-right: 10px; margin-left: 10px; } } /* ================================================================ Colors =================================================================== */ .text-primary { color: var(--primary)!important; } .rvw-text-primary { color: var(--primary) !important; } a.rvw-text-primary:hover, a.rvw-text-primary:focus { color: var(--primary) !important; } .rvw-text-secondary { color: var(--secondary) !important; } a.rvw-text-secondary:hover, a.rvw-text-secondary:focus { color: var(--secondary) !important; } .rvw-text-info { color: var(--primary) !important; } a.rvw-text-info:hover, a.rvw-text-info:focus { color: var(--primary) !important; } .rvw-text-light { color: #f8f9fa !important; } a.rvw-text-light:hover, a.rvw-text-light:focus { color: #dae0e5 !important; } .rvw-text-dark { color: #343a40 !important; } a.rvw-text-dark:hover, a.rvw-text-dark:focus { color: var(--text-dark) !important; } .rvw-text-body { color: var(--body-text) !important; } .rvw-text-muted { color: var(--muted) !important; } .rvw-mark { background-color: #fcf8e3; } .rvw-blockquote-footer { color: var(--secondary); } .rvw-alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .rvw-alert-primary hr { border-top-color: #9fcdff; } .rvw-alert-primary .rvw-alert-link { color: #002752; } .rvw-alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .rvw-alert-secondary hr { border-top-color: #c8cbcf; } .rvw-alert-secondary .rvw-alert-link { color: #202326; } .rvw-alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .rvw-alert-light hr { border-top-color: #ececf6; } .rvw-alert-light .rvw-alert-link { color: #686868; } .rvw-alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .rvw-alert-dark hr { border-top-color: #b9bbbe; } .rvw-alert-dark .rvw-alert-link { color: #040505; } .rvw-btn:focus, .rvw-btn.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-btn-primary { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:hover { color: var(--primary)!important; background-color:#fff; border-color: var(--primary); } .rvw-btn-primary:focus, .rvw-btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-primary.rvw-disabled, .rvw-btn-primary:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle { color: #fff!important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-secondary { color: #fff !important; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: var(--secondary); } .rvw-btn-secondary:focus, .rvw-btn-secondary.focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-secondary.rvw-disabled, .rvw-btn-secondary:rvw-disabled { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: #4e555b; } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-info { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:focus, .rvw-btn-info.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-info.rvw-disabled, .rvw-btn-info:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary { color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:focus, .rvw-btn-outline-primary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary.rvw-disabled, .rvw-btn-outline-primary:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:focus, .rvw-btn-outline-secondary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-secondary.rvw-disabled, .rvw-btn-outline-secondary:disabled { color: var(--secondary); background-color: transparent; } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-info { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .rvw-btn-outline-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:focus, .rvw-btn-outline-info.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-info.rvw-disabled, .rvw-btn-outline-info:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-form-control:focus { color: #495057; background-color: #fff; border-color: var(--primary); box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-form-control::placeholder { color: var(--secondary); } .rvw-form-control-plaintext { color: var(--body-text); } .rvw-form-check-input:disabled ~ .form-check-label { color: var(--secondary); } .rvw-nav-link.disabled { color: var(--secondary); } .rvw-nav-tabs { border-bottom: 1px solid #dee2e6; } .rvw-nav-tabs .rvw-nav-link:hover, .rvw-nav-tabs .rvw-nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .rvw-nav-tabs .rvw-nav-link.rvw-disabled { color: var(--secondary); background-color: transparent; border-color: transparent; } .rvw-nav-tabs .rvw-nav-link.rvw-active, .rvw-nav-tabs .rvw-nav-item.show .rvw-nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .rvw-nav-pills .rvw-nav-link.rvw-active, .rvw-nav-pills .rvw-show > .rvw-nav-link { background-color: var(--primary); color: #fff; } .rvw-page-link { color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; } .rvw-page-link:hover { color: var(--primary); background-color: #e9ecef; border-color: #dee2e6; } .rvw-page-link:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-page-item.rvw-active .rvw-page-link { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-page-item.rvw-disabled .rvw-page-link { color: var(--secondary); background-color: #fff; border-color: #dee2e6; } .rvw-typeahead-item-active { background-color: var(--primary); color: #fff; } /* AMP Step 1 ============================================================================= */ /* Set Design Standards & Colors Here */ :root { --primary: #005cb9; --secondary: #022a5b; --dark: #0b2c75; --light: #51b4cf; --gray: #f3f3f3; --body-text: #000; --primary-font: 'darkmode-off', sans-serif; --secondary-font: 'depot-new-web', sans-serif; --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; } .amp__form .ion-amp-form input { border: 0; height: 50px; padding: 0 15px; border-radius: 0!important; border: 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%; } } 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: 90px 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(--primary); } .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; border-radius: 10px; } @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; } } .nhw-details__property-info .key-detail .label {color:#000;}