/* Main Color to replace - #bd1812 - rgb 60,132,139 */ /* Layout ================================================== */ body { font-family: 'Red Hat Text', sans-serif; color:#000; font-size:17px; line-height:1.7em; font-weight:300; } h1, h2 { font-size: 48px; margin: 0 0 5px; font-weight: 300;} h1 + h2 { font-size: 30px; margin: 0 0 5px; font-weight:300; } h1 + hr, h2 + hr, h2 + h3 + hr { width: 0; margin: 15px auto 25px; border-width: 3px; border-color: #bd1812; transition: 0.5s; } hr.animate { width: 80px; transition: 0.5s; } h3 { color:#bd1812; font-size: 30px; margin: 30px 0 20px; font-weight:300; } p { margin-bottom:25px; } a, a:link, a:visited { color:#bd1812; text-decoration:none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } a:hover, a:active { color:#707070; } .text-alt { color:#bd1812; } .btn { background:#bd1812; border-color:#bd1812; color:#fff!important; padding: 0px 16px; font-size: 18px; line-height: 48px; height: 48px; border-radius: 0px; min-width: 232px; } .btn.lg { font-size: 22px; line-height: 62px; height: 60px; min-width: 297px; } .btn.sm { min-width: 180px; } .btn:hover { color:#bd1812!important; border-color:#bd1812; background:#fff; } .btn:active { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.55); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.55); } .btn-invert { background-color:Transparent; border-color:#fff; background-repeat:no-repeat; } .btn-list { 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; margin: -10px -10px 30px; } .btn-list .btn { margin: 10px; } img.content { padding: 0; } .box { padding:15px; border:solid 1px #cccccc; background:#fff; } .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 > * { opacity: 0; } .underline { position: relative; margin-bottom: 20px; padding-bottom: 20px; } .underline::after { content: ''; position: absolute; display: block; height: 3px; width: 80px; background: #bd1812; margin: 0 auto; left: 0; right: 0; bottom: 0; } .margin-top-none { margin-top: 0!important; } @media (min-width: 1200px){ .row.xtra-padding { margin-left: -25px; margin-right: -25px; } .row.xtra-padding [class^="col-"] { padding-left: 25px; padding-right: 25px; } } @media (min-width: 992px){ 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; } .text-center-sm hr { margin-left: auto!important; margin-right: auto!important; } .padding-left-xl { padding-left: 15px; } .padding-right-xl { padding-right: 15px; } } @media (max-width: 500px){ h1, h2 { font-size: 36px; } h1 + h2, h3 { font-size: 24px; } } @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; } } /* Inline List with pipes */ ul.with-pipes { list-style: none; padding: 0; margin: 0; } ul.with-pipes > li { display: inline-block; } ul.with-pipes > li:nth-child(1n+2):before { content: "|"; margin: 0 8px 0 6px; display: inline-block; } /* 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; } /* List with Circle Numbers */ ul.numbers { list-style: none; padding: 0; margin: 10px 0 20px; display: inline-block; } ul.numbers li { position: relative; padding-left: 85px; margin: 0 0 50px; font-size: 24px; text-align: left; counter-increment: item-counter; } ul.numbers li::before { content: counter(item-counter) "."; position: absolute; left: 0; top: 2px; font-size: 24px; font-weight: bold; height: 58px; width: 58px; border-radius: 50%; border: 1px solid #fff; background: #bd1812; color: #fff; text-align: center; line-height: 55px; padding-left: 3px; } ul.numbers li h3 { font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.15em; margin: 0 0 15px; } ul.numbers.small li { font-size: 22px; } ul.numbers.small li h3 { font-size: 26px; letter-spacing: 0.04em; } ul.numbers.xs li { font-size: 18px; padding-left: 65px; margin: 0 0 40px; } ul.numbers.xs li::before { height: 42px; width: 42px; font-size: 20px; line-height: 38px; } ul.numbers.xs li h3 { font-size: 22px; letter-spacing: 0.04em; } @media (max-width: 375px){ ul.numbers li { padding-left: 65px; font-size: 20px; } ul.numbers li::before { height: 48px; width: 48px; font-size: 20px; line-height: 45px; } ul.numbers li h3 { font-size: 20px; } } /* checks */ ul.checks { list-style: none; padding: 0; margin: 20px 0; } ul.checks li { position: relative; padding-left: 35px; margin-bottom: 10px; font-size: 18px; font-weight: 500; } ul.checks li::before { color: #bd1812; position: absolute; left: 0; top: 3px; content: "\f058"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* Social */ .social ul { list-style-type: none; padding: 0; margin: 0; } .social ul li { list-style-type: none; padding: 0; margin: 0; display: inline-block; } .social ul li a { color: #fff; width: 30px; height: 30px; line-height: 30px; border: 1px solid #bd1812; border-radius: 50%; background-color: #bd1812; margin: 0 2px; display: inline-block; font-size: 15px; text-align: center; } .social ul li a:hover { border-color: Transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .social ul li a::after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 1px #fff; border-radius: 50%; transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .social ul li a:hover::after { transition: transform 0.2s, opacity 0.2s; transform: scale(1); opacity: 1;} /* Content List ==================================================== */ .content-list ul, ul.content-list{ padding: 0; margin: 0; list-style-type: none; } .content-list ul > li, ul.content-list > li { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .content-list.with-bars ul > li:after, ul.content-list.with-bars > li:after { content: '|'; margin: 0 5px; } .content-list.with-bars ul > li:last-child:after, ul.content-list.with-bars > li:last-child:after { content: ''; margin: 0 0 5px 0; } /* Skip Navigation Button for ADA ================================================= */ #skip a{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #skip a:focus { position:static; width:auto; height:auto; } /* Header ================================================== */ #header { height: 145px; width: 100%; position:absolute; z-index:1000; background-color: #fff; } #header .container { position: relative; height: 100%; } #header .logo { position: absolute; left: 50%; top: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #header .phone { font-size: 24px; position: absolute; right: 15px; top: 20px; } #header .phone a, #header .phone .frs-phone-number { color: #000; } #header .phone a:hover { color: #bd1812; } #header .logins { font-size: 16px; position: absolute; right: 15px; top: 50px; } #header .logins a { color: #000; } #header .logins a:hover { color: #bd1812; } #header .logins ul{list-style-type: none; padding-left: 0;} #header .logins ul li{display: inline-block;} #header .logins ul li:after{content: '|'; margin: 0 10px; color: #000;} #header .logins ul li:last-child:after{content: ''; margin: 0;} #header .nav { position: absolute; right: 15px; left: 15px; bottom: 12px; } #header .nav .launch-menu-button { color: #000; } #header .social { position: absolute; left: 15px; top: 20px; } #header .social ul li a { width: 23px; height: 23px; line-height: 23px; border: 1px solid #bd1812; margin: 0 2px; font-size: 12px; } #header .social ul li a::after { box-shadow: 0 0 0 1px #fff; } /* Hide small menu bar by hiding affix styles below*/ #header.affix { height: 50px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); } #header.affix .mobile-show { display: block!Important; } #header.affix .logins {display: none;} #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; } #header.affix .phone, #header.affix .social { display: none; } #header.affix .nav { left: auto; right: 15px; top: 12px; border: 0; bottom: auto; } @media (max-width: 991px){ #header .nav { text-align: center; } } @media (max-width: 767px){ #header { height: 185px; } #header .phone { font-size: 22px; left: 15px; text-align: center; } #header .logins { display: none; } #header .logo { top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #header .logo img { max-height: 80px; } #header .nav { left: 15px; text-align: center; top: auto; bottom: 10px; } #header .social { display: none; } } /* Nav ================================================== */ #nav { font-size: 16px; text-transform: uppercase; text-align: center; } #nav > ul { padding: 0; margin: 0; display: flex; justify-content: space-around; } #nav > ul > li { position:relative; list-style:none; line-height: 35px; } #nav > ul > li::after { content: ''; width: 0; height: 2px; margin: 0 auto; background: #bd1812; display: block; transition: 0.3s; } #nav > ul > li::before { content: ''; width: 0; height: 1px; background: rgba(255,255,255,0.3); display: block; transition: 0.2s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } #nav > ul > li:hover::after, #nav > ul > li.active::after { width: 25px; transition: 0.3s; } #nav > ul > li:hover::before, #nav > ul > li.active::before { width: calc(100% + 10px); transition: 0.2s; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; color:#000; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:#bd1812; top:100%; left: -5px; } #nav > ul > li:hover > ul { display:block; } #nav > ul > li.dropdown:hover > ul { display:none; } #nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; } #nav > ul > li > ul > li > a { font-size:16px; color:#fff; padding:0; } #nav > ul > li > ul > li:hover { background-color:rgba(0,0,0,0.2); } /* Launch Menu ================================================== */ .launch-menu-mask { background: #000; } .launch-menu-close { opacity: 0.6; } .launch-menu-close:hover { opacity: 1; } .launch-menu.sidebar { background: #000; } .launch-menu > ul > li { border-bottom:solid 1px rgba(255,255,255,0.3); } .launch-menu > ul > li:hover { background:#bd1812; -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:first-child { border-top:solid 1px rgba(255,255,255,0.3); } .launch-menu a { color:#fff; } .launch-menu > ul > li > ul > li:hover { background:rgba(0,0,0,0.3); -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 .phone, .launch-menu .tel { font-size: 26px; text-align: center; margin: 20px 0; color: #fff; } .launch-menu .phone a:hover { color: #bd1812; } .launch-menu .links > ul > li { margin: 10px 0; } .launch-menu .social { text-align: center; padding: 10px 0 20px; } /* Footer Form ================================================== */ #footer-form { padding: 70px 0; background: #000; color: #fff; text-align: center; } #footer-form hr { margin-bottom: 35px; border-color: #fff; } #footer-form form { max-width: 580px; margin: 0 auto; } #footer-form form label { display: none; } #footer-form form input { border-radius: 0; background: Transparent; border: 0; border-bottom: 1px solid #fff; padding: 0; line-height: 35px; } #footer-form form .ion-form-group { margin: 0 0 35px; } #footer-form form ::-webkit-input-placeholder { color: #fff; font-size: 18px; } #footer-form form button { height: 38px; line-height: 38px; width: 150px; padding: 0; font-size: 0; } #footer-form form button::after { content: 'Get Started'; font-size: 18px; } /* Footer ================================================== */ #footer { text-align: center; padding: 45px 0 0; } #footer .container-fluid { max-width: 1630px; margin: 0 auto; } #footer .social { margin-bottom: 30px; } #footer .affil { margin: 40px 0 10px; } #footer .affil img { padding: 5px; } #footer .contact { margin: 0 0 15px; } #footer .contact > li { display: inline-flex; } #footer .contact .address li { display: inline; } #footer .ada { padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 14px; margin: 45px 0; } #footer .ada a { color: #000; } #footer .ada a:hover { color: #bd1812; } @media (max-width: 500px) { #footer .contact li { display: block; } #footer .contact li:nth-child(1n+2):before { display: none; } } /* Body Container ================================================== */ #body-container { position: relative; padding-top:65px; padding-bottom: 60px; font-size: 17px; } #body-container hr { margin: 15px 0 25px; } #body-container .side-content { } #body-container .side-content .ctas .col-xs-6 { width: 100%; margin-bottom: 30px; } @media (max-width: 767px) { #body-container {padding-top: 105px;} } /* Banners ================================================== */ .banner { padding: 55px 0; } .banner h1, .banner h2 { } .banner h2 + h3 { font-size: 30px; margin: 0 0 5px; color: inherit; } .banner hr { position: relative; width: 0px; border-width: 1px; border-color: #000000; overflow: visible; transition: 0.8s; margin-left: auto!important; margin-right: auto!important; } .banner hr::after { content: ''; width: 0px; height: 3px; background-color: #bd1812; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: 0.8s; } .banner hr.animate { width: 100%; transition: 0.8s;} .banner hr.animate::after { width: 80px; transition: 0.8s; } .banner-gray { background-color: #ebebeb; } .banner-primary { background-color:#bd1812; } /* Blog ================================================== */ .blog-page { } .blog-page .index { display: block; margin: 0 auto; color: #444; } .blog-container { } .blog-container h1 { margin-bottom: 35px; } .blog-container h1 a { color: inherit; } .blog-container .wrapper .side-panel { float: none; width: 100%; } .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: flex; align-items: center; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb { width: 100px; min-width: 100px; border-radius: 3px; overflow: hidden; transition: 0.3s; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-thumb .default, .post-thumb .video { border: 1px solid #f2f2f2; height: 0; width: 100%; padding-top: 56.25%; position: relative; border-radius: 3px; background: #ebebeb; 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%; transform: translate(-50%, -50%); width: 80%; } .blog-container .wrapper .side-panel .blog-recent-posts li a .post-details { font-size: 13px; 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: 11px; color: #707070; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-thumb { box-shadow: 1px 1px 5px rgba(0,0,0,0.18); transform: scale(1.005); transition: 0.3s; background: #f2f2f2; } .blog-container .wrapper .side-panel .blog-recent-posts li a:hover .post-details { color: #bd1812; 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; border-radius: 3px; background: #bd1812; 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 { box-shadow: 1px 1px 5px rgba(0,0,0,0.35); transform: scale(1.01); transition: 0.3s; background: #bd1812; } .blog-container .wrapper .side-panel .social a { background: #bd1812; display: inline-block; transition: 0.3s; } .blog-container .wrapper .side-panel .social a:hover { background: #bd1812; transition: 0.3s; transform: rotate(360deg) scale(1.01); } .blog-container .wrapper .side-panel .social a:hover::after { box-shadow: 0 0 0 2px #bd1812; transition: 0.3s; } /* */ .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; } /* .blog-container .blog-post .post-header .post-title a { color: #000; } */ .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: #ebebeb; 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%; transform: translate(-50%, -50%); width: 80%; } .blog-container .blog-post .post-body { font-size: 17px; margin: 0; } .blog-container .blog-post .read-more { position: relative; white-space: nowrap; margin: 0!important; } .blog-container .blog-post .post-footer { display: flex; 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: #bd1812; text-transform: uppercase; font-size: 18px; } .blog-container .index:hover { color: #bd1812; } /* Standard Post List */ .blog-container .post-list { float: none; width: 100%; } .blog-container .post-list .video-wrapper a { position: absolute; height: 100%; width: 100%; overflow: hidden; } .blog-container .post-list .video-wrapper img { width: 100%; height: 100%; object-fit: cover; } .blog-container .post-list .default img { object-fit: contain; } @media (min-width: 992px) { .blog-container .wrapper { display: flex; 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; } } /* Alternate Blog Styles ============================================= */ /* Side Image Post List */ @media (min-width: 768px) { .blog-container .post-list .blog-post { display: flex; flex-wrap: wrap; 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%; flex-grow: 1; } } /* Card Style */ /* .blog-page { background: #f9f9f9; } .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 { margin: 45px 0; } .launch-accordion > li { margin-bottom: 10px; } .launch-accordion > li > h4 { position: relative; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.025em; 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; } @media (min-width: 768px) { .launch-accordion > li > h4 { padding: 15px 65px 15px 35px; } .launch-accordion > li > div { padding: 20px 35px; } } /* Form Container ================================================== */ .form-container { background: #f9f9f9; border: 0; padding-top: 0; } .form-container.maintenance { margin-top: -130px; } .form-container h2 { text-align: center; font-size: 32px; margin: 0px -18px 30px; padding: 35px 18px 30px; text-transform: uppercase; font-weight: bold; } .form-container h3 { font-size: 20px; } .ion-form button { border: 1px solid #bd1812; background-color: #bd1812; } .ion-form button:hover { color: #bd1812; } @media (max-width: 991px) { .form-container { margin-top: 50px; } .form-container.maintenance { margin-top: 0px; } } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ #areas { padding: 40px 0 0; } #areas h2 { text-align: center; font-size: 36px; margin: 0 0 35px; } ul.areas { margin:0; padding:0; padding-left: 8%; text-align:left; } ul.areas li { width:16.66%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:16px; margin:0; color: #bd1812; } @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; } } /* 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 ================================================== */ .faqs h1 { text-align: center; } .faqs hr { margin-left: auto!important; margin-right: auto!important; } .faqs .launch-accordion { max-width: 1070px; margin: 45px auto 0; } /* Home Banner ================================================== */ #home-banner { position:relative; padding-top: 145px; height: 100vh; min-height: 1004px; display: flex; justify-content: center; align-items: center; } #home-banner::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); } #home-banner .container { position: relative; z-index: 1; } #home-banner .prompt { max-width: 838px; color: #fff; position: relative; z-index: 100; margin: 30px auto 0; text-align: center; background-color: rgba(189,24,18,1); padding: 30px; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35); } #home-banner .prompt h1 { font-size: 42px; display: block; color: #fff; margin: 0 0 25px; line-height: 1.15em; } #home-banner .prompt h1 .pre { font-size: 24px; display: block; } #home-banner .prompt .btn { height: 54px; line-height: 50px; min-width: 0; width: 100%; max-width: 182px; margin: 0 auto; padding: 0; text-transform: uppercase; font-size: 20px; border: 2px solid #fff; } @media (min-width: 2001px){ #home-banner { background-size: contain; } } @media (min-height: 1070px){ #home-banner { background-size: cover; } } @media (max-width: 991px){ #home-banner { min-height: unset; height: auto; display: block; } #home-banner .prompt { margin-top: 80px; } } @media (max-width: 767px){ #home-banner { padding-top: 185px; } #home-banner .prompt { margin-top: 50px; } } @media (max-width: 500px){ #home-banner .prompt h1 { font-size: 36px; } #home-banner .prompt h1 .pre { font-size: 22px; } } @media (max-width: 425px){ #home-banner .prompt { margin: 30px auto 0; } } /* CTAs */ #home-banner .ctas { position: relative; margin: 100px 0 0; } #home-banner .ctas .cta { margin-bottom: 30px; } .ctas .cta { display: block; background-color: rgba(189,24,18,0.8); color: #fff; text-align: center; padding: 45px 15px; transition: 0.3s; } .ctas .cta:hover { background-color: rgba(189,24,18,1); transition: 0.3s; transform: scale(1.01); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35); } .ctas .cta h3 { color: #fff; font-size: 22px; text-transform: uppercase; margin: 5px 0 0; } .ctas .cta .icon { font-size: 54px; height: 69px; display: flex; justify-content: center; align-items: center; } .ctas .cta .icon-cta-owners::before { font-size: 69px; line-height: 60px; } @media (max-width: 991px){ #home-banner .ctas { margin: 80px 0 50px; } } @media (max-width: 767px){ #home-banner .ctas { margin: 50px 0 30px; } } @media (max-width: 425px){ #home-banner .ctas { margin: 30px 0; } #home-banner .ctas .cta h3 { font-size: 18px; } #home-banner .ctas .cta .icon { height: 49px; font-size: 34px; } .ctas .cta .icon-cta-owners::before { font-size: 40px; } #home-banner .ctas .cta .icon img { max-height: 34px; } } @media (max-width: 375px){ #home-banner .ctas .col-xs-6 { width: 100%; } #home-banner .ctas .cta { padding: 30px 15px; } } /* 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/banner-1.jpg'); } #home-carousel .carousel-inner .item.banner2 { background-image: url('/images/banner-2.jpg'); } #home-carousel .carousel-inner .item.banner3 { background-image: url('/images/banner-3.jpg'); } #home-carousel .carousel-inner .item.banner4 { background-image: url('/images/banner-4.jpg'); } @media (min-width: 2001px){ #home-carousel .carousel-inner .item { background-size: contain; } } @media (min-height: 1070px){ #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); } /* Home Welcome ================================================== */ #home-welcome { padding: 55px 0; text-align: center; } /* Home Info ================================================== */ #home-info { padding: 0; text-align: center; } #home-info .item { position: relative; z-index: 0; overflow: hidden; padding: 80px 25px; margin: 0 auto 30px; font-family: 'Muli'; color: #000; display: block; max-width: 400px; } #home-info .item h3 { margin: 0 0 5px; color: #bd1812; font-size: 34px; } #home-info .item img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } #home-info .item .content { background: rgba(255,255,255,0.80); padding: 50px 10px 20px; line-height: 1.35em; position: relative; z-index: 1; } #home-info .item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(60,132,139,0); transition: background-color 0.5s; } #home-info .item:hover::before { background-color: rgba(189,24,18,0.7); transition: background-color 0.5s; } @media (min-width: 992px){ #home-info .row, #home-info .col-md-4, #home-info .item { display: flex; } } /* Home Rentals ================================================== */ #home-rentals { padding: 30px 0 70px; text-align: center; } #home-rentals .map { height: 450px; overflow: hidden; position: relative; } #home-rentals .map-container { position: relative; } #home-rentals .map-container .overlay { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0); transition: all 0.2s; z-index: 1; } #home-rentals .map-container .overlay:hover { cursor: pointer; background: rgba(0, 0, 0, 0.5); } #home-rentals .map-container .overlay:hover:after { content: '- Click to Enable Scroll -'; position: absolute; top: 45%; left: 0; right: 0; text-align: center; color: #fff; font-size: 24px; } /* Home Blog ================================================== */ #home-blog { padding: 60px 0 25px; letter-spacing: 0.04em; } #home-blog h2, #home-blog h3 { text-align: center; } #home-blog .post-title { font-size: 24px; margin: 20px 0 30px; } #home-blog .post-body { color: #222222; line-height: 1.375em; margin-bottom: 50px; } #home-blog .read-more { white-space: nowrap; margin: 35px 0 0; display: block; margin-top: 25px; } @media (min-width: 992px){ #home-blog .row { margin-left: -25px; margin-right: -25px; } #home-blog .row [class^="col-"] { padding-left: 25px; padding-right: 25px; } } @media (max-width: 991px){ #home-blog { text-align: center; } #home-blog .post-date { margin: 20px 0 ; } } /* Secondary Banner ================================================== */ #secondary-banner { position:relative; height:auto; min-height: 800px; padding: 145px 0 0; background-size: 2000px; background-attachment: fixed; background-position: center top; display: flex; align-items: center; justify-content: center; } #secondary-banner::after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.2); } #secondary-banner .container { position: relative; z-index: 2; } #secondary-banner .prompt { color: #fff; text-align: center; } #secondary-banner .prompt .lead { font-size: 48px; margin: 0; } #secondary-banner .prompt .sub { font-size: 26px; margin: 10px 0 0; } @media (min-width: 2001px){ #secondary-banner { background-size: contain; } } @media (max-width: 991px){ #secondary-banner { min-height: 350px; background-size: cover; background-attachment: scroll; } #secondary-banner .ctas { display: none; } #secondary-banner .prompt { padding: 50px 0; } } @media (max-width: 767px){ #secondary-banner { padding-top: 185px; top: 100px; } } @media (max-width: 500px){ #secondary-banner { height: 350px; } #secondary-banner .prompt .lead { font-size: 36px; } #secondary-banner .prompt .sub { font-size: 22px; } } /* Tenant Resources ================================================== */ #tenant-resources h2 { font-size: 36px; margin-top: 30px; } /* Properties Widget ================================================== */ .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; } .frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; } .frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info { width :64%;float:right; } .frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px; } .frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;} .frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; } .frs-widget.prop-view .prop-form button { height:auto; 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:#bd1812; border-color:#bd1812; 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: #bd1812 !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: #bd1812; } .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%; 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: #bd1812; } .frs-widget.prop-view .prop-form .prop-form-hdr { color: #fff; background: #bd1812; border: 0; margin: 0; padding: 15px; text-align: center; } .frs-widget.prop-view .prop-info { padding-top: 0; 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 { width: 100%; } .frs-paging { padding: 40px 0; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; } .frs-paging > div { display: none; margin: 0; float: none; } .frs-paging-btn:first-child, .frs-paging-btn:last-child, .frs-paging-btn.active { display: block; } .frs-paging-btn:first-child a::after { content: '>'; padding-left: 8px; } .frs-paging-btn:last-child a::before { content: '<'; padding-right: 8px; } .frs-paging-btn a { background:transparent; border: 0; color:#bd1812; font-size: 16px; letter-spacing: 0.025em; text-transform: uppercase; padding: 0px 12px; line-height: 1.42857143; text-decoration: none; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:transparent; color:#454545; } .frs-paging-btn.active a { border: 0; text-transform: lowercase; background:transparent; color:#454545; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .frs-paging-btn.active a:hover { background:transparent; color:#404040; text-decoration: none; } .frs-paging-btn.active a::before { content: 'page'; padding-right: 8px; } .frs-paging-btn.active a::after { display: none; } .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%; } } @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 alternate PM Page */ #pm-info .icon { background-color: #bd1812!important; } #pm-info .analysis-cta .analysis-arrow svg { fill: #bd1812!important; } #pm-explore .service .title .icon, #pm-explore .service .title h3 { color: #bd1812!important; } /* Color override for Post Card Rentals */ .post-card .frs-widget.prop-list .prop-search, .post-card .prop-search .prop-search-form { background: #bd1812; } .post-card .frs-widget.prop-list .prop-search .prop-search-form-button button { background: #fff!important; color: #bd1812!important; } .post-card ul.listings li .view-details .btn-listing{ border: 1px solid #bd1812!important; background-color: #bd1812!important; color: #fff; } .post-card ul.listings li .view-details .btn-listing:hover{ background-color: #fff!important; color: #bd1812!important; } /* COLORS TO UPDATE AMP BELOW =============================== */ /* Step 1 Colors */ .launch-quick-lead .phone {color:#fff;} .launch-quick-lead .phone a{color: #fff;} .launch-quick-lead p { color:#fff; } .launch-quick-lead .frs-widget.quick-lead.step-1 button {border-color:#bd1812!important; background-color:#bd1812!important; color: #fff;} .launch-quick-lead .frs-widget.quick-lead.step-1 button:hover{background-color: #fff!important; color: #bd1812!important;} /* Step 2 Colors */ .launch-quick-lead.step-2 .phone{color: #bd1812!important;} .launch-quick-lead.step-2 .phone a{color: #bd1812!important;} .launch-quick-lead.step-2 h1 { color:#fff!important;} .launch-quick-lead.step-2 button { background-color:#bd1812!important;} .launch-quick-lead.step-2 p {color:#fff;} .launch-quick-lead.step-2 .header { background: #bd1812!important; color: #fff; } .box-shadow, ul.listings li, .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-gallery .prop-img, .prop-links, .prop-tab-nav a, .prop-info .frs-btn, .prop-list .prop-search, .launch-accordion > li > h4, #popup .modal-header button.close, .form-container { -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; } .box-shadow:hover, , ul.listings li:hover, .frs-widget.prop-view .prop-gallery .prop-img:hover, .prop-tab-nav a:hover, .prop-info .frs-btn:hover, .launch-accordion > li > h4: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); } /* Homes for Rent Buttons */ #button1, #button2 { display: inline-block; margin: 10px 10px; } /* Underlined text */ .underlined { text-decoration: underline; } /* About Page Company Name h3 */ #about-page-company { color: #000; } /* CORONAVIRUS POP UP */ #corona-virus-pop-up { text-align: center; } #corona-virus-pop-up .modal-body{ margin: 15px; }