/* Property Management Page ===================================================== */ #pm-info { padding-bottom: 80px; } #pm-info ul { list-style-type: none; padding: 0; margin: 45px 0 60px; } #pm-info ul li { position: relative; padding: 12px 0 12px 65px; font-size: 18px; font-style: italic; font-weight: 500; margin: 15px 0; display: flex; } #pm-info .icon { background-color: #6eb43f; position: absolute; left: 0; top: 50%; height: 50px; width: 50px; text-align: center; border-radius: 50%; transform: translateY(-50%); } #pm-info .icon img, #pm-info .icon span:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 26px; } #pm-info .analysis-cta { position: relative; } #pm-info .analysis-cta p { font-size: 18px; } #pm-info .analysis-cta p strong { font-weight: 600; } #pm-info .analysis-cta .form-direction:after { content: 'to the right';} #pm-info .analysis-cta .analysis-arrow { text-align: right; position: relative; right: -65px; top: -27px; } #pm-info .analysis-cta .analysis-arrow svg { height: 50px; fill: #0e61ae; } @media (max-width: 991px){ #pm-info .analysis-cta .form-direction:after { content: 'below';} #pm-info .analysis-cta .analysis-arrow { display: none; } } @media (max-width: 425px){ #pm-info ul li { padding-top: 0; } } /* PM Explore */ #pm-explore { padding: 110px 0 60px; text-align: center; } #pm-explore h2 { margin-bottom: 15px; text-transform: none; } #pm-explore h3 { margin-bottom: 90px; } #pm-explore .service { position: relative; } #pm-explore .service h3 { font-size: 18px; font-weight: 600; line-height: 1.2em; margin: 0 0 5px; color: #002d62; } #pm-explore .service p { font-size: 16px; margin: 0 0 50px; line-height: 1.875em; } #pm-explore .service .icon { margin-bottom: 15px; } @media (min-width: 767px) and (max-width:991px){ #pm-explore .service { flex: 0 1 49%; } } @media (min-width: 767px){ #pm-explore .row { display: flex; flex-wrap: wrap; } #pm-explore .service { position: relative; text-align: left; padding-left: 70px; } #pm-explore .service .icon { position: absolute; left: 15px; top: 0; } #pm-explore .service p { min-height: 7em; margin: 0 0 30px; } } @media (max-width: 767px){ #pm-explore .service { max-width: 400px; margin: 0 auto; } } /* PM Expect */ #pm-expect { padding: 110px 0; text-align: center; } #pm-expect h2 { text-transform: none; } #pm-expect .container-fluid { max-width: 1500px; } #pm-expect .infographic { list-style: none; margin: 95px 0 0; padding: 0; } #pm-expect .infographic .center-image { display: flex; position: relative; margin: 0 auto 40px; padding: 0 0 15px; overflow: hidden; border: 4px solid #002d62; border-radius: 50%; height: 388px; width: 388px; background: url('/images/what-to-expect.png'); background-size: cover; } #pm-expect .infographic .center-image::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); } #pm-expect .infographic .center-image img { position: relative; z-index: 9; margin: auto; } #pm-expect .infographic .text h3 { font-size: 20px; font-weight: 600; color: #002d62; margin: 0; padding: 10px; text-align: center; text-transform: uppercase; } @media (min-width: 992px){ #pm-expect .infographic { position: relative; display: flex; flex-wrap: wrap; min-height: 800px; justify-content: space-between; } #pm-expect .infographic .center-image { margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; } #pm-expect .infographic .text { position: relative; display: inline; margin: auto 0; flex-basis: 33%; text-transform: uppercase; background: #fff; padding: 100px 0; } #pm-expect .infographic .text h3 { border-bottom: 4px solid #002d62; display: inline-block; } #pm-expect .infographic .text::after { content: ''; top: 100%; left: 50%; transform: translateX(-50%); height: 215px; width: 4px; background: #002d62; position: absolute; z-index: -1; } #pm-expect .infographic .text:nth-child(2), #pm-expect .infographic .text:last-of-type { flex-basis: 100%; margin-left: auto; margin-right: auto; padding: 0; } #pm-expect .infographic .text:nth-child(3), #pm-expect .infographic .text:nth-child(5) { margin-right: 160px; text-align: right; } #pm-expect .infographic .text:nth-child(4), #pm-expect .infographic .text:nth-child(6) { margin-left: 160px; text-align: left; } #pm-expect .infographic .text:nth-child(2)::after, #pm-expect .infographic .text:last-of-type::after { top: 100%; } #pm-expect .infographic .text:last-of-type::after { top: auto; bottom: 100%; } #pm-expect .infographic .text:nth-child(3)::after { left: 100%; transform: translate(0%,-50%) rotate(-55deg); top: calc(100% - 101px); } #pm-expect .infographic .text:nth-child(4)::after { right: 100%; transform: translate(0%,-50%) rotate(55deg); top: calc(100% - 101px); left: auto; } #pm-expect .infographic .text:nth-child(5)::after { left: calc(100% + 4px); transform: translate(0%,-50%) rotate(55deg); top: calc(100% - 106px); } #pm-expect .infographic .text:nth-child(6)::after { right: calc(100% + 4px); transform: translate(0%,-50%) rotate(-55deg); top: calc(100% - 106px); left: auto;} } @media (max-width: 991px){ #pm-expect .infographic .text { position: relative; max-width: 500px; text-align: left; padding-left: 50px; margin: 0 auto 20px; } #pm-expect .infographic .text::before { content: ''; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: contain; } #pm-expect .infographic .text h3 { text-align: left; padding: 0; } } @media (max-width: 600px){ #pm-expect .infographic .center-image { height: 260px; width: 260px; } #pm-expect .infographic .center-image img { width: 80%; padding: 10% 0 0; } } /* pm Pricing */ #pm-pricing { padding: 80px 0; text-align: center; } #pm-pricing h2 { text-transform: none; } /* PM Discover */ #pm-discover { position: relative; padding: 105px 0 115px; font-size: 17px; text-align: center; background-attachment: fixed; } #pm-discover::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); } #pm-discover .container { position: relative; z-index: 9; } #pm-discover h2 { text-transform: none; margin-bottom: 100px; } #pm-discover .area-description { color: #002d62; background: rgba(255,255,255,0.75); border: 2px solid #002d62; padding: 80px 8% 50px; text-align: left; font-weight: 500; line-height: 1.875em; } @media (max-width: 991px){ #pm-discover { background-attachment: inherit; } }