/* Layout ================================================== */ html {scroll-behavior: smooth;} body { font-family:'Swiss721BT-Roman', Sans-Serif; color:#666666; font-size:16px; line-height:1.7em; font-weight:300; } h1 { margin-top:0; margin-bottom:30px; color:#666666; text-transform:uppercase; } h2 { font-weight:400; margin-bottom:30px; } h3 { color:#d5a619; } p { margin-bottom:30px; } a, a:link, a:visited { color:#d5a619; text-decoration:none; transition: all 0.1s; cursor:pointer; } a:hover, a:active { color:#1e5889; } .text-alt { color:#d5a619; } .btn { color:#fff!important; padding:12px 25px; font-size: 18px; border-radius: 0px; line-height: 1.3333333; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; text-transform:uppercase!important; } .btn:hover { opacity:.8; } .btn-invert { background-color:Transparent; border-color:#fff; background-repeat:no-repeat; } img.content { border:1px solid #CCC; } .box { padding:15px; border:solid 1px #cccccc; background:#f0f0f0; } .social a { display:inline-block; background: rgba(255,255,255,.3); width: 44px; height: 44px; text-align: center; line-height: 44px; font-size: 22px; border-radius: 22px; color: #ffffff; } .social a i { color: #fff; } .social ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; } .social ul li { display: inline; text-decoration: none; } .text-md-right { text-align: right; } @media(max-width:991px){ .text-md-right { text-align: left; } } /* Address ==================================================== */ #address, #address li { margin:0; padding:0; list-style:none; line-height:1.4em; } #address { display:block; } .inline #address li { display: inline; } .inline #address .address1:after{content: ', ';} .inline #address .address2:after{content: ', ';} /* Fonts ==================================================== */ .font-size-normal { font-family:'Swiss721BT-Roman'; } .font-size-bold { font-family:'Swiss721BT-Bold'; } .font-size-thin { font-family:'Swiss721BT-Thin'; } /* List Check Box ==================================================== */ ul.checks { margin: 0; padding: 0; list-style-type: none; } ul.checks li { text-align: left; padding: 0 0 0 40px; margin: 0; background-image: url('/images/checkbox.png'); background-position-y: 6px; background-repeat: no-repeat; line-height: 34px; } ul.checks.checks-white li { background-image: url('/images/checkbox-white.png'); } /* Content Holder Controls ==================================================== */ .phone{display: block;} .email{display: block;} .seo-location{display: inline-block;} /* 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; } /* Launch Override ==================================================== */ img.content { border:0; padding:0; margin: 5px 40px 15px 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 { position: absolute; height: 185px; width: 100%; z-index:1000; background:#fff; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.35); } #header .container { position: relative; } #header .logo { float: left; margin-top: 20px; margin-left: 15px; text-align:center; text-transform:uppercase; font-size: 27px; font-weight:400; } #header .logo img { display:block; margin-bottom:15px; max-width:350px; } #header .logo a { color:#352516; } #header .logins { font-size: 16px; position: absolute; right: 275px; top: 30px; } #header .logins .btn { margin-top:5px; padding: 5px 15px; background-color: #f2f2f2 !important; border: 0; border-top: 1px solid #cccccc; color: #d5a619 !important; font-size:15px; background-image: none; } #header .consultation {position:absolute;top:30px;right:410px;transition:all 0.5s;} #header .consultation .btn {transition:all 0.5s;} #header .logins .btn .caret { border-top: 15px dashed; border-right: 15px solid transparent; border-left: 15px solid transparent; } #header .logins .dropdown-menu { border-radius: 0px; border-color: #cccccc; background-color: #f2f2f2; border-top: 4px solid #d5a619; } #header .logins .dropdown-menu li { font-size: 16px; padding: 5px 0; } #header .logins .dropdown-menu li.divider { padding: 3px 0; } #header .logins .dropdown-menu li a, #header .logins .dropdown-menu li a:visited, #header .logins .dropdown-menu li a:link { color: #666666; padding-right:50px; } #header .logins .dropdown-menu li a:hover { color: #d5a619; } #header .phone{font-size: 36px; color: #666666; position: absolute; right: 15px; top: 40px;} #header .phone a{color: #666666;} #header .phone a:hover{color: #d5a619; transition: all .5s;} #header .nav { position: absolute; right: 35px; bottom: 10px; } #header .nav .launch-menu-button { color: #000000; } #header.affix {height: 110px; width: 100%; background-color: rgba(255,255,255,1);} #header.affix .logo { position: absolute; left: 15px; right: auto; top: 0px; font-size: 18px; } #header.affix .logo img { max-height: 75px; margin-bottom:5px; } #header.affix .logins { position: absolute; top: 10px; right: 250px;} #header.affix .nav { position: absolute; left: auto; right: 15px; bottom: 5px; } #header.affix .nav ul { padding: 0; } #header.affix .phone{top: 20px; right: 15px; transform: none; font-size: 30px;} #header.affix .consultation {top:10px;right:380px;} @media(max-width:1355px){ #header.affix .logo img {max-height:65px;} } @media(max-width: 1315px) { #header .nav { bottom: 10px; } } @media(max-width:1250px){ #header .logins {top:10px;right:185px;} #header .phone {top:15px; font-size:24px;} #header .consultation {top:60px;right:15px;} } @media (max-width: 1199px) { #header.affix .mobile-show {display: block!important;margin-top: 30px;} #header.affix .mobile-hide { display: none!important; } #header.affix .links { display: none; } #header.affix .logins { display: none; } #header.affix .phone { left:15px;text-align: center;} #header.affix .consultation {right:15px;left:15px;text-align: center;top:auto;bottom:10px;max-width:400px;margin:0 auto;} #header.affix .nav { right: 50px; top: 15px; font-size: 20px; } } @media (max-width: 991px) { #header .logins { display: none; } #header .consultation .btn {padding: 12px 5px;font-size:16px;} } @media (max-width: 767px) { #header {height:200px;} #header .logo { position: absolute; top: 15px; right: 50%; transform: translatex(50%); padding: 0; margin: 0; } #header .nav { position: absolute; width: 100%; text-align: center; right: 50%; transform: translatex(50%); padding: 0; margin: 0; } #header .logo img {max-width:300px;} #header .consultation {left:15px;text-align: center;top:115px;} #header.affix {height:170px;} #header.affix .logo { position: absolute; top: 15px; right: 50%; transform: translatex(50%); padding: 0; margin: 0; left:auto;} #header.affix .nav { position: absolute; width: 100%; text-align: center; right: 50%; transform: translatex(50%); padding: 0; margin: 0;bottom: 10px;top:auto;font-size:16px; } #header.affix .consultation {left:15px;text-align: center;top:80px;} #header.affix .phone {top:15px;left:auto;} #header.affix .logo img {max-width:300px;} } @media(max-width:630px){ #header {height:250px;} #header .consultation {top:auto;bottom:60px;} #header .logo {top:40px;} #header .phone {left:15px;text-align: center;} #header.affix {height:210px;} #header.affix .consultation {top:auto;bottom:50px;} #header.affix .logo {top:50px;} #header.affix .phone {left:15px;text-align: center;} } @media (max-width: 450px) { #header .logo .franchisee{font-size: 20px; line-height: 1;} #header.affix .mobile-show{margin: 0;} } @media (max-width: 375px) { #header.affix .logo img {max-height:65px !important;} #header .logo .franchisee{font-size: 18px; display: block;} } /** Main =============================== */ #main { padding-top: 185px; } @media(max-width: 1314px) { /* #main { padding-top: 300px; } */ } @media (max-width: 991px) { /* #main { padding-top: 215px; } */ } @media (max-width: 450px) { #main { padding-top: 190px; } } /* Nav ================================================== */ #nav { font-size:14px; } #nav > ul > li { position:relative; list-style:none; display:inline-block; } #nav > ul > li:nth-child(1n+2):before { content: "|"; margin: 0 10px; } #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited, #nav > ul > li > span { position: relative; z-index: 10; display:inline-block; line-height:30px; color:#666666; text-transform:uppercase; cursor:pointer; } #nav > ul > li > a:before, #nav > ul > li > span:before { display: none; content: ''; background-color: #e2c15e; position: absolute; left: -20px; right: -20px; top: -5px; bottom: 0; z-index: -1; } #nav > ul > li:hover > a, #nav > ul > li:hover > span { color:#ffffff; } #nav > ul > li:hover > a:before, #nav > ul > li:hover > span:before { display: block; } #nav > ul > li:first-child > ul {left: 0;} #nav > ul > li > .menu { display: none; padding: 20px 30px 20px 30px; position: absolute; top: 30px; background-color: #f2f2f2; border-top: 4px solid #e2c15e; -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25); } #nav > ul > li:hover > .menu { display: block; } #nav > ul > li > .menu.three-col { width: 664px; margin-left: -221px; } #nav > ul > li > .menu.two-col { width: 570px; margin-left: -190px; } #nav > ul > li > .menu.two-col.right { margin-left: -380px; } #nav > ul > li > .menu > ul { padding: 0; margin: 0; list-style-type: none; } #nav > ul > li > .menu.three-col > ul > li { width: 30%; float: left; border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 15px; } #nav > ul > li > .menu.three-col > ul > li:nth-child(3n+2) { margin-left: 5%; margin-right: 5%; } #nav > ul > li > .menu.two-col > ul > li { width: 45%; float: left; border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 15px; } #nav > ul > li > .menu.two-col > ul > li:nth-child(2n+2) { margin-left: 5%; margin-right: 5%; } #nav > ul > li > .menu > ul > li > a { padding: 15px 0 15px 43px; display: block; background-repeat: no-repeat; background-position: 10px 12px; color: #666666; font-size: 18px; } #nav > ul > li > .menu > ul > li > a:hover { color: #d5a619; } #nav > ul > li > ul { border-top: 5px solid #d5a619; display:none; position:absolute; white-space:nowrap; z-index:575; text-align:left; padding:0; background-color:rgba(0,0,0,0.7); top:30px; left:25px; } #nav > ul > li:hover > ul { display:block; } #nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; } #nav > ul > li > ul > li > a { color:#fff; padding:0; } #nav > ul > li > ul > li:hover { background-color:#d5a619; } @media(max-width:1199px){ #nav > ul > li:nth-child(1n+2):before {margin: 0 3px;} #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited, #nav > ul > li > span {font-size:15px;} } @media (max-width: 1000px) { #nav > ul > li:nth-child(1n+2):before { margin: 0 3px; } } /* Home Brand Promise ================================================== */ #home-brand-promise { font-size: 17px; text-align: center; padding: 65px 0 70px; background-color:#395164; } #home-brand-promise h1 {font-size:42px;color:#fff; margin-top:0;margin-bottom:10px;text-transform: none;} #home-brand-promise h2 { color: #fff; } #home-brand-promise p {color:#fff; font-size: 20px;} /* Launch Menu ================================================== */ .launch-menu.sidebar, .launch-menu.sidebar-right { right:-350px; width:350px; } .launch-menu-close { display:none; } .launch-menu img{margin: 10px auto; display: block; max-height: 100px;} .launch-menu .links{padding: 10px 0;} .launch-menu .links ul {display: block; list-style-type: none;} .launch-menu .links ul li{width: 100%; padding: 5px 20px;} .launch-menu .links ul li a{border: 1px solid #d5a619; background-color: #d5a619; color: #ffffff; text-align: center; padding: .5em 0; } .launch-menu .links ul li a:hover{background-color: #ffffff; color: #d5a619; transition: all .5s;} .launch-menu > ul > li { border-bottom:solid 1px #bbb; } .launch-menu > ul > li:hover { background: rgba(99,99,99,0.1);} .launch-menu > ul.logins { border-style:solid; border-width:1px 0 0 0; border-color:#bbb; position: relative; top: auto; left: auto; z-index: auto; display: block; float: none; min-width: auto; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .launch-menu > ul.logins li { padding:0 20px; } .launch-menu > ul.logins li > a { font-size: 1.2em; line-height: 2.4em; padding:0; } .launch-menu > ul.logins .divider { display:none; } .launch-menu a { color:#333; } .launch-menu > ul > li > ul > li:hover { background:#d5a619;} .launch-menu > ul > li > ul > li:hover > a {color: #ffffff;} .launch-menu .phone { font-size: 1.4em; text-align: center; padding: 20px 0;} .launch-menu .phone .phone-call{display: block; width: 100%; text-align: center; margin-bottom: 15px;} .launch-menu .phone a:hover{color: #d5a619; transition: all .5s;} .launch-menu ul li a { background:none !important; } .launch-menu ul li a:hover { color: #e2c15e; } .launch-menu .dropdown-menu { position: relative; top: auto; width: 100%; display:block; } .launch-menu .dropdown-menu { border-style:solid; border-width:1px 0 0 0; border-color:#bbb; position: relative; top: auto; left: auto; z-index: auto; display: block; float: none; min-width: auto; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .launch-menu .dropdown-menu li { padding:0 20px; } .launch-menu .dropdown-menu li > a { font-size: 1.2em; line-height: 2.4em; padding:0; } .launch-menu .dropdown-menu .divider { display:none; } /* Footer ================================================== */ #footer.primary{background-image: url('/images/footer-bg.jpg');} #footer.secondary{background-image: url('/images/footer-secondary-bg.jpg');} #footer { height: 1065px; position: relative; color: #ffffff; background-color: rgba(0,0,0,0.4); background-blend-mode: overlay; background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; } #footer .container { position: relative; height: 100%;} #footer .logo { display: block; margin: auto; margin-top: 175px; text-transform: uppercase; font-size: 27px; font-weight: 400; text-align: center; } #footer .logo img { display: block; margin: auto; margin-bottom: 15px; } #footer .logo a { color: #ffffff; } #footer .phone { display: block; margin: auto; margin-top: 90px; font-size: 48px; text-align: center;} #footer .phone a{color: #ffffff;} #footer .social { display: block; margin: auto; margin-top: 40px; text-align: center; } #footer .social a { display: inline-block; margin: 0px 5px 0px 5px; } #footer .social a:hover{transition: all .5s; background-color: #ffffff;} #footer .social a:hover > i{color: #d5a619;} #footer .social ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; } #footer .social ul li { display: inline; text-decoration: none; } #footer .buttons { text-transform: uppercase; display: block; margin: auto; text-align: center; } #footer .btn { width: 290px; height: 60px; font-weight: 100; font-size: 16px; margin: 10px;} #footer .buttons a { padding-top: 20px; } /*#footer .btn:first-child { margin-right: 40px; }*/ #footer .info { display: block; margin: auto; margin-top: 100px; text-align: center; } #footer .info .copy { margin: 25px 0; } #footer .info .copy ul{display: inline-block; padding-left: 0; margin: 0;} #footer .info .copy ul li{display: inline-block; margin: 0;} #footer .info .copy ul li:before{content: '|'; margin: 0 10px; color: #ffffff;} #footer .info .copy ul li:first-child:before{content: ''; margin: 0;} #footer .info .copy a { color: #fff; } #footer .info .disclaimer { margin-top:10px; font-size: 10px; opacity:.7; line-height:12px; } #footer .ada{position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 20px 0; text-align: center; width: 100%; font-size: 14px;} #footer .pmi-franchise a{color: #ffffff;} #affil{background-color: #fffffff; height: 100px; padding: 25px 0;} #affil ul{list-style-type: none; padding: 0; margin: 0; text-align: center;} #affil ul li{display: inline-block; margin: 0 15px;} @media (max-width: 1283px){ #footer{height: 1100px;} } @media (max-width: 1199px){ #footer {height: 1150px;} #footer .info .copy ul li:last-child:before{content: ''; margin: 0;} } @media (max-width: 991px){ #footer {height: 1175px;} } @media (max-width: 767px){ #footer {height: 1200px;} } @media(max-width: 670px) { /* #footer #btn1 { display: block; margin: auto; margin-bottom: 25px; text-align: center; } */ #footer {height: auto;} #footer .ada {position: relative; display: block; margin-top: 20px;} #footer .info .copy ul li{display: block;} #footer .info .copy ul li:before{content: ''; margin: 0;} #footer .info .copy ul li a{color: #ffffff;} #footer .info .copy ul li:last-child, #footer .info .copy ul li:nth-child(2){display: inline-block;} #footer .info .copy ul li:nth-child(2):after {content: '|'; margin: 0 10px;} } @media(max-width: 505px) { #footer .info .copy ul li:last-child, #footer .info .copy ul li:nth-child(2){display: block;} #footer .info .copy ul li:nth-child(2):after{content: ''; margin: 0;} } /* Body Container ================================================== */ #body-container { padding-top:70px; padding-bottom:30px; } #body-container.services {padding-top: 20px;} #body-container .side-content ul.ctas { margin: 0; padding: 0; list-style-type: none; text-align: center; } #body-container .side-content ul.ctas li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #c2c2c2; } #body-container .side-content ul.ctas a { display: inline-block; padding: 25px 0; } #body-container .side-content ul.ctas li .icon { font-size: 50px; color: #000000; } #body-container .side-content ul.ctas li:hover .icon { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Banners ================================================== */ .banner { padding: 40px 0; } .banner.intro-banner {padding:0px;} /*.banner h1, .banner h2 { font-size: 1.4em; }*/ .banner h3 { font-size: 1.2em; } .banner-gray { background-color: #ebebeb; } .banner-primary { background-color:#d5a619; } /* Blog ================================================== */ .blog-container { } .blog-container a { color:#d5a619; } .blog-container .post-list { } .blog-container .blog-post { margin-bottom:60px; } .blog-container .blog-post .post-head { font-size:1.5em; padding-bottom:5px; margin-bottom:20px; border-bottom:solid 1px #ccc; } .blog-container .blog-post .post-title { font-size:1.2em; } .blog-container .blog-post .post-body { } .blog-container .blog-post .post-body .read-more { display:block; margin-top:15px; font-size:.90em; text-transform:lowercase; } @media (max-width: 768px) { .blog-container .post-list { float:none; display:block; width:100%; } .blog-container .side-panel { display:none; } } /* Map Container ================================================== */ /* Accordion ================================================== */ .launch-accordion > li > h4 { background-color:#eee; transition:background-color 0.05s ease; } .launch-accordion > li > h4:hover { background-color:#aaa; } /* Form Container ================================================== */ .form-container { background: #f0f0f0; border: 1px solid #cccccc; padding: 25px; } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ ul.areas { margin:0 10px; padding:0; text-align:left; font-size:1.125em; } ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:22px; margin:0; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:33%; } } @media (max-width: 550px) { ul.areas li { width:50%; } } /* Home Blog ================================================== */ .home.blog-container .post-list { width:92%; float:none; display:block; } /* Form ================================================== */ #fields { width:100%; display:inline-block; font-family: 'Swiss721BT-Roman', 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: 'Swiss721BT-Roman', 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 { color:#fff; font-size:16px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; float:right; } #fields .btn:hover { border-style:solid; border-width:1px; } #fields .btn:active { position:relative;top:1px; } #fields .cb { float:left; clear:both; } #fields .cb-descr { float:left; margin-left:8px; } /* FAQs ================================================== */ .faq-question { font-size:1.2em; font-weight:500; } .faq-answer { margin-bottom:25px; } .faq-answer p { padding:0; margin:0; } /* Home Banner ================================================== */ #home-banner { width: 100%; padding:120px 0 120px 0; color: #352516; position:relative; background-image: url('/images/home-banner.jpg'); background-attachment: fixed; background-position: center center; background-size: cover; background-repeat: no-repeat; } #home-banner:before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; background-color: rgba(0,0,0,0.2); } #home-banner .container { height: 100%; position: relative; z-index: 100; } #home-banner .box { color: #fff; font-size: 48px; text-align: center; line-height: 52px; width: 100%; background: transparent; border: none; text-shadow: 1px 1.5px #000;} #home-banner .lead { font-size: 1em; } #home-banner .callouts { margin-top: 40px; text-align: center; text-transform: uppercase;} #home-banner .callouts .item { display: inline-block; position: relative; } #home-banner .callouts .item .icon { position: relative; display: inline-block; height: 60px; padding-top: 40px; padding-bottom: 30px; width: 130px; height: 130px; background: rgba(213,166,25,0.7); border: 1px solid #ffffff; border-radius: 65px; transition: all 0.5s;} #home-banner .callouts .item .icon:hover { background: rgba(213,166,25,1); } #home-banner .callouts .item .text { position: relative; display: block; font-size: 28px; font-weight: 700; margin-top: 20px; color: #fff; text-shadow: 1px 1px #000; } @media (max-width: 991px) { #home-banner { padding: 100px 0; } #home-banner .callouts .text { margin-bottom: 20px; } #home-banner .callouts{margin-top: 20px;} #home-banner .callouts .col-sm-6{margin: 10px 0;} #home-banner .box { font-size: 36px; } } @media (max-width: 550px) { #home-banner .callouts .item .text { font-size: 20px; } } /* Home Quote ================================================== */ #home-quote { position: relative; height: 150px; background-color: #f0f0f0; } #home-quote .container { display: block; margin: auto; text-align: center; padding-top: 45px; } #home-quote .quote { font-style: italic; font-size: 22px; padding-right: 40px; } #home-quote .btn { padding:15px 40px 14px 40px; font-size: 18px; line-height:1.0em; } @media (max-width: 991px) { #home-quote { height: 195px; } #home-quote .btn { margin-top: 20px; } #home-quote .quote { display: block; padding-right:0; } } @media (max-width: 605px) { #home-quote { height: 225px; } } /* Home Guarantees ================================================== */ #home-guarantees .guarantees-banner { text-align: center; padding: 85px 0 55px; } #home-guarantees .guarantees-banner h2 { font-size: 36px; margin: 0 0 50px; } #home-guarantees .guarantees-banner .guarantees img { padding: 0 12px 35px; transition: all 0.3s; } #home-guarantees .guarantees-banner .guarantees a:hover img { transform: scale(0.95); transition: all 0.3s; } /* Home Awards ================================================== */ #home-awards { position: relative; height: 515px; } #home-awards .container { display: block; margin: auto; text-align: center; } #home-awards .container h2 { display: block; margin-top: 80px; font-size: 36px; text-transform: uppercase; } #home-awards .container img { display: block; margin: auto; } #home-awards .container .awards-sep img { margin-bottom: 40px; } @media (max-width: 660px) { #home-awards { padding-left: 10px; padding-right: 10px; } } /* Home What ================================================== */ #home-what { position: relative; height: 550px; color: #ffffff; background-attachment: fixed; background-image: url('/images/what-we-do-banner.jpg'); background-position: center center; background-size: cover;} #home-what .container { text-align: center; } #home-what .container h2 { display: block; margin-top: 80px; font-size: 36px; text-transform: uppercase; color: #ffffff;} #home-what .text-extra { display: block; margin-top: 25px; margin-bottom: 45px; font-size: 30px; font-weight: 100; } #home-what .item { display: inline-block; position: relative; } #home-what .item .icon:hover { background: rgba(213,166,25,1); } #home-what .item .icon { position: relative; display: inline-block; height: 60px; padding-top: 32px; padding-bottom: 30px; width: 130px; height: 130px; background: rgba(213,166,25,0.7); border: 1px solid #ffffff; border-radius: 65px; transition: all 0.5s;} #home-what .item .text { position: relative; display: block; font-size: 24px; text-transform: uppercase; font-weight: 500; margin-top: 20px; color: #ffffff; } @media (max-width: 1199px){ #home-what .item .text { font-size: 19px; } } @media (max-width: 991px) { #home-what { height: auto; } #home-what .container { min-width: 95%; } #home-what .item .text { font-size: 24px; margin-bottom: 25px} } @media (max-width: 767px) { #home-what { height: auto; margin-bottom: 20px;} #home-what .container { width: 100%; } #home-what .container h2 { margin-top: 20px; margin-bottom: 20px; } #home-what .col-xs-6 { margin-top: 15px; } #home-what img { max-width: 100px; max-height: 100px; } #home-what .text { margin-top: 10px; margin-bottom: 25px; } } /* Home Services ================================================== */ #home-services { position: relative; padding: 75px 0 65px 0; } #home-services .container { display: block; margin: auto; text-align: center; } #home-services .container h2 { font-size: 36px; text-transform: uppercase; } #home-services .container .services-sep img { margin-bottom: 40px; } #home-services .services-list-check { font-size: 30px; margin-top: 15px; margin-bottom: 15px; } #home-services #video-container { margin-bottom: 20px; } #home-services ul { margin-top: 20px; list-style-type: none; padding: 0px; color: #065aa3; } #home-services ul { list-style-image: url('/images/check.png'); } #home-services ul li { font-size: 24px; text-align: left; color: #666666;} #home-services ul li:nth-last-of-type(n) { margin-left: 30px; margin-bottom: 25px; } #home-services h3 { font-size: 24px; color: #666666; text-transform: uppercase; } #home-services #services-list p { font-size: 16px; min-height: 162px; margin-bottom: 15px; } @media (max-width: 1300px) { #home-services .services-list-check { font-size: 26px; padding: 0; margin: 0; } #home-services ul li { font-size: 20px; } } @media (max-width: 1283px) { #home-services #services-list p { min-height: 195px; } } @media (max-width: 1199px) { #home-services { height: 100%; margin-bottom: 25px; } #home-services #list { } #home-services .services-list-check { font-size: 30px; } #home-services ul li { font-size: 24px; margin: auto; } #home-services #list-left { margin-left: 110px; } #home-services #list-right { margin-left: 80px; } #home-services #services-list p { min-height: 245px; } } @media (max-width: 991px) { #home-services { height: auto; margin-bottom: 25px; } #home-services #list-left { margin: 0; margin-top: 15px; padding: 0; } #home-services #list-right { margin: 0; margin-top: 15px; padding: 0; } #home-services #services-list p { min-height: 300px; } } @media (max-width: 767px) { #home-services ul li { font-size: 20px; } #home-services ul img { width: 20px; height: 17px; } #home-services #list { text-align: center; } #home-services ul { display: inline-block; margin-top: auto; } #home-services ul li { padding: 0; margin: 0; } #home-services #services-list p { min-height: auto; } } /* Home Testimonial ================================================== */ #home-testimonial { position: relative; background-color: #ffffff; } #home-testimonial .container { display: block; margin: auto; text-align: center; } #home-testimonial .container h2 { display: block; margin-top: 80px; font-size: 36px; text-transform: uppercase; } #home-testimonial .container .testimonial-sep img { margin-bottom: 40px; } #home-testimonial .carousel-inner p { width: 80%; display: block; margin: auto; font-size: 24px; font-style: italic; } #home-testimonial .carousel-inner h3 { width: 80%; display: block; margin: auto; font-size: 24px; font-weight: 100; color: #666666;} #home-testimonial .carousel-control { font-size: 30px; opacity: 1; width: 30px; text-align: center;} #home-testimonial .carousel-control.right { background-image: none; } #home-testimonial .carousel-control.left { background-image: none; } #home-testimonial a.left.carousel-control { padding-top: 20px; } #home-testimonial a.right.carousel-control { padding-top: 20px; } @media(max-width: 991px) { #home-testimonial .carousel-control { display: none; } #home-testimonial { height: auto; margin-bottom: 20px; } } /* Secondary Banner ================================================== */ #secondary-banner { position:relative; height:250px; border-bottom: 5px solid #ddb847; } @media (max-width: 1302px){ #secondary-banner {} } /* Secondary Banner - Wide Template =================================================== */ #secondary-banner-wide{position: relative; height: auto;padding: 150px 0; background-image: url('/images/wide-banner.jpg'); background-blend-mode: overlay; background-size: cover; background-position: center center; border-bottom: 5px solid #ddb847; background-attachment:fixed;} #secondary-banner-wide .container{height: 100%; position: relative; z-index: 100; } #secondary-banner-wide:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; content: ' '; background-color: rgba(0,0,0,0.2); } /* #secondary-banner-wide.light:before { background-color: rgba(255,255,255,0.7); } */ /* #secondary-banner-wide.dark:before { background-color: rgba(255,255,255,0.4); } */ #secondary-banner-wide .wide-tagline{text-align: center; width: 100%;} #secondary-banner-wide .wide-tagline .title {color: #fff; font-size: 42px; line-height: 46px; width: 100%; text-shadow: 1px 1px #000; } #secondary-banner-wide .wide-tagline .title .italic{font-style: italic;} #secondary-banner.careers { position:relative; padding: 200px 0 200px 0; background-image: url('/images/careers-bg.jpg'); } #secondary-banner.careers::before {position: absolute; content: ''; top:0; bottom:0; left:0; right:0; width: 100%; background-color: rgba(255, 255, 255, 0.7);} #secondary-banner .title { font-size: 36px; text-align: center; color: #352516; line-height: 40px; } @media (max-width: 991px){ #secondary-banner-wide { padding: 50px 0; } } @media (max-width: 767px){ #secondary-banner-wide { background-attachment:scroll; } } .split-callouts { margin-top: 0; text-align: center; text-transform: uppercase;} .split-callouts .item { display: block; position: relative; padding: 20px 0; } .split-callouts .item .icon { position: relative; display: block; margin: 0 auto; width: 110px; height: 110px; background: rgba(213,166,25,0.7); border: 1px solid #ffffff; border-radius: 65px; transition: all 0.5s;} .split-callouts .item .icon img{position: absolute; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%);} .split-callouts .item .icon:hover { background: rgba(213,166,25,1); } .split-callouts .item .text { position: relative; display: block; font-size: 26px; font-weight: 700; margin-top: 20px; color: #352516; } @media (max-width: 1283px){ .split-callouts .item .text{font-size: 22px;} } @media (max-width: 1199px){ .split-callouts .item .text{font-size: 18px;} } @media (max-width: 991px){ .split-callouts {display: none;} } /** btn ===================================================== */ /*.btn-lg { padding: 25px 40px; } @media(max-width: 991px){ .btn-lg { padding: 25px 10px; } }*/ /** Map Container ===================================================== */ .map-container { position: relative; margin-bottom:-6px; } .map-container .map-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; } /** Check List ===================================================== */ .check-list { margin: 0; padding: 0; list-style-type: none; } .check-list li { text-align: left; padding: 0 0 0 55px; margin: 0; background-image: url('/images/check.png'); background-repeat: no-repeat; } .check-list li h2 { color: #d5a619; font-size: 24px; text-transform: none; font-weight: regular; margin: 0 0 10px 0; } /** Solutions List ===================================================== */ .solutions-list {} .solutions-list .tile { text-align: center; font-size: 24px; color: #ffffff; background-color: #000000; padding: 80px 35px; display: block; text-transform: uppercase; } /** Service Page =================================================== */ .service-page h2 { font-size: 36px; } .service-page .banner { padding: 70px 0; } /** Service Banner ==================================================== */ .service-banner { position: relative; padding: 110px 0; background-position: center center; background-size: cover; background-repeat: no-repeat; border-bottom: 5px solid #ddb847; background-attachment:fixed; } .service-banner:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; content: ' '; } /* .service-banner.light:before { background-color: rgba(255,255,255,0.7); } */ /* .service-banner.dark:before { background-color: rgba(255,255,255,0.4); } */ .service-banner .container { position: relative; z-index: 100; } .service-banner .title { font-size: 42px; text-align: center; line-height: 45px; margin-bottom: 24px; color: #fff; text-shadow: 1px 1px #000;} .service-banner .actions { text-align: center; } .service-banner .actions .btn { padding: 20px 40px 19px 40px; } .service-banner .actions .row .btn { width: 100%; padding: 25px 0; font-size: 16px; } @media (max-width: 991px){ .service-banner .actions .btn { margin: 10px 0; } } @media (max-width: 767px){ .service-banner { background-attachment:scroll; } } /** Service Intro Banner ===================================================== */ .service-intro-banner { background-color: #f2f2f2; text-align: center; } .service-intro-banner.light-banner { background-color: transparent; } .service-intro-banner h1 { color: #666666; font-size: 36px; text-transform: uppercase; margin-bottom: 40px; } /** Service Feature ===================================================== */ .service-feature {} .service-feature h2 { font-size: 36px; margin: 50px 0 30px 0; text-transform: uppercase; } .service-feature .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0;} .service-feature .img img { width: 100%; } @media (max-width: 991px){ } /** Service Form ===================================================== */ .service-form { position: relative; color: #ffffff; background-color: #000; padding: 100px 0; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .service-form:before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.2); z-index: 2; } .service-form .container { position: relative; z-index: 10; } .service-form h2 { font-size: 36px; text-transform: uppercase; color: #ffffff; } .service-form form label { color: #ffffff!important; text-transform: uppercase; } .service-form form input { border-radius: 0px !important; color: #666666; } .service-form form textarea { border-radius: 0px !important; color: #666666; } .service-form form .frs-btn { text-transform: uppercase; color:#fff!important; padding: 15px 40px 14px 40px; font-size: 0px; border-radius: 0px; line-height: 1.3333333; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; } .serfice-form form .frs-btm:hover { opacity: 0.8; } .service-form form .frs-btn:before { content: 'Get a Quote'; font-size: 18px; } .service-form.agent-form form .frs-btn:before { content: 'Submit'; font-size: 18px; } /** Service Testimonial ====================================================== */ .service-testimonial { text-align: center; height: 500px; } .service-testimonial .carousel { position: relative; } .service-testimonial .carousel-inner { padding: 0 100px; font-size: 22px; font-family: 'Swiss721BT-Italic'; } .service-testimonial .carousel-control.right { background-image: none; right: 0px; top: 50%; transform: translateY(-50%); width: auto; } .service-testimonial .carousel-control.left { background-image: none; left: 0px; top: 50%; transform: translateY(-50%); width: auto; } @media(max-width:991px){ .service-testimonial { text-align: center; height: 600px; } } @media(max-width:767px){ .service-testimonial { text-align: center; height: 700px; } } @media(max-width:500px){ .service-testimonial { text-align: center; height: auto; } .service-testimonial .carousel-inner { height: 370px; padding: 0; } .service-testimonial .carousel-control.left { top: -50px; transform: none; } .service-testimonial .carousel-control.right { top: -50px; transform: none; } } /** Service Solutions ====================================================== */ .service-solutions { } .service-solutions h2 { font-size: 36px; color: #666666; margin: 0 0 40px; } .service-solutions .top .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } .service-solutions .top .img img { width: 100%; } .service-solutions .top h2 { font-size: 36px; margin: 20px 0 30px 0; text-transform: uppercase; } .service-solutions .bottom { padding-top: 80px; text-align: center; } @media(max-width: 1314px){ .service-solutions .top .btn { margin: 10px 0; } } /** Service What Banner ====================================================== */ .service-what { position: relative; text-align: center; padding: 130px 0 120px 0; background-color: #000000; color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .service-what:before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.2); z-index: 2; } .service-what .container { position: relative; z-index: 10; } .service-what h2 { font-size: 36px; text-align: center; color: #ffffff; margin-bottom: 40px; } .service-what h3 { font-size: 30px; font-weight: 300; color: #ffffff; margin-bottom: 40px; } .service-what .list { padding: 0; margin: 0; list-style-type: none; text-align: center; vertical-align: top; } .service-what .list li { padding: 0; margin: 0; list-style-type: none; display: inline-block; text-align: center; width: 180px; margin: 10px 30px; vertical-align: top; } .service-what .list li .title { color: #ffffff; font-weight: bold; font-size: 22px; padding-top: 30px; text-transform: uppercase; } /** Service Footer ===================================================== */ .service-footer { background-color: #f2f2f2; border-top: 1px solid #e7e5e5; border-bottom: 1px solid #e7e5e5; } .service-footer .title { font-size: 36px; line-height: 55px; text-align: right; padding-right: 30px; } .service-footer .btn { padding:15px 40px 14px 40px; font-size: 18px; line-height:1.0em; } @media (max-width: 991px){ .service-footer { text-align: center; } .service-footer .title { text-align: center; line-height: 40px; margin-bottom: 30px; padding-right:0; } } /** Panel Expand ===================================================== */ .panel-expand { text-align: left; border-radius: 0px !important; border: 0; } .panel-expand .panel-heading { cursor: pointer; position: relative; padding: 25px 15px; background-color: #f2f2f2; border-radius: 0px; border-bottom: 1px solid #ccc9c6; } .panel-expand .panel-heading h4 { font-size: 25px; line-height: 28px; color: #352516; font-family: 'Swiss721BT-Italic'; } .panel-expand .panel-heading a { color: #352516; } .panel-expand .panel-heading:after { content: '+'; font-size: 27px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #ddb847; } .panel-expand.open .panel-heading:after { content: '-'; } .panel-expand .panel-body { border-left: 1px solid #ccc9c6; border-right: 1px solid #ccc9c6; border-bottom: 1px solid #ccc9c6; } /** Solutions List ===================================================== */ .solutions-list {} .solutions-list ul { padding: 0; margin: 0; list-style-type: none; } .solutions-list ul li { position: relative; padding: 0; margin: 17px 0; float: left; width: 30%; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 215px; background-color: #000000; overflow: hidden; } .solutions-list ul li:nth-child(3n+2) { margin-left: 5%; margin-right: 5%; } .solutions-list ul li a { display: block; height: 215px; overflow: hiddden; } .solutions-list ul li .title { color: #ffffff; font-size: 24px; padding: 85px 35px; text-align: center; text-transform: uppercase; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .solutions-list ul li .hover { position: absolute; height: 100%; width: 100%; top: 215px; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .solutions-list ul li .hover .inner { position: absolute; left: 0; top: 40px; display: inline-block; padding: 25px 20px; width: 100%; background-color: rgba(213,168,40,0.69); color: #ffffff; font-size: 15px; line-height: 18px; font-family: 'Swiss721BT-Italic'; } .solutions-list ul li a:hover .hover { top: 0px; } @media(max-width: 1199px){ .solutions-list ul li .title { padding: 85px 10px; font-size: 18px; } .solutions-list ul li .hover .inner { top: 30px; } } @media(max-width: 991px){ .solutions-list ul li { width: 100%; margin: 17px 0; } .solutions-list ul li:nth-child(3n+2) { margin: 17px 0; } .solutions-list ul li .hover .inner { top: 40px; } } /** Real Estate ===================================================== */ #real-estate {} /** Estate Management ===================================================== */ #estate-management {} /** Vacation Management ===================================================== */ #vacation-management {} #vacation-management .what {} #vacation-management .what h2 { font-size: 36px; text-align: center; color: #666666; margin-bottom: 40px; } #vacation-management .what .list { padding: 0; margin: 0; list-style-type: none; text-align: center; } #vacation-management .what .list li { padding: 0; margin: 0; list-style-type: none; display: inline-block; text-align: center; width: 160px; margin: 10px 40px; } #vacation-management .what .list li .title { color: #000000; font-weight: bold; font-size: 22px; padding-top: 30px; } @media (max-width: 991px){ } /** HOA Management ===================================================== */ #hoa-management {} #hoa-management .banner h2 { text-transform: uppercase; } #hoa-management .intro-banner { background-color: transparent; } #hoa-management .intro-banner .checks { margin: 0; padding: 0; list-style-type: none; } #hoa-management .intro-banner .checks li { text-align: left; padding: 0 0 0 55px; margin: 0; background-image: url('/images/hoa/checkmark.png'); background-repeat: no-repeat;} #hoa-management .intro-banner .checks li h2 { color: #d5a619; font-size: 24px; line-height: 40px; text-transform: none; margin: 0 0 10px 0; } #hoa-management .intro-banner .form-container h2 { text-align:left; color: #d5a619; text-transform: uppercase; font-size: 30px; margin: 0; } #hoa-management .intro-banner .form-container hr { border-top: 2px solid #666666; width: 72px; margin: 20px 0 20px 0; } #hoa-management .what { font-size: 18px; } #hoa-management .what .checks li { margin: 0 0 30px 0; } #hoa-management .request { background-size: cover; background-repeat: no-repeat; padding: 120px 0 110px 0; background-position: center center; } #hoa-management .request h2 { font-size: 36px; margin: 0 0 40px 0; text-transform: uppercase; color: #666666; } #hoa-management .request h3 { color: #666666; font-size: 18px; margin: 0 0 24px 0; } #hoa-management .request h3 .phone-number { font-size: 30px; } #hoa-management .support .feature { } #hoa-management .support .feature h3 { font-size: 24px; margin: 0 0 30px 0; } #hoa-management .support .feature .img img { width: 100%; } #hoa-management .community { background-color: #f2f2f2; } #hoa-management .community .features .img img { width: 100%; } #hoa-management .community .feature h3 { font-size: 24px; margin: 0 0 10px 0; } #hoa-management .community .btn { padding: 15px 50px; } #hoa-management .community .panel-expand .panel-heading { background-color: #ffffff; } #hoa-management .community .panel-expand .panel-body { background-color: #f2f2f2; } #hoa-management .footer .title { line-height: 56px; } #hoa-management .footer .sub { font-size: 30px; text-align: right; font-family: 'Swiss721BT-Italic'; } @media (max-width: 991px){ #hoa-management .support .feature h3 { margin: 30px 0; } #hoa-management .support .feature .img { margin: 30px 0; } #hoa-management .community .feature h3 { margin: 30px 0; } #hoa-management .request { background-position: left top; text-align: center; } #hoa-management .testimonials { text-align: center; height: auto; } #hoa-management .testimonials .carousel-inner { height: 600px; } #hoa-management .footer { text-align: center; } #hoa-management .footer .title { text-align: center; line-height: 40px; margin-bottom: 10px; } #hoa-management .footer .sub { text-align: center; margin-bottom: 30px; line-height: 34px; } } @media(max-width:767px){ #hoa-management .testimonials { text-align: center; height: auto; } #hoa-management .testimonials .carousel-inner { height: 750px; } } @media(max-width:500px){ #hoa-management .testimonials { text-align: center; height: auto; } #hoa-management .testimonials .carousel { padding-top: 50px; } #hoa-management .testimonials .carousel-inner { height: 850px; padding: 0; } #hoa-management .testimonials .carousel-control.left { top: 0px; transform: none; } #hoa-management .testimonials .carousel-control.right { top: 0px; transform: none; } } /** Commercial Management ======================================================= */ #commercial-management {} #commercial-management .intro-banner { background-color: transparent; } #commercial-management .intro-banner .goals { text-align: left; } #commercial-management .intro-banner .goals h2 { font-size: 24px; margin: 0 0 30px 0; text-transform: uppercase; } #commercial-management .intro-banner .goals .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } #commercial-management .intro-banner .goals .img img { width: 100%; } #commercial-management .intro-banner .goals .list { padding: 0; margin: 0; list-style-type: none; } #commercial-management .intro-banner .goals .list li { position: relative; padding: 0 0 0 65px; margin: 0 0 30px 0; line-height: 30px; font-size: 20px; } #commercial-management .intro-banner .goals .list li:before { content: ' '; left: 0; top: 0; width: 30px; height: 30px; line-height: 32px; background-color: #d5a619; border-radius: 30px; position: absolute; display: block; text-align: center; color: #ffffff; font-weight: bold; } #commercial-management .intro-banner .goals .list li:nth-child(1):before { content: '1'; } #commercial-management .intro-banner .goals .list li:nth-child(2):before { content: '2'; } #commercial-management .intro-banner .goals .list li:nth-child(3):before { content: '3'; } #commercial-management .services { background-color: #f2f2f2; text-align: center; } #commercial-management .services h3 { color: #666666; font-size: 24px; } #commercial-management .services p { font-family: 'Swiss721BT-Thin'; } @media (max-width: 991px){ #commercial-management .intro-banner .goals .img { margin: 30px 0; } } /** Residential Management ====================================================== */ #residential-management {} #residential-management .intro-banner .types h2 { font-size: 24px; margin: 30px 0; } #residential-management .intro-banner .types .img img { width: 100%; } #residential-management .intro-banner .types .type-l { padding: 0 20px 0 0; } #residential-management .intro-banner .types .type-r { padding: 0 0 0 20px; } #residential-management .max .title { font-size: 30px; text-align: right; } #residential-management .what h2 { margin-bottom: 25px; } @media (max-width: 991px){ #residential-management .intro-banner .types .type-l { padding: 0; } #residential-management .intro-banner .types .type-r { padding: 0; } #residential-management .max { text-align: center; } #residential-management .max .title { text-align: center; margin-bottom: 30px; line-height: 34px; } } /** Tenants ======================================================= */ #tenants {} #tenants .main-banner { padding: 150px 0; } #tenants .body { padding: 0 0 80px 0; } #tenants .body .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } #tenants .body .img img { width: 100%; } #tenants .body .testimonials h2 { text-align: center; margin: 55px 0; } #tenants .body .testimonials blockquote { border-left: 5px solid #d5a828; font-family: 'Swiss721BT-Italic'; margin-bottom: 40px; } #tenants .body .faq h2 { margin: 80px 0 50px 0; } #tenants .body .faq .panel-expand { margin-bottom: 18px; } #tenants .body h3 { color: #666666; font-size: 36px; margin: 40px 0; } #tenants .body .check-list a, #tenants .body .check-list a:link, #tenants .body .check-list a:visited { color: #666666; text-transform: uppercase; } #tenants .body .check-list a:hover { opacity: 0.6; } #tenants .body .check-list li { margin-bottom: 20px; } #tenants .body a.img-link { background-repeat: no-repeat; padding-left: 110px; padding-top: 20px; display: block; min-height: 95px; } #tenants .body a.img-link:hover { opacity: 0.8; } #tenants .body a.img-link .title { color: #352516; font-size: 24px; width: 100%; display: inline-block; } #tenants .body a.img-link .sub { color: #352516; font-size: 20px; width: 100%; display: inline-block;} /** Owners =============================================== */ #owners {} #owners .body { padding: 80px 0 80px 0; } #owners .main-banner { padding: 150px 0; } #owners .body a.img-link { background-repeat: no-repeat; padding-left: 110px; padding-top: 20px; display: block; min-height: 95px; } #owners .body a.img-link:hover { opacity: 0.8; } #owners .body a.img-link .title { color: #352516; font-size: 24px; width: 100%; display: inline-block; } #owners .body a.img-link .sub { color: #352516; font-size: 20px; width: 100%; display: inline-block;} #owners .body .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } #owners .body .img img { width: 100%; } #owners .body .check-list a, #owners .body .check-list a:link, #owners .body .check-list a:visited { color: #666666; text-transform: uppercase; } #owners .body .check-list a:hover { opacity: 0.6; } #owners .body .check-list li { margin-bottom: 20px; } #owners .faq { padding: 80px 0; } #owners .faq h2 { margin-bottom: 50px; } #owners .faq .panel-expand { margin-bottom: 18px; } #owners .faq .panel-expand .text-alt { font-size: 36px; font-family: 'Swiss721BT-Roman'; } /* Property Types Banner ==================================================== */ #property-types-banner { height:500px; text-align:center; color:#fff; padding:0; } #property-types-banner h2 { color:#fff; font-size:30px; margin:105px 0 65px 0; } #property-types-banner ul { padding:0; list-style:none; text-transform:uppercase; font-size:17px; color:#fff; max-width: 500px; margin: 0 auto; } #property-types-banner ul li { display:block; float:left; width:50%; } #property-types-banner ul li img { margin-bottom:15px; max-width:80%; } @media (max-width: 991px) { #property-types-banner ul { font-size:15px; } } @media (max-width: 750px) { #property-types-banner { height:300px; } #property-types-banner h2 { font-size:20px; margin:30px 0 30px 0; } /* #property-types-banner ul li { width:33.333%; margin-bottom:20px; } */ } /* Agent - Referral Banner ==================================================== */ #referral-banner { padding:75px 0 65px 0; } #referral-banner .separator { margin-bottom:65px; } #referral-banner .content { font-size:20px; line-height:32px; } #referral-banner .content .emphasize { font-size:27px; } #referral-banner .video iframe { border:5px solid #fff; } #referral-banner h4 { margin-bottom:15px; font-size:27px; color:#d5a619; } @media (max-width: 991px) { #referral-banner .content { margin-bottom:50px; } } /* Agent - What we do ==================================================== */ #agent-referral .what-we-do { margin-top:65px; margin-bottom:70px; } #agent-referral .what-we-do h2 { text-align:center; margin-bottom:50px; } #agent-referral .what-we-do .content h4 { color:#352516; font-size:30px; font-style:italic; } #agent-referral .what-we-do .content p.emphasize { font-size:21px; line-height:32px; } #agent-referral .what-we-do .guarantee { padding:50px 0 30px 0; text-align:center; background-color:#f0f0f0; } #agent-referral .what-we-do .guarantee img { margin-bottom:50px; } #agent-referral .what-we-do .guarantee p { padding:0 20px; color:#352516; font-size:21px; font-style:italic; line-height:32px; } @media (max-width: 991px) { #agent-referral .what-we-do h2 { text-align:left; } #agent-referral .what-we-do .content { margin-bottom:50px; } } /* Agent - Features ==================================================== */ #agent-referral .features { margin:30px 0; } #agent-referral .feature { margin:40px 0; } #agent-referral .feature p { margin-top:15px; text-align:justify; } #agent-referral .feature p.content-right { margin-left:30px; } #agent-referral .feature p.content-left { margin-right:30px; } @media (max-width: 991px) { #agent-referral .feature .image { text-align:center; } #agent-referral .feature img { width:100%; margin-bottom:15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:17px 0; } #agent-referral .feature p.content-right { margin-left: 0; } #agent-referral .feature p.content-left { margin-right: 0; } } /* Agent - Benefits ==================================================== */ #agent-referral .benefits { margin:70px 0 50px 0; } #agent-referral .benefits h3 { font-size:32px; line-height:44px; color:#666666; text-transform:uppercase; max-width:85%; } #agent-referral .benefits .image { margin:10px 0 60px 0; } #agent-referral .benefits p { margin-right:30px; } @media (max-width: 991px) { #agent-referral .benefits .benefit { margin-bottom:70px; } #agent-referral .benefits h3 { font-size:30px; max-width:100%; text-align:center; } #agent-referral .benefits p { margin-right:0; } #agent-referral .benefits .image { text-align:center; margin-bottom:20px; } #agent-referral .benefits img { width:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:17px 0; } } /* Contact ================================================== */ #contact .heading { margin-bottom:50px; } #contact .content { margin-bottom:50px; } #contact .content a { color:#666666; } #contact .content .data { position:relative; margin-bottom:40px; padding-left:60px; font-size:20px; } #contact .content .data.phone, #contact .content .data.address { padding-top:6px; } #contact .content .data.hours { padding-top:3px; } #contact .content .data.hours { margin-top:15px; margin-bottom:30px; font-size:17px; } #contact .content .data.hours .title { font-size:20px; margin-bottom:5px; } #contact .content .data img { position:absolute; top:0; left:0; } #contact .image { margin-bottom:50px; } #contact .image img { width:100%; max-width:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:17px 0; } @media (max-width: 991px) { #contact .content .info {padding-left: 0px; } #contact .content .data.email { font-size: 14px; } } /** Association Login ================================================== */ #association-login form label { display: none; } #association-login .community-form { margin:50px auto; max-width:500px; text-align:center; } #association-login .community-form h3 { margin-bottom:30px; } #association-login input { border-radius: 3px; width: 100%; padding: 8px; line-height:27px; height:45px; font-size:16px; border: 1px solid #cecece; } /* ================================================================================================= ======================================= Custom Pages ============================================ ================================================================================================= */ /* Global for all Custom Pages ================================================== */ i { font-family: 'Swiss721BT-Italic'; } strong { font-family: 'Swiss721BT-Bold'; } ul.check-boxes { list-style: none; padding-left: 50px; margin: 0; } ul.check-boxes li { padding-left: 35px; margin-bottom: 20px; font-size: 17px; background: url('/images/custom/services-check-box.png') no-repeat; background-position: left 3px; } .padding-right-xxl { padding-right: 80px; } @media (max-width: 991px){ .padding-right-xxl { padding-right: 15px; } ul.check-boxes { padding-left: 0px; max-width: 500px; margin: 0 auto; text-align: left; } } /* =============================================== Services Pages ================================================== */ #services {} #services p.lead { font-size: 24px!important; font-style: italic; color: #5a7c9b; } #services .service-banner { padding: 90px 0; background-size: 2000px; background-position: center top; } /* #services .service-banner:before { background-color: rgba(0,0,0,0.60); } */ #services .service-banner .title { color: #fff; margin: 0 0 15px; text-shadow: 1px 1.5px #000;} #services .service-banner .icon { margin: 0 auto 15px; display: block; } #services .service-banner p { color: #fff; font-size: 22px; text-align: center; text-shadow: 1px 1.5px #000;} #services .service-banner .actions .btn { padding: 0 25px; height: 52px; line-height: 52px; min-width: 217px; font-size: 16px; } @media (min-width: 2001px){ #services .service-banner { background-size: contain; } } @media (max-width: 991px){ #services .service-banner { background-size: cover; background-attachment: inherit; } } /* */ #services .sub-nav { list-style: none; padding: 5px 0 40px; margin: 0; display: inline-flex; justify-content: space-between; width: 100%; text-align: center; font-size: 15px; text-transform: uppercase; } #services .sub-nav li { flex-grow: 1; } #services .sub-nav li .icon { margin-right: 5px; vertical-align: top; } #services .sub-nav li a { color: #666666; transition: color 0.3s; } #services .sub-nav li a:hover, #services .sub-nav li.active a { color: #d5a619; transition: color 0.3s; } @media (max-width: 991px){ #services .sub-nav { flex-wrap: wrap; } #services .sub-nav li { width: 33.33%; margin-bottom: 8px; } } @media (max-width: 767px){ #services .sub-nav { display: none; } } /* */ #services .intro-banner h1 { text-align: center; margin: 25px 0 20px; font-size: 42px; } #services .intro-banner h1 + .row { margin-top: 50px; } #services .intro-banner h1 + .lead { text-align: center; margin: 0 0 45px; } #services .intro-banner h2 { text-align: center; margin: 20px 0 45px; font-size: 30px; } #services .intro-banner h3 { margin: 35px 0 25px; font-size: 26px; } #services .intro-banner p { font-size: 17px; } #services .intro-banner p.lg { font-size: 20px; } #services .intro-banner .video-wrapper { margin-bottom: 30px; } #services .intro-banner ul.img-bullets { list-style-type: none; padding: 0; margin: 40px 0 30px; } #services .intro-banner ul.img-bullets > li { position: relative; display: block; margin: 15px 0; font-size: 20px; padding-left: 65px; min-height: 50px; } #services .intro-banner ul.img-bullets .icon { position: absolute; left: 0; top: -15px; height: 50px; width: 50px; text-align: center; line-height: 45px; background-color: #395065; border-radius: 50%; margin-right: 10px;} #services .intro-banner ul.img-bullets.no-bg { font-family: 'Swiss721BT-Italic'; } #services .intro-banner ul.img-bullets.no-bg .icon { background: transparent; } #services .intro-banner ul.img-bullets .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #services .intro-banner .analysis-cta { position: relative; } #services .intro-banner .analysis-cta p { font-size: 22px; text-transform: uppercase; } #services .intro-banner .analysis-cta .direction:after { content: 'to the right';} #services .intro-banner .analysis-cta .analysis-arrow { text-align: right; position: absolute; right: -65px; top: 50%; } #services .intro-banner .form-container { border: 0; background: transparent; padding: 0 30px; } #services .intro-banner .form-container:focus { outline: none; } #services .intro-banner .form-container h2 { color: #d5a619; margin: 0 0 30px; } #services .intro-banner .form-container label { text-transform: uppercase; font-size: 14px; } #services .intro-banner .form-container .frs-widget .frs-form input[type='text'] { height: 53px; } #services .intro-banner .form-container .frs-widget .frs-form .frs-btn { height: 52px; line-height: 56px; padding: 0 20px; min-width: 225px; font-size: 0; } #services .intro-banner .form-container .frs-widget .frs-form .frs-btn:after { content: 'Request a Quote'; font-size: 16px; } @media (max-width: 991px){ #services .intro-banner .analysis-cta .direction:after { content: 'below';} #services .intro-banner .analysis-cta .analysis-arrow { display: none; } #services .intro-banner { text-align: center; } #services .intro-banner ul.img-bullets { text-align: left; padding-left: 14%; } #services .intro-banner .form-container { margin-top: 55px; } } @media (max-width: 600px){ #services .intro-banner ul.img-bullets { padding-left: 8%; } } @media (max-width: 500px){ #services .intro-banner h1 { font-size: 36px; } #services .intro-banner ul.img-bullets .icon { top: 0px; } } @media (max-width: 425px){ #services .intro-banner ul.img-bullets { padding-left: 0%; } } /* */ #services .guarantees-banner { text-align: center; padding: 55px 0 25px; border-top: 40px solid #f2f2f2; } #services .guarantees-banner h2 { font-size: 36px; margin: 0 0 50px; } #services .guarantees-banner .guarantees img { padding: 0 12px 35px; transition: all 0.3s; } #services .guarantees-banner .guarantees a:hover img { transform: scale(0.95); transition: all 0.3s; } /* */ #services .services-banner { padding: 80px 0 70px; background: #f2f2f2; } .services-banner { padding: 80px 0 70px; text-align: center; } .services-banner h2 { font-size: 36px; text-transform: uppercase; margin: 0 0 25px; } .services-banner h3 {font-size: 24px; color: #666666; margin: 0 0 20px; } .services-banner h4 { font-size: 24px; text-transform: uppercase; margin: 10px 0 15px; } .services-banner p { font-size: 16px; margin-bottom: 50px; } .services-banner .services { margin-top: 30px; } .services-banner .service { position: relative; display: block; color: #666666; } .services-banner a.service:hover { color: #d5a619; } .services-banner a.service:hover .icon { transform: scale(0.9); transition: all 0.3s; } .services-banner .icon { transition: all 0.3s; } .services-banner .btn { height: 52px; line-height: 52px; padding: 0; min-width: 225px; font-size: 16px; } @media (min-width: 992px){ .services-banner .row { text-align: left; } .services-banner h4 { display: inline-block; padding-left: 55px; margin: 0; vertical-align: text-top; } .services-banner .service { padding: 10px 0; } .services-banner .icon { display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); vertical-align: top; } .services-banner a.service:hover .icon { transform: translateY(-50%) scale(0.9); } } /* */ #services .types { text-align: center; padding: 85px 0 35px; } #services .types h2 { font-size: 36px; text-transform: uppercase; margin: 0 0 30px; } #services .types h3 { font-size: 24px; color: #666666; text-transform: uppercase; margin: 30px 0 20px; } #services .types .item { margin: 45px auto 0; max-width: 470px; } #services .types .item img { width: 100%; } @media (min-width: 992px){ #services .types .row { margin-left: -24px; margin-right: -24px; } #services .types .row .item { padding-left: 24px; padding-right: 24px; } } /* */ #services .max { text-align: center; padding: 45px 0 50px; background: #f2f2f2; border-top: 1px solid #e7e5e5; border-bottom: 1px solid #e7e5e5; } #services .max .title { text-align: center; padding: 0; margin: 0 0 20px; font-size: 30px; } #services .max .btn { height: 73px; line-height: 73px; font-size: 16px; padding: 0; width: 100%; max-width: 301px; } /* */ #services .testimonials { padding: 75px 0 80px; } #services .testimonials h2 { font-size: 36px; text-transform: uppercase; margin: 0 0 50px; } #services .service-testimonial { height: auto!important; } #services .service-testimonial .carousel-inner { width: 85%; height: auto!important; margin: 30px auto 0; padding: 0px; } #services .service-testimonial .carousel-inner .item { min-height: 189px; font-size: 24px; font-family:'Swiss721BT-Roman', Sans-Serif; color: #666666; } #services .service-testimonial .carousel-control { opacity: 1; } #services .service-testimonial .carousel-control:hover { opacity: 0.6; } @media (max-width: 991px){ #services .service-testimonial .carousel-inner .item { min-height: 270px; } } @media (max-width: 767px){ #services .testimonials { padding: 75px 0 120px; } #services .service-testimonial .carousel-inner { width: 100%; } #services .service-testimonial .carousel-control { bottom: -60px; top: auto; transform: translate(0,0);} #services .service-testimonial .carousel-control img { padding: 15px; } #services .service-testimonial .carousel-control.right { right: 30%; } #services .service-testimonial .carousel-control.left { left: 30%; } } /* */ #services .about { text-align: center; background: #f2f2f2; padding: 80px 0 100px; } #services .about h2 { font-size: 36px; text-transform: uppercase; margin: 0 0 25px; } #services .about p { font-size: 17px; } #services .about .read-more-toggle { display: block; margin-bottom: 65px; font-size: 17px; } #services .about .read-more-toggle span { font-size: 0; } #services .about .read-more-toggle:after { content: 'LESS -'; display: block; } #services .about .read-more-toggle.collapsed:after { content: 'MORE +'; } #services .about img { width: 100%; } /* */ #services .areas-banner { text-align: center; padding: 90px 0 85px; } #services .areas-banner h2 { font-size: 36px; text-transform: uppercase; margin: 0 0 30px; } #services .areas-banner ul { margin-top: 30px; } #services .areas-banner li a { font-size: 18px; } @media (max-width: 375px){ #services .areas-banner li { width: 100%!important; float: none; padding-right: 0!important; } } /* */ #services .service-footer { padding: 70px 0; } #services .service-footer .title { font-size: 36px; } #services .service-footer .sub { font-size: 30px; display: block; } #services .service-footer .btn { margin-top: 15px; height: 73px; line-height: 73px; font-size: 16px; padding: 0; width: 100%; max-width: 301px; } @media (max-width: 1199px){ #services .service-footer { text-align: center; } #services .service-footer .title { text-align: center; padding: 0; } } /* Overview Page with AMP ================================================== */ #services.overview .service-banner { padding: 20px 0; } #services.overview .frs-phone-number a { color: #fff; } #services.overview .frs-phone-number a:hover { color: #d5a619; } #analysis-banner { max-width: 900px; margin: 0 auto; } #analysis-banner form { position: relative; } #analysis-banner form label { display: none; } #analysis-banner form input { height: 60px; width: 90%; padding-left: 15px; outline: none; } #analysis-banner button { height: 60px; width: 10%; position: absolute; right: 0; min-width: 218px; text-transform: uppercase; font-size: 20px; } #analysis-banner .frs-widget .frs-btn:hover { -moz-opacity: 1; opacity: 1; } @media (max-width: 650px){ #analysis-banner button { display: block; position: relative; margin: 20px auto 0; text-align: center; right: 0; } #analysis-banner form input { width: 100%; } } /* Marketing Page ================================================== */ #services .listings { padding: 55px 0 70px; text-align: center; } #services .listings h2 { font-size: 42px; margin: 0 0 45px; } #services .listings h3 { font-size: 26px; margin: 30px 0 20px; } #services .listings .icon { margin: 20px auto; } #services .listings .description { font-size: 18px; max-width: 400px; margin: 0 auto 30px; } #services .listings .example-video { max-width: 467px; margin: 0 auto; } @media (min-width: 992px){ #services .listings .row { margin-left: -24px; margin-right: -24px; } #services .listings .row .col-md-4 { padding-left: 24px; padding-right: 24px; } } @media (max-width: 500px){ #services .listings h2 { font-size: 36px; } } /* */ #services .visibility { padding: 70px 0 25px; background: #f2f2f2; } #services .visibility h2 { font-size: 42px; text-transform: uppercase; margin: 55px 0 25px; } #services .visibility p { font-size: 18px; } #services .visibility .img { width: 100%; } #services .visibility .arrow { position: relative; left: -60px; } @media (max-width: 1199px){ #services .visibility h2 { margin: 25px 0 25px; } } @media (max-width: 991px){ #services .visibility { text-align: center; } #services .visibility h2 { margin: 0px 0 25px; } #services .visibility .arrow { display: none; } #services .visibility .img { width: auto; display: block; margin: 0 auto; } #services.marketing .form-container { padding-top: 35px; } } @media (max-width: 500px){ #services .visibility h2 { font-size: 36px; } } /* Tenant Screening Page ================================================== */ #services.screening .intro-banner h3 { margin: 0 0 5px; font-size: 22px; } #services.screening ul.img-bullets { margin: 60px 0 45px; } #services.screening ul.img-bullets > li { padding-left: 85px; margin-bottom: 35px; } #services.screening ul.img-bullets > li .icon { height: 60px; width: 60px; } #services.screening ul.img-bullets > li:nth-child(4n+2) .icon { background: #e1c06d; } #services.screening ul.img-bullets > li:nth-child(4n+3) .icon { background: #b7b7b7; } #services.screening ul.img-bullets > li:nth-child(4n+4) .icon { background: #93aabf; } #services.screening ul.img-bullets ul { list-style: disc; font-size: 18px; } #services.screening ul.img-bullets ul li { padding-left: 5px; } @media (max-width: 600px){ #services.screening ul.img-bullets { padding-left: 0; } } @media (max-width: 425px){ #services.screening .service-banner { background-position: 70% top; } #services.screening ul.img-bullets li { padding-left: 0; text-align: center; } #services.screening ul.img-bullets li ul { padding-left: 14%; margin-top: 10px; } #services.screening ul.img-bullets li li { text-align: left; } #services.screening ul.img-bullets .icon { position: relative; margin: 0 auto 10px; } } /* Rent Collection Page ================================================== */ #services.rent-collection ul.num-bullets { list-style-type: none; padding: 0; margin: 20px 0 30px; max-width: 585px; } #services.rent-collection ul.num-bullets li { position: relative; display: block; margin: 20px 0; font-size: 18px; padding-left: 55px; font-family: 'Swiss721BT-Italic'; } #services.rent-collection ul.num-bullets .icon { color: #fff; font-size: 18px; font-style: normal; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 40px; width: 40px; text-align: center; line-height: 43px; background-color: #395065; border-radius: 50%; margin-right: 10px;} #services.rent-collection ul.num-bullets li:nth-child(4n+2) .icon { background: #e1c06d; } #services.rent-collection ul.num-bullets li:nth-child(4n+3) .icon { background: #b7b7b7; } #services.rent-collection ul.num-bullets li:nth-child(4n+4) .icon { background: #93aabf; } #services.rent-collection ul.num-bullets li .text-alt { color: #5a7c9b; } @media (max-width: 991px){ #services.rent-collection ul.num-bullets { margin: 20px auto 30px; } #services.rent-collection ul.num-bullets li { padding: 0; } #services.rent-collection ul.num-bullets .icon { position: relative; top: 0%; transform: translateY(0%); margin: 0 auto 10px; } #services.rent-collection .form-container { margin-top: 55px; } } /* Maintenance Page ================================================== */ #services.maintenance .intro-banner h3 { margin: 0 0 15px; font-size: 22px; } #services.maintenance .intro-banner ul.check-boxes { margin-bottom: 35px; } #services.maintenance .intro-banner .video-wrapper { margin-top: 45px; } /* Accounting Page ================================================== */ #services.accounting .intro-banner h3 { margin: 0 0 15px; font-size: 22px; } #services.accounting .intro-banner ul.check-boxes { margin: 20px 0 35px; } #services.accounting .intro-banner ul.check-boxes li { margin-bottom: 15px; } #services.accounting .intro-banner .video-wrapper { margin: 35px 0 55px; } #services.accounting .intro-banner p.lg { margin-bottom: 15px; } /* =============================================== Guarantee Pages ================================================== */ #guarantees {} #guarantees .service-banner { padding: 75px 0 80px; background-size: 2000px; background-position: center top; } #guarantees .service-banner:before { background-color: rgba(0,0,0,0.30); } #guarantees .service-banner .title { color: #fff; font-size: 28px; max-width: 1100px; margin: 0 auto; } #guarantees .service-banner .icon { display: block; margin: 0 auto 15px; max-width: 280px; } #guarantees .intro-banner { padding: 85px 0 45px; background: #395065; color: #fff; text-align: center; } #guarantees .intro-banner h1 { color: #fff; font-size: 36px; margin: 0 0 25px; } #guarantees .intro-banner p { font-size: 24px; line-height: 1.25em; } #guarantees .intro-banner .hr { margin: 0 auto 40px; } #guarantees .intro-banner ul.inline-dots { list-style: none; padding: 0; margin: -25px 0 30px; } #guarantees .intro-banner ul.inline-dots li { display: inline; font-size: 24px; text-transform: uppercase; } #guarantees .intro-banner ul.inline-dots li:nth-child(1n+2):before { content: "•"; margin: 0 12px; display: inline; } #guarantees .video-container { max-width: 571px; margin: 0 auto; } @media (min-width: 2001px){ #guarantees .service-banner { background-size: contain; } } @media (max-width: 991px){ #guarantees .service-banner { background-size: cover; background-attachment: inherit; } } /* */ #guarantees .how { padding: 100px 0 30px; } #guarantees .how h2 { font-size: 36px; margin: 0 0 15px; } #guarantees .how p { font-size: 18px; margin: 0 0 25px; } #guarantees .how ul.check-boxes { padding-left: 30px; } #guarantees .how ul.check-boxes li { font-size: 16px; margin: 0 0 15px; } @media (max-width: 991px){ #guarantees .how h2, #guarantees .how p { text-align: center; } } @media (max-width: 425px){ #guarantees .how ul.check-boxes { padding-left: 0px; } } /* */ #guarantees .conditions { padding: 50px 0; } #guarantees .conditions h3 { font-size: 30px; color: #666666; margin: 30px 0 15px; } #guarantees .conditions h3:first-child { margin: 45px 0 15px; } #guarantees .conditions p { font-size: 17px; margin: 0 0 20px; } #guarantees .conditions .image { text-align: center; } @media (max-width: 991px){ #guarantees .conditions h3, #guarantees .conditions p { text-align: center; } } /* */ #guarantees .guarantees-banner { text-align: center; padding: 50px 0 35px; } #guarantees .guarantees-banner h2 { font-size: 36px; margin: 0 0 30px; text-transform: uppercase; } #guarantees .guarantees-banner .guarantees { margin-top: 30px; } #guarantees .guarantees-banner .guarantees img { padding: 0 12px 35px; transition: all 0.3s; } #guarantees .guarantees-banner .guarantees a:hover img { transform: scale(0.95); transition: all 0.3s; } /* */ #guarantees .service-footer { padding: 65px 0; } #guarantees .service-footer .title { font-size: 36px; } #guarantees .service-footer .sub { font-size: 30px; display: block; } #guarantees .service-footer .btn { margin-top: 15px; height: 73px; line-height: 73px; font-size: 16px; padding: 0; width: 100%; max-width: 301px; } /* Guarantees Main Page ================================================== */ #guarantees.main .service-banner { padding: 170px 0 150px; } #guarantees.main .service-banner:before { background-color: rgba(0,0,0,0.25); } #guarantees.main .service-banner .title { color: #fff; font-size: 42px; margin-bottom: 15px; max-width: 100%; } #guarantees.main .service-banner p { color: #fff; font-size: 24px; text-align: center; max-width: 1100px; margin: 0 auto; } #guarantees.main .intro { text-align: center; padding: 90px 0 85px; } #guarantees.main hr { margin: 40px 0; border-color: #cccccc; } #guarantees.main .guarantee h3 { color: #666666; font-size: 36px; margin: 50px 0 15px; text-transform: uppercase; } #guarantees.main .guarantee p { font-size: 18px; margin: 0; } #guarantees.main .guarantee img { width: 100%; max-width: 285px; transition: all 0.3s; } #guarantees.main .guarantee a:hover img { transform: scale(0.95); transition: all 0.3s; } #guarantees.main .guarantee:last-child { margin-bottom: 85px; } @media (max-width: 991px){ #guarantees.main .guarantee { text-align: center; } } /* */ #guarantees.main .additional-guarantees { text-align: center; padding: 110px 0 10px; } #guarantees.main .additional-guarantees h2 { font-size: 36px; margin: 0 0 60px; text-transform: uppercase; color: #352516; } #guarantees.main .additional-guarantees ul { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; text-align: center; justify-content: center; } #guarantees.main .additional-guarantees ul li { width: 279px; margin-bottom: 80px; padding: 0 15px; } #guarantees.main .additional-guarantees ul li h3 { font-size: 18px; text-transform: uppercase; color: #666666; margin: 15px 0 30px; } #guarantees.main .additional-guarantees ul li a { font-size: 15px; color: #30475c; } #guarantees.main .additional-guarantees ul li a:hover { color: #d5a619; } /* Guarantees Main Page - ALT ================================================== */ #guarantees.main-alt .service-banner { padding: 170px 0 150px; } #guarantees.main-alt .service-banner:before { background-color: rgba(0,0,0,0.25); } #guarantees.main-alt .service-banner .title { color: #fff; font-size: 42px; margin-bottom: 15px; max-width: 100%; } #guarantees.main-alt .service-banner p { color: #fff; font-size: 24px; text-align: center; max-width: 1100px; margin: 0 auto; } #guarantees.main-alt .intro { text-align: center; padding: 90px 0 40px; } #guarantees.main-alt .guarantees { padding-bottom: 40px; text-align: center; display: inline-flex; flex-wrap: wrap; justify-content: center; } #guarantees.main-alt .guarantee { width: 263px; padding: 30px 15px 15px; margin: 0px 15px 45px; background: #f2f2f2; } #guarantees.main-alt .guarantee h3 { color: #666666; font-size: 36px; margin: 50px 0 15px; text-transform: uppercase; } #guarantees.main-alt .guarantee p { font-size: 15px; margin: 0 0 25px; line-height: 1.46em; } #guarantees.main-alt .guarantee img { width: 100%; max-width: 235px; margin-bottom: 30px; transition: all 0.3s; } #guarantees.main-alt .guarantee a { font-size: 15px; color: #30475c; } #guarantees.main-alt .guarantee a:hover { color: #d5a619; } /* */ #guarantees.main-alt .additional-guarantees { text-align: center; padding: 110px 0 10px; background: #395065; } #guarantees.main-alt .additional-guarantees h2 { font-size: 36px; margin: 0 0 60px; text-transform: uppercase; color: #fff; } #guarantees.main-alt .additional-guarantees ul { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; text-align: center; justify-content: center; } #guarantees.main-alt .additional-guarantees ul li { width: 279px; margin-bottom: 80px; padding: 0 15px; } #guarantees.main-alt .additional-guarantees ul li h3 { font-size: 18px; text-transform: uppercase; color: #fff; margin: 15px 0 30px; } #guarantees.main-alt .additional-guarantees ul li a { font-size: 15px; color: #fff; } #guarantees.main-alt .additional-guarantees ul li a:hover { color: #d5a619; } /* Leasing Page ================================================== */ #guarantees.leasing .how { padding: 75px 0 80px; background: #f2f2f2; text-align: center; } #guarantees.leasing .how h2 { margin: 0 0 30px; } /* On Time Rent Page ================================================== */ #guarantees.on-time-rent .how { padding: 75px 0 80px; background: #f2f2f2; text-align: center; } #guarantees.on-time-rent .how h2 { margin: 0 0 30px; } /* =============================================== Pricing Page ================================================== */ #pricing {} #pricing .service-banner { padding: 130px 0 140px; background-size: 2000px; background-position: center top; } #pricing .service-banner:before { background-color: rgba(0,0,0,0.25); } #pricing .service-banner .title { color: #fff; margin: 0 0 25px; } #pricing .service-banner .title span { font-size: 36px; display: block; } #pricing .service-banner .video-link { display: block; text-align: center; font-size: 24px; color: #fff; } #pricing .service-banner .video-link img { padding-right: 10px; vertical-align: text-bottom; } #pricing .service-banner .video-link:hover { opacity: 0.7; } #pricing .pricing-table { padding: 75px 0 110px; } #pricing .pricing-table h1 { text-align: center; margin: 0 0 30px; } #pricing .pricing-table h2 { text-align: center; margin: 0 0 45px; } #pricing .pricing-table .hr { display: block; margin: 0 auto 30px; } #pricing .pricing-table .other-fees { text-align: center; margin-top: 75px; } #pricing .pricing-table .other-fees .btn { height: 65px; line-height: 65px; font-size: 16px; padding: 0; width: 100%; max-width: 225px; } @media (min-width: 2001px){ #pricing .service-banner { background-size: contain; } } @media (max-width: 991px){ #pricing .service-banner { background-size: cover; background-attachment: inherit; } } /* Footer */ #pricing .service-footer { padding: 65px 0; } #pricing .service-footer .title { font-size: 36px; } #pricing .service-footer .sub { font-size: 30px; display: block; } #pricing .service-footer .btn { margin-top: 15px; height: 73px; line-height: 73px; font-size: 16px; padding: 0; width: 100%; max-width: 301px; } /* table reset */ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, .table>tbody+tbody { border: 0; } .table>tbody>tr>td, .table>tbody>tr>th { padding: 9px; } /* Table Header */ #pricing .table thead { text-align: center; } #pricing .table thead h3 { position: relative; font-size: 18px; margin: 50px 0 15px; line-height: 1.25em; font-family: 'Swiss721BT-Bold'; text-align: center; text-transform: uppercase; } #pricing .table thead h3 span { text-shadow: -1px -1px 1px rgba(255, 255, 255, 1); } #pricing .table thead h4 { font-size: 24px; padding-right: 12px; margin: 0; font-family: 'Swiss721BT-Italic'; text-align: right; color: #333333; } #pricing .table thead th { vertical-align: middle; } #pricing .table thead th:first-child { font-size: 0; background: #fafafa; } #pricing .table thead tr { position: relative; overflow: hidden; } #pricing .table thead tr:nth-child(3) td small { margin-bottom: 5px; } #pricing .table thead td { font-size: 48px; font-family: 'Swiss721BT-Bold'; line-height: 1em; vertical-align: middle; min-width: 265px; } #pricing .table thead td small { font-size: 14px; display: block; font-family: 'Swiss721BT-Italic'; line-height: 1em; opacity: 0.5; } #pricing .table thead td span { font-size: 24px; } #pricing .table thead td span.percent { font-size: 36px; } #pricing .table thead tr:nth-child(2) td:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(255,255,255,0.1); } #pricing .table thead .blue { background: #6b89a5; color: #fff; overflow: hidden; position: relative; } #pricing .table thead .blue h3 { color: #293a49; } #pricing .table thead th.blue:before { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 365px 20px 0 20px; border-color: #5a7c9b transparent transparent transparent; transform: rotate(2deg) translate(-15px,-10px); position: absolute; } #pricing .table thead th.blue:after { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 260px; border-color: transparent transparent transparent #5a7c9b; transform: rotate(-3deg) translate(-15px,-16px); position: absolute; } #pricing .table thead td.blue:before { content: ''; top: 0; left: -11px; width: 0; height: 0; border-style: solid; border-width: 260px 20px 0 20px; border-color: #5a7c9b transparent transparent transparent; transform: rotate(1deg) translate(-13px,-10px); position: absolute; } #pricing .table thead tr:nth-child(3) td.blue:before { left: -19px; } #pricing .table thead .gold { background: #daaf2f; color: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; overflow: hidden; position: relative; } #pricing .table thead .gold h3 { color: #9b7915;} #pricing .table thead th.gold:before { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 365px 20px 0 20px; border-color: #d6a617 transparent transparent transparent; transform: rotate(2deg) translate(-15px,-10px); position: absolute; } #pricing .table thead th.gold:after { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 260px; border-color: transparent transparent transparent #d6a617; transform: rotate(-3deg) translate(-15px,-16px); position: absolute; } #pricing .table thead td.gold:before { content: ''; top: 0; left: -11px; width: 0; height: 0; border-style: solid; border-width: 260px 20px 0 20px; border-color: #d6a617 transparent transparent transparent; transform: rotate(1deg) translate(-13px,-10px); position: absolute; } #pricing .table thead tr:nth-child(3) td.gold:before { left: -19px; } #pricing .table thead .platinum { background: #bebebe; color: #fff; overflow: hidden; position: relative; } #pricing .table thead .platinum h3 { color: #6a6a6a; } #pricing .table thead th.platinum:before { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 365px 20px 0 20px; border-color: #b7b7b7 transparent transparent transparent; transform: rotate(2deg) translate(-15px,-10px); position: absolute; } #pricing .table thead th.platinum:after { content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 260px; border-color: transparent transparent transparent #b7b7b7; transform: rotate(-3deg) translate(-15px,-16px); position: absolute; } #pricing .table thead td.platinum:before { content: ''; top: 0; left: -11px; width: 0; height: 0; border-style: solid; border-width: 260px 20px 0 20px; border-color: #b7b7b7 transparent transparent transparent; transform: rotate(1deg) translate(-13px,-10px); position: absolute; } #pricing .table thead tr:nth-child(3) td.platinum:before { left: -19px; } @media (min-width: 768px) and (max-width: 1199px){ #pricing .table thead td { min-width: 200px; } #pricing .table thead td:before { left: -15px!important; } #pricing .table thead tr:nth-child(3) td:before { left: -23px!important; } } /* Table Arrows */ #pricing .table .with-arrows td { position: relative; } #pricing .table .with-arrows td.blue:before { content: url('/images/custom/fees-down-arrow-blue.png'); position: absolute; left: 50%; top: -6px; transform: translateX(-50%); } #pricing .table .with-arrows td.gold:before { content: url('/images/custom/fees-down-arrow-gold.png'); position: absolute; left: 50%; top: -6px; transform: translateX(-50%); } #pricing .table .with-arrows td.platinum:before { content: url('/images/custom/fees-down-arrow-platinum.png'); position: absolute; left: 50%; top: -6px; transform: translateX(-50%); } /* */ #pricing .table .with-arrows.bottom td.blue:before, #pricing .table .with-arrows.bottom td.gold:before, #pricing .table .with-arrows.bottom td.platinum:before { content: url('/images/custom/fees-down-arrow-gray.png'); position: absolute; left: 50%; top: 90%; transform: translateX(-50%); } /* Table Body */ #pricing .table tbody th { text-align: right; font-size: 16px; color: #666666; border-right: 1px solid #d3d3d3; padding-right: 20px; } #pricing .table tbody th a { padding-left: 30px; color: #5a7c9b; display: inline-block; font-family: 'Swiss721BT-Bold'; background-image: url('/images/custom/fees-badge.png'); background-position: left center; background-repeat: no-repeat; background-size: 22px; } #pricing .table tbody th a:hover { color: #d5a619; } #pricing .table tbody tr:nth-child(2n+2) { background: #fafafa; } #pricing .table tbody .section { background: #f0f0f0; } #pricing .table tbody .section + tr { background: #fafafa; } #pricing .table tbody .section th { font-family: 'Swiss721BT-Bold'; color: #333333; } #pricing .table tbody td { text-align: center; border-right: 1px solid #d3d3d3; vertical-align: middle; } #pricing .table tbody td.check { background-position: center center; background-repeat: no-repeat; } #pricing .table tbody td.blue { color: #5a7c9b; } #pricing .table tbody td.blue.check { background-image: url('/images/custom/fees-check-blue.png'); } #pricing .table tbody td.gold { color: #d6a617; } #pricing .table tbody td.gold.check { background-image: url('/images/custom/fees-check-gold.png'); } #pricing .table tbody td.platinum { color: #a7a7a7; } #pricing .table tbody td.platinum.check { background-image: url('/images/custom/fees-check-platinum.png'); } #pricing .table tbody td { font-size: 18px; } /* Table Footer */ #pricing .table tfoot td { padding: 60px 0 65px; text-align: center; } #pricing .table tfoot .blue { background: #6b89a5; background-image: url('/images/custom/fees-footer-blue.jpg'); background-position: left bottom; background-repeat: no-repeat; background-size: cover;} #pricing .table tfoot .gold { background: #daaf2f; background-image: url('/images/custom/fees-footer-gold.jpg'); background-position: left bottom; background-repeat: no-repeat; background-size: cover; } #pricing .table tfoot .platinum { background: #bebebe; background-image: url('/images/custom/fees-footer-platinum.jpg'); background-position: left bottom; background-repeat: no-repeat; background-size: cover; } #pricing .table tfoot .btn { background: transparent; border: 1px solid; height: 53px; line-height: 53px; padding: 0; width: 170px; font-size: 18px; text-transform: uppercase; } #pricing .table tfoot .btn:hover { background: #fff; color: #5a7c9b!important; opacity: 1; } @media (min-width: 767px){ #pricing .table-responsive { overflow: visible; } } /* Properties Widget ================================================== */ .frs-widget .prop-result .prop-info .prop-title a{color: #352516;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; } .frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; } .frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info { width :64%;float:right; } .frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px; } .frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;} .frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; } .frs-widget.prop-view .prop-form button { height:auto; } .frs-widget .prop-result .prop-btn a{ background-image: url('/images/button-bg.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #d9af30 !important; } .frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { color:#fff!important; padding:12px 25px; font-size: 18px; border-radius: 0px; line-height: 1.3333333; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; text-transform:uppercase!important; } .frs-widget .prop-search-form-info { color:#666; opacity:.65; } .frs-widget .prop-search-form-rent input:last-child { margin-left:5px!important; } .frs-widget .prop-search-form select { background: url(/images/select-menu-arrow.png) no-repeat right #fff; line-height: 27px; -webkit-appearance: none; border-radius: 0px; cursor:pointer; } .frs-widget .prop-tabs .prop-tab-nav ul li a, .frs-widget .prop-btn a { width: auto !important; height: auto !important; color: #fff!important; padding: 12px 25px 9px 25px !important; font-size: 16px !important; border-radius: 0px; line-height: 1.0; background-image: url(/images/button-bg.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #d9af30 !important; text-transform: uppercase!important; } .frs-widget .prop-video { display:none; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { text-decoration:none;} .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #d5a619; } .frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999; padding: 8px 0 3px 8px!important; font-size:14px; } .frs-widget.prop-view .prop-title { line-height: 2em; color: #2E2E2E; } .frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0;} .frs-widget.prop-view .prop-form label + br {display:none;} .frs-widget.prop-view .prop-form textarea {border:1px solid #999;} .frs-widget.prop-view { box-sizing:border-box; } .frs-widget.prop-view .prop-form { width:25%; padding-right: 40px; margin:0 !important; } .frs-widget.prop-view .prop-info { width: 25%; padding-top: 20px; padding-bottom: 20px; margin:0 !important; } .frs-widget.prop-view .prop-gallery { width: 50%; padding-left: 40px; margin:0 !important; } .frs-widget.prop-view .prop-gallery .prop-img { margin-bottom: 10px; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb { width: 25%; float: left; margin:0 0 10px 0 !important; padding:0 5px; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:first-child { padding-left:0; } .frs-widget.prop-view .prop-gallery .prop-thmbs .prop-thmb:last-child { padding-right:0; } .frs-widget .prop-lead-form select { background: url(/images/select-menu-arrow.png) no-repeat right #fff; line-height: 27px; -webkit-appearance: none; border-radius: 0px; cursor: pointer; } .frs-widget.prop-view .prop-form .prop-form-hdr, .frs-widget.prop-view .prop-phone, .frs-widget.prop-view .prop-rent, .frs-widget .prop-tabs .prop-section h3, .frs-widget .prop-result .prop-rent{ color: #352516; } .frs-widget form label {font-weight:normal;} .frs-paging-btn a { border:1px solid #d5a619; color:#d5a619; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:#d5a619; color:#fff; } .prop-map { height: 550px; width: 100%; } .frs-widget .hide.active { display: block!important; } .lightbox .lb-image { max-width: inherit; } .prop-ad-links * {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale");} @media screen and (max-width:1060px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {width:32%;} .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {margin-left:1%;} .frs-widget.prop-view .prop-thmbs { display: none; } } @media screen and (max-width: 890px) { .frs-widget.prop-list .prop-search {padding:20px 10px;} } @media screen and (max-width: 768px) { .frs-widget.prop-list .prop-search .prop-search-form-rent {clear:both;} .frs-widget.prop-list .prop-search .prop-search-form-button {clear:both; float:none;} .frs-widget .prop-result .prop-img, .frs-widget .prop-result .prop-info, .frs-widget .prop-result .prop-details {float:none; width:100%; text-align:center;} .prop-list-paging {position: relative; display: inline-block;} .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget {text-align:center;} .frs-widget .prop-tabs .prop-tab-nav ul {height:auto; display:inline-block; text-align:center; width:100%;} .frs-widget .prop-tabs .prop-tab-nav ul li {width:100%; float:none; display:inline-block; margin-bottom:2px;} .frs-widget .prop-tabs .prop-tab-nav ul li a {display:inline-block; width:100%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; } .frs-widget.prop-view .prop-info {margin-left:0px; } .frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%;} .frs-widget.prop-view .prop-gallery .prop-img img {width:auto; max-width:100%;} .frs-widget.prop-view .prop-links {width:90%;} .frs-widget.prop-view .prop-gallery .prop-gallery-count { padding-bottom: 10px; } } @media screen and (max-width: 560px) { .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%;} .frs-widget.prop-view .prop-info {margin-left:0%; padding: 0px; } .frs-widget.prop-view .prop-form {padding-right:0;} .frs-widget.prop-view .prop-form form input[type='text'],.frs-widget.prop-view .prop-form form textarea { width: 90%; } } @media (max-width: 991px){ .mobile-show { display: block !Important; } .mobile-hide { display: none !Important; } } @media (min-width: 1284px) { .container { width: 1284px; } } /* Form Widget ================================================== */ .frs-widget .frs-form label, .frs-widget .frs-form legend { color: #666666; } .frs-form .frs-btn { text-transform: uppercase; color:#fff!important; padding: 12px 25px; border-radius: 0px; line-height: 1.3333333; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; } /* Success Page */ .success-page {margin-top: 20px; padding: 20px; } /* PMI BRAND PROMISE ================================================== */ .title-section {margin-bottom:90px;margin-top:50px;} #promise-circle {text-align: center;margin-top:145px;} #promise-circle .box-container {max-width:500px;margin: 0 auto;position:relative;} #promise-circle .box-container .top-right-arrow {position:absolute;top:110px;right:-230px;z-index:-1;} #promise-circle .box-container .top-left-arrow {position:absolute;top:110px;left:-230px;z-index:-1;} #promise-circle .box-container .bottom-right-arrow {position:absolute;bottom:140px;right:-230px;z-index:-1;} #promise-circle .box-container .bottom-left-arrow {position:absolute;bottom:140px;left:-230px;z-index:-1;} #promise-circle .blue-box { position:relative; background:#29394a; border-radius:10px; margin: 0 auto; min-height:145px; display:flex; flex-wrap:wrap;} #promise-circle .yellow-number { position:absolute;background:#d6a61a;height:85px;width:85px;border:4px solid #fff;border-radius:50%;text-align: center;color:#fff;font-size:24px;display:flex;left: 50%; transform: translatey(-70%) translatex(-50%);} #promise-circle .number {margin: auto;} #promise-circle .box-title {color:#fff;font-size:30px;margin: auto;} #promise-circle .inner-box {background:#f2f2f2;padding:40px 20px;display:none;text-align: left;z-index:4;} #promise-circle .inner-box.box-one {padding:40px 20px 60px;position:absolute;width:100%;border-radius:10px;} #promise-circle .inner-box.box-two {padding:40px 20px 60px;position:absolute;width:100%;border-radius:10px;} #promise-circle .inner-box.box-three {padding:40px 20px 60px;position:absolute;width:100%;border-radius:10px;} #promise-circle .inner-box.box-four {padding:40px 20px 60px;position:absolute;width:100%;border-radius:10px;} #promise-circle .inner-box.box-one .light-blue-box {position:absolute;bottom:0;left:0;} #promise-circle .inner-box.box-two .light-blue-box {position:absolute;bottom:0;left:0;} #promise-circle .inner-box.box-three .light-blue-box {position:absolute;bottom:0;left:0;} #promise-circle .inner-box.box-four .light-blue-box {position:absolute;bottom:0;left:0;} #promise-circle .inner-box h3 {color:#666666;margin-top:0;margin-bottom:15px;font-size:22px;text-transform: uppercase;} #promise-circle .inner-box ul {margin-bottom:35px;} #promise-circle .inner-box ul:last-of-type {margin-bottom:0;} #promise-circle .flex-row {display:flex;flex-wrap:wrap;margin: 55px 0 105px;} #promise-circle .item {width:33.333333%;margin: auto;} #promise-circle .item.item-two {height:445px;width:445px;border:1px solid #cccccc;border-radius:50%;display:flex;} #promise-circle .item.item-two h3 {margin: auto;color:#000;font-size:45px;} .rotate-up {transform:rotate(180deg);transition:0.5s;} #promise-circle .mobile-show-arrow {display:none;} @media(max-width:1500px){ #promise-circle .item.item-two {width:300px;height:300px;} #promise-circle .item.item-two h3 {font-size:30px;} #promise-circle .box-container .top-right-arrow {position:absolute;top:20px;right:-230px;z-index:3;} #promise-circle .box-container .top-left-arrow {position:absolute;top:20px;left:-230px;z-index:3;} #promise-circle .box-container .bottom-right-arrow {position:absolute;bottom:80px;right:-230px;z-index:3;} #promise-circle .box-container .bottom-left-arrow {position:absolute;bottom:80px;left:-230px;z-index:3;} } @media(max-width:1199px){ #promise-circle .item.item-two {width:250px;height:250px;} #promise-circle .item.item-two img {max-height:130px;} } @media(max-width:991px){ #promise-circle .box-container {margin-bottom:100px;} #promise-circle .inner-box.box-one {padding:40px 20px;position:static;width:100%;} #promise-circle .inner-box.box-one .light-blue-box {position:static;bottom:0;left:0;} #promise-circle .inner-box.box-two {padding:40px 20px;position:static;width:100%;} #promise-circle .inner-box.box-two .light-blue-box {position:static;bottom:0;left:0;} #promise-circle .inner-box.box-three {padding:40px 20px;position:static;width:100%;} #promise-circle .inner-box.box-three .light-blue-box {position:static;bottom:0;left:0;} #promise-circle .inner-box.box-four {padding:40px 20px;position:static;width:100%;} #promise-circle .inner-box.box-four .light-blue-box {position:static;bottom:0;left:0;} #promise-circle .mobile-show-arrow {display:block;position:absolute;right:-130px;transform: rotate(25deg);} #promise-circle .mobile-show-arrow.left-side {left:-130px;right:auto;-webkit-transform: scaleX(-1)rotate(25deg); transform: scaleX(-1)rotate(25deg);} } @media(max-width:830px){ #promise-circle .mobile-show-arrow img {max-height:110px;} #promise-circle .mobile-show-arrow {right:-100px} #promise-circle .mobile-show-arrow.left-side {left:-100px} } @media(max-width:740px){ #promise-circle .mobile-show-arrow {display:none;} } #brand-info {margin-top:100px;margin-bottom:80px;position:relative;} #brand-info.parent-page {margin-top:60px;} #brand-info h3 {color:#333;} #brand-info .row [class*="col-"] {padding-left:25px;padding-right:25px;} #brand-info img.curve {position:absolute;} #brand-info .grey-section {background:#e4e4e5;padding:50px 0 0;margin-bottom:200px;} #brand-info .grey-section .flex-row {display:flex;flex-wrap:wrap;max-width:1090px;margin: 0 auto;} #brand-info .grey-section .flex-row .item {margin: auto;} #brand-info .grey-section .flex-row .item p {max-width:680px;} #brand-info.parent-page .grey-section .flex-row .item p {max-width:870px;} #brand-info .grey-section .flex-row .item-one {width:calc(33.3333% - 50px);margin: auto 25px;} #brand-info .grey-section .flex-row .item-two {width:calc(66.666% - 50px); margin: auto 25px;} #brand-info .white-section {margin-top:50px;} #brand-info .white-section .flex-row.row {display:flex;flex-wrap:wrap;max-width:1090px;margin: 0 auto;} #brand-info .white-section .flex-row .item {margin: auto;} #brand-info .white-section .flex-row .item p {max-width:680px;} #brand-info.parent-page .white-section .flex-row .item p {max-width:870px;} #brand-info .white-section .flex-row .item-one {margin: auto 25px;float:left;} #brand-info .white-section .flex-row .item-two {margin: auto 25px;float:right;} @media(max-width:1199px){ #brand-info.parent-page .grey-section {margin-bottom:150px;} } @media(max-width:991px){ #brand-info .grey-section .flex-row .item {text-align: center;} #brand-info .grey-section .flex-row .item-one {width:100%;} #brand-info .grey-section .flex-row .item-two {width:100%;} #brand-info .white-section .flex-row .item {text-align: center;} #brand-info .white-section .flex-row .item-one {width:100%;} #brand-info .white-section .flex-row .item-two {width:100%;} #brand-info h3 {margin-top:30px;} #brand-info .white-section p {text-align: center;} } @media(max-width:425px){ #brand-info .grey-section {margin-bottom:120px;} #brand-info.parent-page .grey-section {margin-bottom:100px;} } #icon-info {} #icon-info h2 {font-size:40px;text-transform: uppercase;} #icon-info .row {display:flex;flex-wrap:wrap;margin-bottom:30px;} #icon-info .row [class*="col-"] {flex:1;} #icon-info .row .grey-box {background:#e4e4e5;display:flex;flex-wrap:wrap;} #icon-info .row .grey-box p {margin:auto;padding:20px;font-size:18px;} #icon-info.parent-page {margin-top:65px;} #icon-info.parent-page img {margin-bottom:50px;} #icon-info.parent-page h1 {text-align: center;color:#000;} #icon-info.parent-page .white-bg-top {margin-bottom:60px;text-align: center;} #icon-info.parent-page .white-bg {background:#fff;padding:60px 0;} #icon-info.parent-page .white-bg p {margin-bottom:0;} #icon-info.parent-page .grey-bg {background:#e4e4e5;padding:60px 0;} #icon-info.parent-page .grey-bg p {margin-bottom:0;} @media(max-width:991px){ #icon-info {text-align: center;} #icon-info .row {display:block;} #icon-info .row .grey-box {margin-top:30px;margin-right:15px;margin-left:15px;} #icon-info .row .grey-box p {padding:40px 20px;} } #icon-brand {background:#e4e4e5;padding:90px 0 90px;text-align: center;} #icon-brand .top-img {text-align: center;margin-bottom:80px;} #icon-brand p.top {font-size:20px;margin-bottom:50px;} #icon-brand h3 {text-transform: capitalize;color:#000;margin-bottom:30px;font-weight:600;} #icon-brand .icon {margin: 0 0 30px;} #icon-brand .text-center {margin-top:30px;} #icon-brand .text-center .btn {font-size:20px;} @media(max-width:1283px){ #icon-brand p br {display:none;} } @media(max-width:991px){ #icon-brand {text-align: center;} } /* END BRAND PROMISE CSS*/ /* Buying ================================================== */ #buying { } #buying .row .btn { width: 100%; margin: 10px 0; font-size: 16px; } #buying .main-banner { padding: 140px 0; background-size: cover; background-position: top center; border-bottom: 5px solid #ddb847; } #buying .main-banner .title { font-size: 42px; line-height: 46px; text-align: center; color: #fff;margin-bottom:15px; } #buying .main-banner .btn {min-width:340px;} #buying .advantages { } #buying .advantages .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } #buying .advantages h2 { margin-top: 52px 0 34px 0; } #buying .services { color: #ffffff; } #in-house {padding:70px 0 100px;text-align: center;} #in-house header {text-align: center;margin-bottom:35px;} #in-house header h1 {font-size:36px;} #in-house header h2 {font-size:22px;font-weight:400;font-style:italic;margin-bottom:50px;} #in-house h2 {font-size:30px;text-align: center;text-transform: none;margin-bottom:20px;margin-top:0;} #in-house img {margin-bottom:30px;} #in-house p.top {font-style:italic;margin-bottom:55px;} #in-house p.refer {font-style:italic;margin-bottom:45px;font-size:22px;} #in-house h3 {font-size:30px;text-transform: uppercase;color:#666666;margin-bottom:20px;} #in-house h4 {font-size:22px;margin-bottom:22px;} #in-house .btn {min-width:305px;font-size:16px;height:60px;line-height:45px;} #in-house .arrow {position:relative;} #in-house .arrow img {position:absolute;right:-30px;} #in-house .form-container {background:transparent;border:0;padding:0;} #in-house .ion-form .ion-form-group label {font-size:14px;text-transform: uppercase;color:#666666;} #in-house .ion-form .ion-form-group.ion-is-required label:first-child:after {color:#666666;margin:0;} #in-house .ion-form .ion-form-group input[type=email], #in-house .ion-form .ion-form-group input[type=tel], #in-house .ion-form .ion-form-group input[type=text] {border:0;} #in-house .ion-form .ion-form-group textarea {border:0;height:95px;border-radius:0;} #in-house .form-container h3 {font-size:18px;text-transform: none;} #in-house .ion-form .ion-form-group label {margin-bottom:0;} #in-house .form-container .ion-form-group-checkbox {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #in-house .form-container .ion-form-group-checkbox label:not(:first-of-type) {-ms-flex-preferred-size:25%;flex-basis:25%;} #in-house .ion-form .ion-form-group.ion-is-required label:first-child:after {color:#7c7c7c;margin:0;} #in-house .form-container .ion-form-group-checkbox span::after { content: "\e013"; color: #fff; position: absolute; left: 2px; top: 2px; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 20px; -webkit-font-smoothing: antialiased; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .form-container.contact-us-form .ion-form-group-checkbox label:not(:first-of-type) {-ms-flex-preferred-size:50%;flex-basis:50%;} #in-house .form-container.contact-us-form select, #in-house .form-container.contact-us-form .ion-form-group-state select, #in-house .form-container.contact-us-form form #in-house .ion-form-group select{line-height:40px;} #in-house .ion-form-group-checkbox span {font-size:14px;color:#666666;} #in-house .ion-form .ion-form-group input[type=email], #in-house .ion-form .ion-form-group input[type=tel], #in-house .ion-form .ion-form-group input[type=text] {border-radius:0;border:0;} #in-house form .ion-form-group-checkbox { margin-top: 10px; } #in-house .ion-form-group-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #in-house .ion-form-group-checkbox label:first-of-type { width: 100%; } #in-house .ion-form-group-checkbox label:not(:first-of-type) { -ms-flex-preferred-size: 25%; flex-basis: 25%; } #in-house .ion-form-group-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #in-house .ion-form-group-checkbox span { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 25px; padding-right: 15px; position: relative; font-size: 14px;color:#666; } #in-house .ion-form-group-checkbox span::before { content: ''; position: absolute; left: 0; top: 2px; height: 20px; width: 20px; background: #fff; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #in-house .ion-form-group-checkbox span::after { content: "\e013"; color: #e1e1e1; position: absolute; left: 2px; top: 2px; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 20px; -webkit-font-smoothing: antialiased; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .ion-form-group-checkbox input:hover span::after { color: rgba(255,255,255,0.4 ); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .ion-form-group-checkbox input:checked ~ span::after { color: #7c7c7c; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #in-house .ion-form button {max-width:226px;color:#fff!important; padding: 10px 16px; font-size: 16px;height:52px; line-height: 35px; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; border-radius: 0px; border: 0; text-transform: uppercase; } #in-house .ion-form button:hover {opacity:0.8;} #in-house .form-container .ion-form button { font-size: 0; } #in-house .ion-form button:before { content: 'Get Started'; font-size: 16px; } #in-house .ion-form .ion-form-group select {border:0;border-radius:0;position: relative;} #in-house .ion-form .ion-form-group select option:first-of-type {color:#fff;} .form-container .ion-form .ion-form-group-dropdown { position: relative; border: 0; background: #fff; } .form-container .ion-form .ion-form-group-dropdown select {height:43px;line-height:43px;} .form-container .ion-form .ion-form-group-dropdown label {background:#f0f0f0;} #in-house.tilt-arrow .arrow {transform:rotate(-6deg);} /* #in-house .carousel-control { background: unset; opacity: 1; display: flex; } */ #in-house .carousel-control {display:none;} #in-house .carousel {margin-bottom:50px;} #in-house .carousel-indicators {bottom:-20px;} #in-house .carousel-indicators .active {background:#3e5162;border-color:#3e5162} #in-house .carousel-indicators li {border-color:#3e5162;} #in-house .carousel .item .image {max-height:120px;min-height:120px;display:flex;justify-content: center;align-items: center;} @media(min-width:992px){ #in-house .row [class*="col-"]:first-of-type {padding-right:40px;} #in-house .row [class*="col-"]:last-of-type {padding-left:30px;} } @media(max-width:991px){ #in-house .arrow img {display:none;} #in-house h4 {margin-bottom:50px;} } @media(max-width:450px){ #in-house .form-container .ion-form-group-checkbox label:not(:first-of-type) {flex-basis:50%;} #in-house .carousel .item {min-height:375px;} } #buying-testimonial-carousel {background:#3e5162;padding:90px 0 105px;color:#fff;} #buying-testimonial-carousel .container .carousel {position:relative;} #buying-testimonial-carousel .carousel-control.left, #testimonial-carousel .carousel-control.right {background-image:none;opacity:1;} #buying-testimonial-carousel .cite {text-align: right;font-style:italic;} #buying-testimonial-carousel .carousel-inner {max-width:984px;margin:0 auto;} #buying-testimonial-carousel .carousel-control.left {right:45px;} /* Fading Carousel */ #buying-testimonial-carousel .carousel-control {top:auto;left:auto;right:15px;bottom:-70px;} .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); } @media(max-width:1199px){ #buying-testimonial-carousel .quote-icon {position:absolute;top:-55px;} } @media(max-width:991px){ #buying-testimonial-carousel {text-align: center;} #buying-testimonial-carousel .quote-icon {position:static;margin-bottom:30px;} } /* Selling ================================================== */ #selling { } #selling .row .btn { width: 100%; margin: 10px 0; font-size: 16px; } #selling .btn .sub { display: block; font-size: 14px; text-align: center; font-family: 'Swiss721BT-Italic', sans-serif; text-transform: none; } #selling .main-banner { padding: 140px 0; background-size: cover; background-position: top center; border-bottom: 5px solid #ddb847; } #selling .main-banner .title { font-size: 42px; line-height: 46px; text-align: center; color: #fff;margin-bottom:15px; } #selling .main-banner .btn {min-width:340px;} #selling .advantages { } #selling .advantages .img { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 17px 0; } #selling .advantages h2 { margin-top: 52px 0 34px 0; } #selling .services { color: #ffffff; } #selling-testimonial-carousel {background-color: #395065; color:#fff; padding: 40px 20px; text-align: center; font-size: 18px;} #selling-testimonial-carousel .quote-icon {padding-bottom: 20px;} #in-house {padding:70px 0 100px;text-align: center;} #in-house header {text-align: center;margin-bottom:35px;} #in-house header h1 {font-size:36px;} #in-house header h2 {font-size:22px;font-weight:400;font-style:italic;margin-bottom:50px;} #in-house h2 {font-size:30px;text-align: center;text-transform: none;margin-bottom:20px;margin-top:0;} #in-house img {margin-bottom:30px;} #in-house p.top {font-style:italic;margin-bottom:55px;} #in-house p.refer {font-style:italic;margin-bottom:45px;font-size:22px;} #in-house h3 {font-size:30px;text-transform: uppercase;color:#666666;margin-bottom:20px;} #in-house h4 {font-size:22px;margin-bottom:22px;} #in-house .btn {min-width:305px;font-size:16px;height:60px;line-height:40px;} #in-house .arrow {position:relative;} #in-house .arrow img {position:absolute;right:-30px;} #in-house .frs-widget .frs-form label, #in-house .frs-widget .frs-form legend {text-transform: uppercase;} #in-house .form-container {background:transparent;border:0;padding:0;} #in-house textarea {border:0;height:95px;border-radius:0;} #in-house .frs-widget .frs-form input[type='text'] {border-radius:0;border:0;} #in-house .frs-form .frs-form-field label {font-size:14px;text-transform: uppercase;color:#666666;} #in-house .frs-form .frs-form-field input[type=email], #in-house .frs-form .frs-form-field input[type=tel], #in-house .frs-form .frs-form-field input[type=text] {border:0;} #in-house .form-container h3 {font-size:18px;text-transform: none;} #in-house .frs-form .frs-form-field label {margin-bottom:0;} #in-house .form-container .frs-form-check-list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} #in-house .form-container .frs-form-check-list label:not(:first-of-type) {-ms-flex-preferred-size:25%;flex-basis:25%;} #in-house .frs-form .frs-form-field label:first-child:after {color:#7c7c7c;margin:0;} #in-house .form-container .frs-form-check-item span::after { content: "\e013"; color: #fff; position: absolute; left: 2px; top: 2px; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 20px; -webkit-font-smoothing: antialiased; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .form-container.contact-us-form .frs-form-check-item label:not(:first-of-type) {-ms-flex-preferred-size:50%;flex-basis:50%;} #in-house .form-container.contact-us-form select, #in-house .form-container.contact-us-form .ion-form-group-state select, #in-house .form-container.contact-us-form form #in-house .ion-form-group select{line-height:40px;} #in-house .frs-form-check-item span {font-size:14px;color:#666666;} #in-house .ion-form .ion-form-group input[type=email], #in-house .ion-form .ion-form-group input[type=tel], #in-house .ion-form .ion-form-group input[type=text] {border-radius:0;border:0;} #in-house .frs-form .frs-form-check-item { margin: 10px; } /* #in-house .frs-form-check-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #in-house .frs-form-check-item label:first-of-type { width: 100%; } #in-house .frs-form-check-item label:not(:first-of-type) { -ms-flex-preferred-size: 25%; flex-basis: 25%; } #in-house .frs-form-check-item input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #in-house .frs-form-check-item span { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 25px; padding-right: 15px; position: relative; font-size: 14px;color:#666; } #in-house .frs-form-check-item span::before { content: ''; position: absolute; left: 0; top: 2px; height: 20px; width: 20px; background: #fff; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #in-house .frs-form-check-item span::after { content: "\e013"; color: #e1e1e1; position: absolute; left: 2px; top: 2px; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 20px; -webkit-font-smoothing: antialiased; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .frs-form-check-item input:hover span::after { color: rgba(255,255,255,0.4 ); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #in-house .frs-form-check-item input:checked ~ span::after { color: #7c7c7c; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } */ #in-house .ion-form button {max-width:226px;color:#fff!important; padding: 10px 16px; font-size: 16px;height:52px; line-height: 35px; background-image: url('/images/button-bg.png'); background-repeat: no-repeat; background-position: center center; background-color: #d9af30; border-radius: 0px; border: 0; text-transform: uppercase; } #in-house .ion-form button:hover {opacity:0.8;} #in-house .form-container .ion-form button { font-size: 0; } #in-house .frs-form .ion-form-group select {border:0;border-radius:0;position: relative;} #in-house .frs-form .ion-form-group select option:first-of-type {color:#fff;} #in-house .form-container .frs-form .ion-form-group-dropdown { position: relative; border: 0; background: #fff; } #in-house .form-container .frs-form .ion-form-group-dropdown select {height:43px;line-height:43px;} #in-house .form-container .frs-form.ion-form-group-dropdown label {background:#f0f0f0;} */ #in-house.tilt-arrow .arrow {transform:rotate(-6deg);} /* #in-house .carousel-control { background: unset; opacity: 1; display: flex; } */ #in-house .carousel-control {display:none;} #in-house .carousel {margin-bottom:50px;} #in-house .carousel-indicators {bottom:-20px;} #in-house .carousel-indicators .active {background:#3e5162;border-color:#3e5162} #in-house .carousel-indicators li {border-color:#3e5162;} #in-house .carousel .item .image {max-height:120px;min-height:120px;display:flex;justify-content: center;align-items: center;} @media(min-width:992px){ #in-house .row [class*="col-"]:first-of-type {padding-right:40px;} #in-house .row [class*="col-"]:last-of-type {padding-left:30px;} } @media(max-width:991px){ #in-house .arrow img {display:none;} #in-house h4 {margin-bottom:50px;} } @media(max-width:450px){ #in-house .form-container .frs-form-check-item label:not(:first-of-type) {flex-basis:50%;} #in-house .carousel .item {min-height:375px;} } /* Banner Inline ================================================== */ #make-referral {padding:70px 0;} #make-referral .right {float:none;} #make-referral h3 {font-size:36px;margin-bottom:30px;color:#666666;} #make-referral h4 {font-size:24px;color:#666666;margin-bottom:30px;} #make-referral .btn {height:52px;line-height:32px;font-size:16px;min-width:225px;} #make-referral .banner-inline { margin: 30px 0;} #make-referral .banner-inline h3 { margin: 0 0 15px; } #make-referral .banner-inline h4 { color: #545454; font-size: 24px; margin-bottom: 15px; } #make-referral .banner-inline .content { color: #545454; font-size: 18px; position:relative; } #make-referral .banner-inline .content ul { padding-left: 20px; } #make-referral .banner-inline .content ul li { padding-left: 20px; margin-bottom: 8px; } #make-referral .banner-inline .content .text { position:absolute; top:50%; transform: translateY(-50%); } #make-referral .banner-inline .banner-img { position: absolute; z-index: -1; display: inline-block; overflow: hidden; width: auto; height: 500px; height: 500px; width: 43%; background-size: cover; background-position: center; } #make-referral .banner-inline.right .banner-img { right: 0; } #make-referral .banner-inline .content { min-height: 500px; display: inline-block; width: 55%; } #make-referral .banner-inline.right .content { margin-right: 45%; } #make-referral .banner-inline img { width: 100%; } #make-referral .banner-inline .content { color: #545454; font-size: 18px; position:relative; } #make-referral .banner-inline .banner-img.middle { background-image: url('/images/make-a-referral.jpg'); } @media(min-width:992px){ #make-referral .banner-inline .content .text { position:absolute; top:50%; transform: translateY(-50%); } } @media (max-width:991px) { #make-referral {padding:50px 0} #make-referral .banner-inline .banner-img { position: relative; display: block; height: 300px; width: 90%; margin: 0 auto 30px; } #make-referral .banner-inline .content, #make-referral .banner-inline.right .content { min-height: auto; display: block; width: 90%; margin: 0 auto 30px; } #make-referral .banner-inline .content ul { padding-left: 40px; } #make-referral .banner-inline .content .text { position: relative; top: 0; transform: translateY(0); } } @media (max-width:500px) { #make-referral .banner-inline .banner-img { height: 250px; width: 100%; } #make-referral .banner-inline .content, #make-referral .banner-inline.right .content { width: 100%; } } @media (max-width:425px) { #make-referral .banner-inline h3 { font-size: 36px!important; } #make-referral .banner-inline h4 { font-size: 20px!important; } #make-referral .banner-inline .banner-img { height: 200px; } #make-referral .banner-inline .content:last-child { margin-bottom: 0!important; } } #grey-banner {background:#f2f2f2;padding:60px 0;} #grey-banner .container {display:flex;flex-wrap:wrap;justify-content: center;align-items: center;} #grey-banner h3 {margin:0;font-size:36px;line-height:36px;color:#666666;text-transform: uppercase;} #grey-banner .btn {height:70px;line-height:52px;font-size:16px;min-width:300px;} @media(min-width:992px){ #grey-banner h3 {margin-right:26px;} } @media(max-width:991px){ #grey-banner h3 {margin-bottom:25px;text-align: center;} } #contact:focus { outline: none; } :target:before { content:""; display:block; height:70px; /* fixed header height*/ margin:-70px 0 0; /* negative fixed header height */ } /* Overview Page with AMP ================================================== */ #services.overview .service-banner { padding: 20px 0; } #services.overview .frs-phone-number a { color: #fff; } #services.overview .frs-phone-number a:hover { color: #d5a619; } #services .service-banner.amp-new p a {color: #666666; } #analysis-banner { max-width: 900px; margin: 0 auto; } #analysis-banner form { position: relative; } #analysis-banner form label { display: none; } #analysis-banner form input { height: 60px; width: 90%; padding-left: 15px; outline: none; } #analysis-banner button { height: 60px; width: 10%; position: absolute; right: 0; min-width: 218px; text-transform: uppercase; font-size: 20px; } #analysis-banner .frs-widget .frs-btn:hover { -moz-opacity: 1; opacity: 1; } @media (max-width: 650px){ #analysis-banner button { display: block; position: relative; margin: 20px auto 0; text-align: center; right: 0; } #analysis-banner form input { width: 100%; } } /* AMP NEW ================================================== */ #services .service-banner.amp-new {border-bottom: none;} #services .service-banner.amp-new:before { background-color: rgba(0,0,0,0); color: #666666; } #services .service-banner.amp-new .title { color: #666666; margin: 0 0 15px; padding-top: 10%; font-size: 35px; text-shadow: none; } #services .service-banner.amp-new p {text-align: center; font-style: italic; font-size: 14px; color: #666666; text-shadow: none;} #services .service-banner.amp-new p a {color:#666666;} #services .amp-new-sub-banner {width: 100%; background-color: #395065; color:#fff; font-size: 16px; padding:20px 0px; text-transform: uppercase;} #services .amp-new-sub-banner .icon {display: inline-block; padding-right:5%; vertical-align: top; width: 20%;} #services .amp-new-sub-banner .text {display: inline-block; width: 75%;} @media (max-width: 991px){ #services .amp-new-sub-banner .icon {vertical-align: middle;} #services .amp-new-sub-banner .text {text-align: center; font-size: 18px;} #services .amp-new-sub-banner .item {padding-bottom: 20px;} } @media (max-width: 500px){ #services .amp-new-sub-banner .icon {vertical-align: top;} } /* Careers ================================================== */ .careers .about-social ul {padding-left:0px;} .careers .about-social ul li {display: inline-block; list-style: none;} .careers .provide {background-color: #E4E4E5; padding:30px 0px; text-align: center;} .careers .provide i {color:#d5a619; font-size: 40px;} .careers .provide .item {background-color: #fff; padding-top:20%; border-radius: 6px; -webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.5); height:200px;}